Weboldalak készítése a FrontPage segítségével. A Microsoft FrontPage sablonok és varázslók használata webhelyekre hivatkozással

Microsoft FrontPage - a program egy szerkesztő, amely lehetővé teszi a HTML-elrendezés használatát. A szoftver az "Amit csinálsz, azt kapod" elven működik. A segédprogram motorja a jól ismert IE böngészőben is használt technológián alapul. A fejlesztő megjegyzi, hogy harmadik féltől származó motorokat használó böngészők használata esetén a kijelző másképp fog kinézni.

A program képes automatikusan, valós időben végrehajtani a fejlesztők által végrehajtott változtatásokat.

A szerkesztő használata kezdőknek ajánlott, akik szeretnék elsajátítani a weboldalkészítés alapvető műveleteit. Ellentétben az összetettebb és összetettebb analógokkal, amelyek számos lehetőséget kínálnak, ez a program triviálisnak nevezhető. Az alapvető funkciók azonban lehetővé teszik, hogy gyorsan elsajátítsák a webhelyépítés alapjait.

Töltse le ingyen a Microsoft FrontPage teljes orosz verzióját a hivatalos oldalról regisztráció és SMS nélkül.

Rendszerkövetelmények

• Támogatott operációs rendszer: Windows 7, 10, 8, 8.1, Vista, XP
• Bitmélység: 32 bit, 64 bit, x86

Ha korábban úgy tűnt, hogy a weboldalak létrehozása meglehetősen bonyolult és lehetetlen speciális ismeretek nélkül, akkor a WYSIWYG funkcióval rendelkező HTML-szerkesztők megjelenésének kezdete után kiderült, hogy még egy teljesen kezdő, aki semmit sem tud a jelölőnyelvekről fel egy webhelyet. Ennek a csoportnak az egyik első szoftverterméke a Microsoft Trident motorján található Front Page volt, amely 2003-ig bekerült az irodai csomagok különféle verzióiba. Nem utolsósorban ennek köszönhető, hogy a program olyan nagy népszerűségnek örvendett.

A program fő jellemzője, amely különösen vonzza a kezdőket, az oldal elrendezésének lehetősége a HTML-kód vagy más jelölőnyelvek ismerete nélkül. Ez a WYSIWYG függvénynek köszönhetően vált valóra, melynek neve az oroszra fordított kifejezés angol rövidítése, ami annyit jelent, hogy "amit látsz, azt kapod". Vagyis a felhasználó szinte ugyanúgy lehetőséget kap a szöveg beírására és a képek beszúrására a készülő weboldalra, mint a Word szövegszerkesztőben. A fő különbség az utóbbihoz képest, hogy több különböző webes komponens érhető el a Front Page-ben, mint például a Flash és az XML. A WYSIWYG funkció engedélyezve van, amikor dolgozik "Konstruktőr".

Az eszköztár elemeivel ugyanúgy formázhatja a szöveget, mint a Wordben:

• Válasszon betűtípust;
• Állítsa be a méretét;
• Szín;
• Adja meg a pozicionálást és még sok mást.

Ezenkívül közvetlenül a szerkesztőből is beszúrhat képeket.

Szabványos HTML szerkesztő

A haladóbb felhasználók számára a program lehetőséget kínál egy szabványos HTML-szerkesztő használatára jelölőnyelv használatával.

Split szerkesztő

Egy másik lehetőség a programban való munkavégzésre a weboldal létrehozásakor az osztott szerkesztő használata. Felső részén egy panel található, ahol a HTML kód, alsó részen pedig annak módban lévő verziója látható. "Konstruktőr". Amikor az egyik panelen adatokat szerkeszt, a másik panel adatai automatikusan megváltoznak.

Nézet mód

A Front Page ezenkívül megtekintheti a létrejövő weboldalt abban a formában, ahogyan az Internet Explorer böngészőn keresztül megjelenik a webhelyen.

Helyesírás-ellenőrzés

Ha üzemmódban dolgozik "Konstruktőr" vagy "Osztással" a Kezdőlap a Word-hez hasonló helyesírás-ellenőrző funkcióval rendelkezik.

Munka több lapon

A programban több fülön is dolgozhatunk, azaz egyszerre több weblapot is létrehozhatunk.

Sablonok alkalmazása

A Front Page lehetőséget kínál arra, hogy magába a programba épített, kész tervezősablonok alapján webhelyet hozzon létre.

Kommunikáció weboldalakkal

A program képes adatátvitellel kommunikálni különböző webhelyekkel.

Előnyök

• Egyszerű használat;
• Orosz nyelvű interfész jelenléte;
• Weboldalak készítésének lehetősége még kezdők számára is.

Hibák

• A program erkölcsileg elavult, hiszen 2003 óta nem frissítették;
• Nem tölthető le a hivatalos webhelyről, mivel a fejlesztő hosszú ideig nem támogatja;
• A kód helytelenségét és redundanciáját feljegyezték;
• Nem támogatja a modern webes technológiákat;
• Előfordulhat, hogy a Front Page-ben létrehozott weboldalak tartalma nem jelenik meg megfelelően olyan böngészőkben, amelyek nem az Internet Explorer motoron futnak.

A Front Page egy WYSIWYG HTML szerkesztő, amely a maga idejében népszerű volt a felhasználók körében, és a weboldalak egyszerű létrehozásával tűnt ki. Jelenleg azonban reménytelenül elavult, hiszen a Microsoft régóta nem támogatja, és a webes technológiák már messze előrehaladtak. Ennek ellenére sok felhasználó nosztalgiával emlékszik erre a programra.

A FrontPage egy szerkesztő, amelyet hipertext kóddal rendelkező oldalak létrehozására terveztek. Ez a program HTML létrehozását teszi lehetővé - címkék, listák, témák és szokatlan stílusok webhelyekhez.

A FrontPage régi generációs szoftvernek számít, és alig használják. Most van egy fejlettebb program a hipertext létrehozására - az Adobe Dreamweaver.

Sok webtervező használja a SharePoint Designert is, amely felváltotta a "régi" FrontPage-et. A FrontPage-ben olyan weblapokat hozhat létre, amelyek ma már elavult hipertext szabványokkal rendelkeznek. A program "fa szerkezettel" van felszerelve, és a címkék beírásakor promptokat jelenít meg.

Funkcionális

Ez a HTML-szerkesztő olyan kezdő webtervezők számára hasznos, akik még csak most tanulnak belépő szintű webhelyeket létrehozni. A szoftver számos eszközzel rendelkezik, amelyek hipertextet tartalmazó oldalak létrehozását teszik lehetővé. A FrontPage segítségével megtervezheti a grafikai tervüket és a megfelelő webhelycímkéket, amelyeket az ügyfél megadott.

Ennek a szerkesztőnek az az előnye, hogy kivédi azokat a hibákat, amelyeket a felhasználó a címkék és parancsok beírásakor követ el. A program megtalálja az összes hibásan beírt címkét, és megjeleníti a javítási lehetőségeket.

A FrontPage integrált sablonkészlettel érkezik. Akár kezdő, akár profi, használja a sablont, és hozzon létre oldalakat időtakarékos módon. A program menedzserként működik, és biztosítja a létrehozott oldal gyors közzétételét. Ha bármilyen nehéz kérdése van a szoftverrel kapcsolatban, nyissa meg a súgót a Google-ba bejelentkezve.

Üzemmódok

A hiperszövegszerkesztőnek különböző működési módjai vannak, amelyek képességeikben különböznek. A Tervező nézet a szerkesztő ablakot és a kódot mutatja további lehetőségekkel. A "kód" módba lépve csak hipertexttel dolgozik.

Az "eredménynézetben" a létrehozott webhely vázlatát láthatja. A "kombinált" módban látni fogja a kód létrehozásának és az "üres" megtekintésének fő területét.

A "konstruktorban" dolgozva látni fogja az összes hibát. Ebben a módban dolgozhat képekkel, és hozzáadhatja azokat különböző helyekre. Hozzáadhat minden hivatkozást, keretet és egyéb elemet. A kód mód hipertext megtekintésére alkalmas, de szerkesztésére nem.

Főbb jellemzők

• Weboldalak feldolgozása és létrehozása utólagos tervezéssel;
• a kész hipertext megtekintése a tervezési mód használatával;
• beépített alaplap üresekkel, ami leegyszerűsíti a projekttel való munkát;
• menedzser kényelmes közzétételi móddal;
• a program beépített súgóval rendelkezik;
• adatkeresés és hibajavítás;
• A szerkesztő grafikai tervezése orosz nyelvre van lokalizálva.

Program weboldalak készítéséhez FrontPage- ez egy igazi segítő nem csak a kezdőknek. A webhely összes oldala html kódnak tűnik. Ez a kód sok számból, betűből és szimbólumból áll. Weboldal létrehozásához el kell fogadnia és meg kell írnia ezt a kódot.

Ehhez alaposan meg kell értened, mit jelentenek az egyes karakterek. Egy hétköznapi ember számára ezt szinte lehetetlen megtenni. Így néz ki a webhely ezen oldala html kódban:

Program weboldalak készítésére, Front Page

Létezik egy speciális program, amellyel weboldalakat hozhat létre a html kód ismerete nélkül. Ez a program ingyenes, és az ún Microsoft Office FrontPage. Valójában ez egy vizuális szerkesztő, és mindent láthat, amit online hoz létre.

A FrontPage programban létrehozott webhelyek nem félnek a vírusoktól és a hackertámadásoktól. A webhely másolata a számítógépén tárolódik. Bármikor, bármi is történik, gond nélkül felteheti az internetre.

Töltse le a Microsoft Frontpage - oktatóanyagokat kezdőknek

Ez egy nagyon könnyen használható program. Bármely kezdő képes megbirkózni vele. Orosz nyelvű, és nagyon hasonlít a Microsoft Word-re (Word).

A Microsoft Frontpage letöltése - ingyenes

Így néz ki a számítógépre történő telepítés után:

A Microsoft Frontpage letöltéseés telepítse. Ha rendelkezik a Word programban való munkavégzéshez szükséges készségekkel, akkor nem lesz nehéz webhelyeket létrehoznia a Front Page programban. Automatikusan lefordítja mindent, amit írsz html kódba.

Biztosíthatom Önöket, hogy a programban való munka öröm. Az oldalon található összes lecke kezdőknek szól. Ezért megtanuljuk, hogyan készítsünk weboldalt egy nagyon könnyen érthető programban.

Most röviden megismerkedett a program céljával. A következő leckéken sikeresen elsajátítja fő funkcióit és képességeit.

Látni fogja, hogy weboldalt készíteni ezzel a programmal olyan egyszerű, mint a körtékét pucolni. Ne felejtsd el letölteni Microsoft Frontpage program, létrehozunk benne egy oldalt.

Első bevezető lecke kezdőknek Sikeresen teljesítetted. Most menjünk tovább, és kezdjük el az oldal építését. Ehhez lépjen a következő leckére. Ebből megtudhatja, milyen részekből áll a webhely oldala.

Egy olyan program, amellyel egészen egyszerűen megértheti a weblapok tervezésének alapelveit, amely számos kiegészítő eszközzel rendelkezik összetett weboldalak, portálok létrehozásához.

Röviden a Microsoft FrontPage-ről

Ez egy könnyen megtanulható és felhasználóbarát webszerkesztő webhelyek tervezésére, előkészítésére és közzétételére. Az MS Office termékcsaláddal való integrációnak, az ismerős felületnek és a rengeteg sablonnak köszönhetően a program lehetővé teszi a munka gyors elsajátítását még a kezdő felhasználók számára is, akik ismerik az MS Wordben való munkavégzés alapjait. Ugyanakkor a FrontPage nem nevezhető megoldásnak a "bambák" számára: a program széles körű funkcionalitást és különféle eszközöket biztosít a weboldalak optimalizálásához.

Megjegyzendő, hogy a Microsoft FrontPage név 2003-ig létezett, majd újdonságokkal egészült ki, és maga a szoftver neve is megváltozott. 2007-ben a FrontPage átnevezték Microsoft Expression Webre, 2010-ben pedig Microsoft Office SharePoint Designerre. Valójában az új verziókhoz hozzáadtak néhány kiegészítést, de a program fő nézete megmaradt.

A program fő eszközei

A Microsoft FrontPage általános nézete

A Microsoft FrontPage sok hasonlóságot mutat az MS Word eszközökkel, így sok gomb és menülap is intuitív, megkönnyítve az oldalkészítés folyamatát. Sokan már tudják, hogyan kell egyszerű szöveget begépelni és formázni, táblázatokat készíteni a Microsoft Word programban, és az oldalt a FrontPage-ben is ugyanúgy szerkesztik.

A jobb oldali ábra a program általános nézetét mutatja szabványos eszközkészlettel, amellyel oldalsablont készíthet szöveggel, hivatkozásokkal és képekkel. Lépjen a „Nézet” fülre, majd az „Eszköztárra” és győződjön meg arról, hogy Alapértelmezett", "Formázás"És" táblázatok", ezek az eszközök elegendőek lesznek egy egyszerű oldal létrehozásához. Alulról figyeljen a "Designer", "Code" és "View" fülekre - ez három különböző mód, amelyben mindig láthatja, hogyan néz ki a létrehozott oldal mint.

• A Tervezőben az összes szerkesztés beírása, a szöveg beírása és formázása, a képek beszúrása, a hivatkozások létrehozása, a háttér és a betűszínek megváltoztatása ugyanúgy történik, mint a Microsoft Wordben.
• A "Kód" fülön megtekintheti az úgynevezett HTML kódot. A HTML a szabványos jelölőnyelv a világhálón található dokumentumokhoz. A legtöbb weboldal HTML nyelven készül. Ezen a lapon szerkesztheti is az oldalt, de ismernie kell ezt a jelölőnyelvet. A kezdőknek azonban minden változtatást végre kell hajtaniuk a konstruktorban, és a HTML-ben minden módosítás automatikusan megtörténik.
• A "Nézet" lapon megtekintheti, hogyan néz ki az oldal közvetlenül a böngészőben (például az Internet Explorerben)

A Microsoft FrontPage egyéb menüinek, gombjainak és funkcióinak részletes leírását a program súgójában találja. Ehhez nyomja meg az "F1" billentyűt.

Oldalsablon létrehozása a FrontPage-ben

A főtábla beillesztése a szerkesztőbe

Tehát egy egyszerű sablon létrehozásához be kell szúrnia egy három blokkot tartalmazó táblázatot. A három blokk egy egyszerű szabvány: a felső blokk a webhely nevének, a második blokk a webhely navigációs hivatkozásainak, a harmadik blokk pedig a szövegnek, képeknek és egyéb információknak az oldalon. A kényelem kedvéért több asztali blokkot is behelyezhet, de az már ízlés kérdése, hogy ezeket a blokkokat hogyan, mennyit és milyen méretben készíti el. Van egy másik módja a blokkok létrehozásának, nem táblázatok létrehozásával, hanem úgynevezett "div" elemek beszúrásával az oldalakba és bizonyos stílusok hozzárendelésével, de ez a módszer nem új webmestereknek való, és erről külön cikk írható.

1. Táblázat beszúrásához lépjen a "Táblázat" > "Beszúrás" > "Táblázat" fülre, és töltse ki a mezőket a jobb oldali ábra szerint. Valójában megadhatja saját paramétereit, de ez a táblázat rögzített szélességű, és a képernyőterület 100%-áig terjed. Így a táblázat tömören jelenik meg a böngészőben.
2. Ezután mindhárom cellát be kell állítani, mivel a beillesztés után azonos magasságúak. Jobb gombbal kattintunk a legfelső cellára, és a magasság mezőben a "Cella tulajdonságai" menüpontra lépünk, feltételesen beírjuk a "150"-et és bejelöljük a "pontokban" jelölőnégyzetet, pl. a cella mérete 150 pixel lesz. Ugyanebben a menüben tudjuk kiválasztani a cella háttérszínét, a "stílus..." menüre kattintva pedig egyéb cellabeállításokat is megadhatunk, például kiválaszthatjuk a cellaszegély színét és méretét, kísérletezzen ezzel és nézze meg az eredményt. Magában a cellában megadhatja a webhely nevét.
3. Ezután szerkessze a második cellát, amely a webhelynavigációs hivatkozásokhoz tartozik. A szélességet körülbelül 40 pixelre készítjük, ez elég lesz, és az egyéb beállítások, például a háttér színe és a margók ízlés szerint testreszabhatók. Ezután megírjuk maguknak a hivatkozásoknak a nevét, függőleges vonaljelekkel vagy más jelekkel elválasztva (a teljes sablon letöltésével megtekintheti lent). Válassza ki a tesztet, és nyomja meg a középső igazítás gombot, akárcsak az MSWordban. Ugyanígy módosíthatja a betűtípust, a betűméretet és az egyéb szövegbeállításokat.
4. Állítsa be az utolsó cellát is. A főszöveghez készült, ahová beírhatja az üdvözlő szöveget.
5. Végül lépjen a "Fájl" > "Tulajdonságok" fülre, ahol megadhatja a webhely nevét, és módosíthatja az oldal általános hátterét és egyéb általános beállításokat.

Most a sablon készen áll. Ez a keret a webhely összes további oldalához. Így néz ki a webhely HTML kódban:

Kapunk egy sablont az oldalhoz

< html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = "text/html; charset=windows-1251"> < title >A webhely neve < body bgcolor = "#F8F3FE" > < div align = "center" > < table border = "0" width = "800" cellspacing = "4" cellpadding = "0" height = "100%" > < tr > < td height = "150" bgcolor = "#4A4A4A" style = "border: 1px solid #000000" > < p align = "center" >< font face = "Verdana" size = "6" color = "#FFFFFF" >A webhely neve < tr > < td height = "40" bordercolor = "#4A4A4A" style = "border: 1px solid #4A4A4A" bgcolor = "#FBFBFB" > < p align = "center" >< font face = "Verdana" size = "2" > < b >itthon | < b >2. oldal | < b >3. oldal | < b >4. oldal | < b >5. oldal | < b >Kapcsolatok < tr > < td valign = "top" style = "border: 1px solid #4A4A4A" bgcolor = "#FFFFFF" >< div style = "padding: 6px;" > < font face = "Verdana" size = "2" >Főoldal szövege. Ide beszúrhatja az üdvözlő szöveget, és röviden megírhatja, hogy miről szól az oldal.

Ez a HTML kód azonnal beilleszthető a szerkesztőbe a "Kód" fülön, és azonnal megjelenik a kész sablon. Igényeinek megfelelően módosítható és szerkeszthető. Itt érdemes tisztázni, hogy ahol a főszöveg be van illesztve, és hogy ne legyen a mezők közelében, ott a "div" címkében került keretbe, a behúzás beállításával, ahogy a példában is látható.

További sablonok

1. Azt is tudni kell, hogy a FrontPage-ben és más hasonló programokban vannak szabványos sablonok, amelyek segítségével oldalakat hozhat létre, könnyen szerkeszthetők, és bármilyen sablont az Ön igényei szerint szabhatunk. Szabványsablon kiválasztásához lépjen a "Fájl" > "Új ..." fülre a megnyíló ablakban, válassza ki az "Egyéb oldalsablonok" lehetőséget, ahol tetszőleges sablont választhat.
2. Van egy második lehetőség - töltse le a teljes sablont az internetről. Számos webhely kínálja ezt a szolgáltatást. A sablonok fizetősek és ingyenesek is lehetnek. Miután letöltötte ezt vagy azt a sablont, szerkesztheti a programban, kitöltheti a szükséges tartalommal, és megváltoztathatja ennek vagy annak az elemnek a stílusát.

Szabványos táblázatelrendezések és -témák használata

A Microsoft FrontPage jó eszközöket biztosít a kész táblázatelrendezésekhez és a webhelykészítéshez szükséges tervezési témákhoz

Tudnia kell, hogy a Microsoft FrontPage szabványos táblázatelrendezésekkel és témákkal rendelkezik, amelyek segítségével elsajátíthatja a szokásos oldalak vagy névjegykártya-webhelyek létrehozásának művészetét. Így van egy legördülő menü a jobb felső sarokban (lásd a jobb oldali képet, amelyen a táblázatelrendezések és a tervezési témák használatának eredménye is látható), rákattintva megjelenik egy menü, amelyben ki kell választani a "Táblázatok elrendezését" és cellák", majd az alábbiakban számos különböző táblázatelrendezés jelenik meg, tetszés szerint és ízlése szerint választhat. Így szabaddá válik a táblázat manuális létrehozása.

Így a táblázat celláiba beírva vagy beszúrva szövegét, logóját, linkjeit, ugyanebbe a menübe lépve kiválaszthatja a "Téma" menüt, ahol különböző témákat választhat az oldaltervezéshez, hivatkozásokhoz, oldal hátteréhez és még sok máshoz. Ez a lehetőség azoknak jó, akik még csak most tanulnak weboldalakat készíteni, és elég egyértelműen tükrözi az oldalkészítés folyamatát. Más szóval, a Microsoft FrontPage-ben különféle beállításokkal kísérletezhet, és vizuálisan láthatja, hogyan alakul át ez vagy az az oldal. Itt adhat egy tanácsot, tanulmányozhatja a program összes funkcióját, és ne féljen befizetni egy adott menübe, mivel minden eszköznek megvan a saját tulajdonsága és célja egy teljes értékű oldal kialakítása

Szúrjon be egy képet, és hozzon létre hivatkozásokat oldalakra

A kezdő webmesterek számára fontos, hogy tudják, hogyan illeszthetnek be képeket egy oldalra, és hogyan hivatkozhatnak más oldalakra. Például a webhely nevének szövege helyett beillesztheti a webhely logójának képét. Ehhez először kattintson arra a mezőre, ahová a képet be szeretné szúrni, majd legfelső részén kattintson a "Beszúrás" > "Kép" > "Fájlból" fülre, válassza ki a kívánt képet, majd kattintson a "Beszúrás" gombra. amelyen a kép megjelenik az oldalon. Jobb egérgombbal a képre kattintva további képbeállításokkal léphetünk ki a menüből. Fontos, hogy az összes kép egy szigorúan meghatározott mappában legyen az összes képhez.

A webhely más oldalaira lépéshez létre kell hoznia linkeket, amelyeken keresztül a felhasználók a webhely összes oldalát meglátogathatják. Ehhez válassza ki a hivatkozás kívánt szövegét, és lépjen a "Beszúrás" > "Hiperhivatkozás" fülre, a megnyíló menüben meg kell adnia azt az oldalt, amelyre a hivatkozás készül, és kattintson az "ok" gombra. Ugyanebben az ablakban vannak más beállítások is a hivatkozásokhoz, például a hivatkozás új ablakban való megnyitása vagy sem. Elvileg maga is tanulmányozhatja.

Következtetés

Lényegében ezek a szerkesztők hasonlóak egymáshoz, hasonló funkciókkal és menükkel rendelkeznek. Az alapvető beállítások elsajátítása után könnyű lesz webhelyeket létrehozni más szerkesztőkben. Ezen alapelvek elsajátítása után áttérhet egy bonyolultabb weboldaltervezési módszerre - az úgynevezett CSS használatával. A CSS-ről szóló cikkben olvashat arról, hogy mi ez és hogyan kell szerkeszteni a webhely kialakítását.

Ennek a "sablon" módszernek az a hátránya, hogy minden oldalt külön-külön kell létrehozni a létrehozott sablon alapján. Amikor az oldalak úgynevezett motorokkal történő létrehozásakor nincs szükség külön oldalgenerálásra, akkor azok automatikusan jönnek létre a tartalom hozzáadásával.

Ha kérdése van a cikkel, az ilyen programok webhelyek létrehozására való használatával kapcsolatban, akkor fórumunk vitaszálában felteheti őket.

Kapcsolódó cikkek