Vízszintes legördülő menü. Weboldalak létrehozása a FrontPage alkalmazásban Legördülő menü létrehozása a Frontpage alkalmazásban

Új üres weblap létrehozása

Ha egy programablak megnyitásakor Címlap megjeleníti üres oldal, akkor ezen oldal alapján egy weblap fejlesztése végezhető el. Ha a szerkesztő megnyitásakor Címlap, akkor egy üres főablak jelenik meg, majd egy új üres oldal létrehozásához le kell futtatnia a parancsot Fájl/Újés válassza ki a feladatpanelen Üres oldalon. Egy üres oldal jelenik meg az alkalmazás ablakában. Ezután fejleszteni kell az oldalt, pl. oldalelrendezést (szerkezetet) végez, szöveget, képeket stb.

Weboldal készítése FrontPage sablonok alapján

Az egyik sablon alapján új oldalt is létrehozhat. Ehhez ki kell választani a parancsot "Egyéb sablonokat oldalak" a feladatterületen. A képernyőn megjelenik az Oldalsablonok párbeszédpanel, amely kategóriánként mutatja be a különböző oldalsablonokat.

Weboldal készítése a számítógépén meglévő weboldalak alapján

Weboldalt is létrehozhat a számítógépén lévő meglévő weboldalak alapján. Ehhez válassza ki a parancsot a feladatterületen "Tól től elérhető oldalak"és a megjelenő párbeszédpanelen válassza ki a kívánt oldalt. Ezután elvégezheti a szükséges módosításokat az oldalon, és elmentheti más néven.

Oktatás a web létrehozása- oldalak

Új üres weboldal létrehozása

Ha egy alkalmazás ablakának megnyitásakor Címlap egy új üres oldalt jelenít meg, akkor ez alapján egy weboldal fejlesztése végezhető el. Ha a szerkesztő megnyitásakor egy üres főablak jelenik meg, akkor új üres oldal létrehozásához futtassa a parancsot Fájl/Újés válassza ki a feladatpanelen "Üres oldal".

Próbáljuk meg létrehozni weboldalunk Kezdőlapját!

Egy új üres oldal jelenik meg az alkalmazás ablakában. Mentjük az oldalt, de az ablakban való mentés előtt "Megment" hozzon létre egy mappakiszolgálótSzemélyes mappákVezetéknévNévWebhely „Dinas”, amelyben létrehozunk egy almappát Rajzok a rajzokhoz, majd mentse az oldalt a „Dinas” webhely mappába. Hozzáadjuk az oldal nevét - indexet, ami főoldalt vagy főoldalt jelent. A szerkesztő .htm kiterjesztéssel menti az oldalt. Így a Dynas Site mappában lesz egy Pictures almappa és egy index.htm fájl.

A weboldal rajzait előre el kell készíteni, és be kell illeszteni a Rajzok mappába. Másoljuk a Dinas LLC Iroda képét a Rajzok mappába, hogy létrehozzunk egy weboldalt a Dinas LLC számára.

Annak érdekében, hogy a létrehozott dokumentumot mindenhol helyesen azonosítsák orosz nyelven, tegye a következőket:

Válassza a Fájl tulajdonságait. Megnyílik az Oldal tulajdonságai párbeszédpanel.

A lapon Nyelv a legördülő menüben Zászló jelenlegi dokumentum, jelezve: beállítási csoportok Nyelv oldal kiválasztása elem orosz. A legördülő menüben Megment dokumentum, segítségével beállítási csoportok Készlet jelek tárgy kiválasztása cirill betűs. RENDBEN!

Oldal háttere

Hogy színesebb legyen az oldal, próbáljunk meg hozzáadni oldalunkhoz Háttér,. Ezt kétféleképpen teheti meg:

1. Lépjen a Háttér formázása menübe, és az Oldal tulajdonságai ablakban válassza ki a kívánt képet a Tallózás gombbal.

Ennek eredményeként az oldalunk így fog kinézni:

Próbáld ki, de ha kész megszünteti ez akció!

2. Kész témákat használhat oldalunk háttereként. Lépjen a Téma formázása menübe. Válassza ki dupla kattintás Hullám téma.

Táblázat weboldal keretként

Ezután fejlesztenie kell az oldalt. Az oldal fejlesztése az elrendezésével kezdődik. A táblázatok az oldal elrendezésére szolgálnak. Alkalmazható Elrendezések oldalakat, amelyek a tálcán találhatók "Elrendezések táblázatok És sejtek" a feladatterületen. Ehhez a menübe kell lépnie Táblázatok Kenyértábla táblázatok És sejteket. Így remek lehetőségünk van kész asztali elrendezések kiválasztására, de előfordulhat, hogy ezek az elrendezések nem felelnek meg az elvárásainknak. Ezért közelebbről megvizsgáljuk a felhasználást Táblázatok oldalunk kereteként.

Válassza a Táblázat beszúrása lehetőséget. Megjelenik egy párbeszédpanel Beszúrás táblázatok, amely lehetővé teszi a létrehozott tábla paramétereinek konfigurálását. (10. ábra)

џ Számlálóval ellátott beviteli mezőkben SorokÉs Sztolbcov beállítási elemek csoportjai Méret Meg van adva a táblázatban szereplő sorok és oszlopok száma.

џ Pozíció vezérlőket tartalmaz a táblázat pozíciójához az oldalon és a cellák tartalmának a táblázaton belüli helyzetéhez.

џ A legördülő listában Igazítás Kiválaszthatja, hogyan igazítsa a cellák tartalmát. Ezt követően minden egyes cellához külön konfigurálhatja a tartalmának igazítási paramétereit.

џ Lista Áramlás körül Meghatározza, hogy a szöveg és az egyéb oldalelemek hogyan kerüljenek a táblázat köré.

џ Beviteli mező számlálóval Mezők sejteket meghatározza a cellák határai és a tartalmuk közötti távolságot.

џ A beviteli mezőben egy számlálóval Intervallum sejteket beállítja a szomszédos táblázatcellák közötti távolságot.

џ A négyzet bejelölésével Készlet szélesség, Ezt az alábbi mezőben teheti meg.

џ Mező Készlet magasság hasonló az előzőhöz.

A kontroll csoportban Határok A táblázat határainak megjelenítéséhez kapcsolódó beállításokat tartalmazza.

џ Beviteli mező számlálóval Méret beállítja a táblázat szegélyének vastagságát pixelben.

џ Legördülő lista Szín lehetővé teszi a szegély megjelenítéséhez használt szín kiválasztását.

џ Ha bejelöli a négyzetet Összeomlás határ táblázatok, akkor a szegély egyetlen sorként jelenik meg, ellenkező esetben pszeudo-kötetes megjelenést kölcsönöz.

Csoportban Háttér irányító elemek háttérkép táblázatok.

џ Lista Szín lehetővé teszi a táblázat háttérszínének kiválasztását.

џ Ha a jelölőnégyzet be van jelölve Használat háttér rajz, akkor beállíthatja a táblázatot háttérképként.

Ha bejelöli a négyzetet Által alapértelmezettúj elemcsoport táblákhoz Által alapértelmezett, akkor az adott táblázathoz megadott összes beállítás az összes következő táblázat alapértelmezett beállítása lesz.

Ezt követően, ha módosítania kell egy már létrehozott táblázat paramétereit, kattintson a belsejébe - megjelenik egy helyi menü, amelyben ki kell választania az elemet Tulajdonságok táblázatok.

Lehetőség van egy vagy több cella paramétereinek megváltoztatására egyszerre. Ehhez ki kell jelölnie egy vagy több cellát, elő kell hívnia a helyi menüt, és ki kell választania a benne lévő elemet Tulajdonságok sejteket.

A kontroll csoportban Pozíció vezérlőket tartalmaz a cellatartalom helyére vonatkozóan.

• · Legördülő listákban Igazítsa Által vízszintes És Által függőlegesek, kiválaszthatja, hogyan igazítsa a cella tartalmát.
• · A vezérlők csoportjában Határok, vannak a táblázatszegélyek megjelenítéséhez kapcsolódó beállítások. Lista Szín lehetővé teszi a cellaszegély színének kiválasztását.
• · Csoportban Háttér a cella háttérképét vezérlő elemeket gyűjtik össze. Lista Szín kiválasztja a háttérszínét. Jelölőnégyzet Használat háttér rajz képet állít be háttérként.

Van még további jellemzők: add hozzá És töröl oszlopok, összetör És kombájn sejteket. Mindezek a parancsok a helyi menüben is megtalálhatók a cellák kiválasztásakor. Már találkozott hasonló parancsokkal itt: Word programokés Excel, ezért nincs értelme leírni őket.

A fent kapott elméleti anyag felhasználásával próbáljon meg két táblázatot létrehozni.

Valahogy így kellene kinéznie!

Ideje felírni honlapunkra a tulajdonos cég nevét. De ezt nem sima szöveg formájában fogjuk megtenni, hanem WordArt objektum segítségével (Reméljük, tudja, hogyan kell ezt csinálni!) Szúrja be a szót ugyanúgy promóció az alsó táblázat harmadik cellájában és Betöltetlen állás az első cellában.. Most válassza el a cégnevet Vízszintes vonal: Vízszintes vonal beszúrása.

Az oldal szövegtervezése

Számos lehetőség van a weboldalakon található szöveg formázására. A szövegformázásban rejlő lehetőségek kihasználása lehetővé teszi a szövegek vizuálisan tetszetősebbé tételét, a szerző elképzeléseinek megfelelő megtervezését, és lehetővé teszi a világos kiemelést fontos szavakatés gondolatok.

Mivel úgy döntött, hogy egy olyan összetett terméket tanulmányoz, mint a webhelyek létrehozása, egyszerűen biztosak vagyunk abban, hogy tudja, hogyan formázzák a szöveget, például egy olyan programban, mint pl. Microsoft Word. Tehát itt a szövegszerkesztés a programban Címlap ehhez hasonló, ezért természetesen ezen sem térünk ki.

Tegyük fel, hogy ehhez a formázási panelt vagy a Format Font Bekezdés menüsort használjuk.

Írja be az összes szöveget, amit a 15. ábrán lát, szerkesztése során kreatívkodhat. DE Nem túlzásba vinni!!!

Illusztrációk beszúrása

Lehetetlen elképzelni egy HTML oldalt grafikus elemek, rajzok stb. Az ügyesen megválogatott grafikák felkeltik az oldal látogatóinak figyelmét, figyelmüket oldalunk bizonyos pontjaira irányítva. Segít kiemelni a logikai alfejezeteket, és különleges egyediséget ad oldalunknak, de a képek kiválasztásánál a következő szempontokat érdemes figyelembe venni. Először is, ne használjon olyan képet háttérként, amely nehezen olvashatóvá teszi a dokumentum szövegét. Például túl színes, világos stb. Nincs szükség nagy képek használatára, amelyek betöltése örökké tart. Ha mégis be kell szúrni egy képet az oldalra, akkor jobb, ha készítünk belőle egy kis másolatot, majd az oldalhoz rendelünk egy hivatkozást az eredeti nagy képpel, hogy a felhasználó eldönthesse, valóban akar-e hogy töltse le a képet eredeti formájában. Így egy képfájl mérete nem haladhatja meg a 20-25 kb-ot. A weboldalak általában két formátumban tartalmaznak képeket: GIF és JPG. Az ilyen képek minden grafikát támogató böngészőben helyesen jelennek meg. Természetesen más formátumú fájlokat is beszúrhat, például BMP, TIF, de ezt figyelembe kell vennie a lemezre írásakor Címlap automatikusan átalakítja őket a két alapvető formátum egyikére.

Nézzük meg ezeknek a formátumoknak az előnyeit és hátrányait. A GIF egy szabványos formátum kicsiknek grafikus képek, például gombok, ikonok. Nem támogatja az árnyékokat vagy a középtónusokat, és 256 színből álló palettán alapul. A JPG a GIF-hez képest sokkal több színt támogat - több mint 16 milliót, ami a legelőnyösebbé teszi a sima féltónus-átmenetekkel rendelkező grafikus képek megjelenítését. Ezenkívül a JPG fájlok mérete csökkenthető különböző fokú tömörítéssel, de emlékeznünk kell arra, hogy a GIF fájlokkal ellentétben a tömörítés JPG fájlok minőségromlással készült. Minél nagyobb a tömörítés, annál nagyobb a veszteség, de figyelembe kell vennünk, hogy a JPG meglehetősen jó formátum: magas fokú tömörítést ad, meglehetősen kis veszteséggel, szinte láthatatlanul.

Kicsit tovább nézünk mindent, ami a grafikával kapcsolatos, egyelőre csak annyit mondunk, hogy ugyanúgy lehet képet beszúrni, mint más programokba.

Próbáljunk meg fényképet beszúrni az oldalba Katalógus a rajzok mappából.

Grafika előkészítése a Adobe segítségével PhotoShop és Adobe ImageReady

Egy webhely megjelenése és vonzereje nagymértékben függ az azt kitöltő grafikától. A grafika vizuális eszköz a weboldal szövege által feltárt információk hangsúlyozására és kiemelésére, amely ugyanakkor nem vonhatja el a látogató figyelmét magáról a szövegről. Ezért a grafika elkészítésére kell a legkomolyabb figyelmet fordítani.

A szakmai képzési programok között raszteres képek Talán nincs is fejlettebb és népszerűbb program, mint az Adobe PhotoShop.

Az Adobe PhotoShop és az Adobe ImageReady jól kiegészítik egymást. Az Adobe PhotoShop fényképeket dolgoz fel, és grafikus gombokat, szalaghirdetéseket és egyéb képeket hoz létre egy webhely számára. Az ImageReadyben pedig az így kapott képeket optimalizálják, darabokra vágják stb.

Törlés gomb... (6)
lehetővé tesz
dedikált		választó
	Egyedi
stílusok.			a gombon
Teremt...			megnyílik
interaktív			Teremtés
stílus, amelyben			jönnek létre
	válogatók. Megnyomása
a Változás gombra... (8)
párbeszédpanelt nyit meg
változás		stílus mely			5.40. ábra – Stílus párbeszédpanel

teljesen egybeesik a Stílus létrehozása ablakkal, és a kiválasztott kiválasztó leírásának módosítására szolgál. Ha módosítja egy címke stílusát a HTML-címkék listában, a címkeválasztó átkerül a listába Egyedi stílusok.

	Amikor párbeszédpanelen dolgozik
	változás	(Létrehozó) stílus
	A következő mezők és gombok használatosak.
	A Név mezőbe (kiválasztáshoz) (1): írja be
	választó neve (a választó nevének kell lennie
	megfeleljen magának a címke nevének; Név
	osztályválasztó ponttal (.) kezdődik.
	A Formázás gomb (2) lehetővé teszi, hogy megkapja
	egy legördülő lista elérése, amelyben
	a következő elemek közül választhat:
	Betűtípus… -		megnyílik	interaktív	5.41. ábra – Stílus módosítása ablak
		Betűtípus,	lehetővé teszi, hogy megtedd

betűstílus beállításait.

Bekezdés... - megnyitja a Bekezdés párbeszédablakot, amely lehetővé teszi a bekezdések behúzásának beállítását (bal és jobb) a böngészőablakból, az első sor behúzását, a sorok és bekezdések közötti térköz beállítását, a szavak közötti távolság beállítását a bekezdésekben;

Szegély… – párbeszédpanelt nyit meg Szegélyek és árnyékolás, amellyel szegélyt állíthatunk be a kiválasztott bekezdéshez, töltsük ki a bekezdést némelyikkel

szín; Számozás... – megnyitja a Lista párbeszédpanelt, amellyel megteheti

számozott, felsorolásjeles és egyéb listák létrehozása; Pozíció... - megnyitja a Pozíció párbeszédablakot, amellyel megteheti

Pontosan elhelyezheti a különböző elemeket az oldalon.

A Minta mező (3) megmutatja, hogyan fog kinézni az objektum, amelyre a létrehozott stílust alkalmazni fogja.

A Leírás mező (4) jeleníti meg a stílus attribútumainak szöveges leírását.

Létrehozáskor a Stílustípus legördülő menü (5) aktív osztályválasztó. Amikor kiválasztja a Jel típust, a szó terjedelme a választó nevének elejére kerül.

	A címkeválasztók a kijelölés után automatikusan alkalmazásra kerülnek
	vonatkozó parancsok;
	a legördülő menüben a többi stílus közül kiválasztva
	Stíluslista (5.42. ábra) az eszköztáron
	Formázás;
	választás szerint		az Osztály: párbeszédablak legördülő ablakából		5.42 ábra –
					Stílusok listája
		változás
	(5.43. ábra), amely kinyílik
	gomb Stílus… többféle
	párbeszédpanelek(Például:
	A rajz tulajdonságai,			Tulajdonságok
	táblázat, cella tulajdonságai,
	Lista, Törés, Tulajdonságok
	vízszintes vonal).
			használat
	végrehajtva		a stílusukat

mindegyikhez konfigurálni kell

weboldalak.

5.43. ábra – Stílus módosítása ablak

5.4.3. Külső asztalok stílusok.

Ebben az esetben egy külön fájl van hozzárendelve a CSS stílusok meghatározásához, amelyre a weboldalak hivatkozni fognak. Ez a megközelítés:

központosított irányítás biztosított CSS stílusok az összes weboldalon

(a végrehajtott változtatások automatikusan alkalmazásra kerülnek minden olyan weboldalon, amely a CSS-t tartalmazó fájlra hivatkozik);

a weboldal teljes mérete csökken;

A weboldalak betöltési sebessége nő.

Az alkotáshoz külső fájl lépcsőzetes stíluslapokat tartalmaz, akkor a következő lépéseket kell végrehajtania (5.44. ábra).

Hajtsa végre a Fájl→Új parancsot, és válassza ki a parancsot Egyéb oldalsablonok...

A megnyíló Oldalsablonok párbeszédpanelen válassza ki a Stíluslapok lapot (2), amely megjeleníti a FrontPage stíluslapsablonjait.

Saját stíluslap létrehozásához válasszon sablont Normál asztal stílusok(3) és kattintson az OK gombra.

5.44. ábra – Külső stílusfájl létrehozása

Az így létrejövő .css kiterjesztésű oldalt el kell menteni (Fájl→Mentés parancs) valamelyik webhely mappájába a megadott néven.

latin betűkkel és .css kiterjesztéssel.

Hozzon létre egy leírást címkeválasztókÉs osztályválasztók a Formátum→Stílus... paranccsal, amely megnyitja az előző részben leírt Stílus párbeszédpanelt (5.40. ábra).

A létrehozott stíluslapot hozzá kell rendelni a weboldal oldalaihoz. Ehhez szükséges.

Futtassa a parancsot Formátum → Hivatkozások stíluslapokhoz….

BAN BEN megnyíló párbeszédpanel Link ehhez

stíluslap		telepíthető
a következő paramétereket:
minden oldal váltása (1) érvényes
stílusok a webhely összes kiválasztott oldalához;
kapcsoló	dedikált	oldalakat
stílusokat alkalmaz az aktuális oldalra vagy webre
a Mappalista panelen kiválasztott oldalak;
az Add… gomb (3) hozzáadására szolgál
				5.45. ábra – Párbeszédpanel
a Törlés gombot (4) használják fájl törlése,				Link a stíluslaphoz

lépcsőzetes stíluslapokkal a weboldalakhoz (ha több lépcsőzetes stíluslapot használnak);

A Szerkesztés gomb (7) megnyitja a kiválasztottat az ablakban URL-cím: (8) css fájl szerkesztésre.

Kattintson az OK gombra.

A kijelölőket különböző módokon alkalmazzák a kiválasztott objektumokra:

a címkeválasztók a megfelelő parancsok kiválasztása után automatikusan alkalmazásra kerülnek;

osztályválasztókat használnak:

A Formázás eszköztár Stílus legördülő listájában (5.42. ábra) a többi stílus közül kiválasztva:

A Stílus módosítása párbeszédpanel Class legördülő menüjének kiválasztásával

(5.43. ábra), amely a Stílus... gombbal nyílik meg a különböző párbeszédpanelekből

(például: Képtulajdonságok, Táblázattulajdonságok, Cellatulajdonságok, Lista,

Törés, vízszintes vonal tulajdonságai).

5.5. Keretek (keretek) a FrontPage 2003 alkalmazásban.

A keretek segítségével a böngészőablak több területre osztható

(keretek), amelyek mindegyike egy külön weboldal tartalmát jeleníti meg. Minden területnek saját görgetősávja lehet, és az ezek használatával való megtekintés nem befolyásolja a többi területet. A FrontPage 2003 segítségével különféle keretstruktúrákat hozhat létre, beszúrhat soron belüli kereteket, és attól függően

a bemutatott információ jellegét, megfelelő hiperhivatkozásokat kell szerveznie. A keretszerkezettel kapcsolatos összes parancs a frame szóval van lefordítva.

A keretszerkezet megszervezéséhez szükséges (5.46. ábra).

5.46. ábra – Keretek oldal létrehozása Hajtsa végre a Fájl→Új parancsot, és válassza ki a parancsot Egyéb oldalsablonok...

(1) a Létrehozás munkaablakból.

A megnyíló Oldalsablonok párbeszédpanelen válassza ki a Keretoldal lapot (2), amely a keretszerkezetű weboldalak sablonjait (3) jeleníti meg,

tartalmazza az MS FrontPage 2003.

Válassza ki a legmegfelelőbb sablont, és kattintson az "OK" gombra.

Az új keretek weboldal ablaka (5.47. ábra) a kiválasztott struktúrának megfelelően részekre lesz osztva. Ezt az oldalt el kell menteni (Fájl→Mentés) a weboldal valamelyik mappájába a kívánt néven (1) latin betűkkel.

5.47 ábra – Új keretek weboldal

1) Gomb Kezdőlap beállítása...(2) lehetővé teszi egy kész web-5 kiválasztását

weboldal oldala ablakban Hiperhivatkozás hozzáadása.

2) Gomb Hozzon létre egy oldalt(3) betölt egy új üres weboldalt a keretbe,

melynek szerkesztése a szokásos módon történhet.

Ha néhány keretet gomb segítségével töltenek ki Hozzon létre egy oldalt, akkor a keretekből álló oldal mentésekor (Fájl→Mentés) minden új weboldal külön-külön kerül mentésre (neveket kell megadni latin betűkkel).

Ha keretes oldallal dolgozik, egy másik Nincs keret gomb (4) jelenik meg a nézet gombsoron. Ez a mód szerkeszti a böngészőben megjelenő tartalmat, ha nem támogatja a keretek megjelenítését.

A keretszerkezetben szereplő weboldalakon külön-külön és a keretoldalon keresztül is lehet dolgozni

Az egyik keret kiválasztásához a bal egérgombbal rá kell kattintani. Az aktív keret egy színes kerettel (5) különbözik a többitől. Ha bal egérgombbal kattint a keretek oldalának külső keretére, a teljes keretstruktúra kijelölődik. A kerethatárok a bal egérgomb megnyomásával mozgathatók.

A kiválasztott kerettel való munkavégzéshez használhatja a menüparancsokat

Keretrendszer.

A Keret felosztása parancs lehetővé teszi, hogy egy keretet függőlegesen vagy vízszintesen két részre ossza fel.

A Keret eltávolítása parancs eltávolít egy keretet a keretoldalról. Sőt, ha a web-

az ebbe a keretbe betöltött oldal korábban el lett mentve, az a weboldal szerkezetében marad.

Csapat Oldal megnyitása új ablakban egy keretes weblapot nyit meg szerkesztésre a keretszerkezettől elkülönítve.

Csapat Keret ingatlan... párbeszédpanelt nyit meg

Keret tulajdonságai, amelyben különféle keretparamétereket állíthatunk be: név, leírás, méretek, szegélyek szélessége és megjelenítése, görgetősáv tulajdonságai, behúzás.

5.48 ábra – Beépített keret

Egy másik lehetőség a keretek használatára, hogy beágyazott keretet (keretet) szúrunk be egy normál weboldalba (5.48. ábra) a paranccsal Insert → Inline Frame. BAN BEN

Ennek eredményeként a kurzor helyére egy keret kerül beillesztésre, amelyet kétféleképpen lehet kitölteni: Kezdőlap beállítása... vagy Hozzon létre egy oldalt.

Ha bal egérgombbal kattint a keret szegélyére, kiválasztja az átméretezendő keretet. A keret szélén a bal egérgombbal duplán kattintva megnyílik egy párbeszédpanel Inline keret tulajdonságai, amelyben különféle paramétereket állíthat be

keret: keretnév, cím, méretek, kitöltés, igazítás, alternatív szöveg.

		szervezetek
hiperhivatkozások
oldalakat		keret
szerkezetek		szükséges
	interaktív
Végkeret (5.49. ábra)
és jelezze, hol lesz
Betöltés		új objektum.
Mezőáram			oldalon		5.49. ábra – Keret vége párbeszédpanel

keretek (2) lehetővé teszi egy keret kiválasztását egy új objektum betöltéséhez a bal egérgombbal kattintva. A listában (letöltés ugyanabba a keretbe, amelyből a hiperhivatkozás létrejött), (letöltés új böngészőablakba), (letöltés beágyazott keretbe).

5.6. Űrlapok a FrontPage 2003-ban.

Az űrlapok lehetővé teszik a weboldalakon való rendszerezést szöveges mezőket, rádiógombok, jelölőnégyzetek, gombok és sok más vezérlőelem. Amikor a felhasználó kitöltött űrlapot küld el a böngészőben, az összes űrlapmező értéke elküldésre kerül az űrlapkezelőnek. Az űrlapkezelő egy olyan program a webszerveren, amely akkor fut le, amikor a webhely látogatója elküld egy űrlapot.

A FrontPage 2003 támogatja a FrontPage Servert futtató webszervereken tárolt különféle űrlapfeldolgozókat

Kiterjesztések (szerver Microsoft bővítmények A FrontPage olyan programok és szkriptek készlete, amelyek támogatják a Microsoft FrontPage oldalak létrehozását és kiterjesztését funkcionalitás webszerver), a SharePoint Team Services 1.0-s verziója (Microsoft) vagy Microsoft Windows SharePoint Services 2.0. Ezek a kezelők elfogadják az űrlaperedményeket, és különféle műveleteket hajtanak végre rajtuk. A FrontPage alkalmazásban

Az olyan szkriptek is támogatottak, mint az ISAPI, NSAPI, CGI és ASP.

Háromféleképpen hozhat létre űrlapot az MS FrontPage 2003 programban.

1) Üres űrlap hozzáadása gombokkal Küldés és visszaállítás parancsra

Beszúrás→Űrlap→Űrlap.

2) Az első űrlapmező beszúrása a paranccsalBeszúrás→Űrlap→Űrlapmező. A Küldés és Visszaállítás gombokat tartalmazó űrlapterület automatikusan hozzáadódik.

3) Válasszon ki és használjon elérhető űrlapsablont vagy űrlapoldal varázslót a következő lépésekkel.

A feladatterületen Oldal létrehozása(Fájl→Létrehozás parancs) ki kell választania

a További oldalsablonok... parancs és az Általános fül.

Az egyik sablon kiválasztása Vendégkönyv, regisztrációs lap, keresőoldal, űrlap Visszacsatolás lehetővé teszi új létrehozását honlap szabványos űrlappal.

Válasszon ki egy sablont Űrlapoldal varázsló elindítja az űrlapoldal varázslót az űrlapelemek számának, típusának és tartalmának meghatározásához.

Az űrlap területe pontozott keretben jelenik meg, amely csak Tervező nézetben látható.

Az űrlap tulajdonságainak beállításához a kurzort az űrlapon belülre kell helyezni, és futtassa a parancsot Beszúrás→Űrlap→Űrlap tulajdonságai… vagy kattintson a jobb gombbal az űrlapterületre, és válassza ki a parancsot helyi menü Űrlap tulajdonságai.... Ennek eredményeként megnyílik az Űrlap tulajdonságai párbeszédpanel (1 5.50. ábra), amelyben az űrlap különféle paraméterei vannak beállítva.

Szakasz Eredmények mentése(2) meghatározza az űrlapadatok feldolgozásának végső forgatókönyvét. Ha saját szkripteket használ, akkor a kapcsolót egy másik helyre kell állítania (3), és ki kell választania a listából Egyéni szkript....

5.50. ábra – Űrlapparaméterek beállítása

A Form Name mező: (4) szolgál

az űrlap nevének megadásához.

Keret vége gomb

párbeszédpanelt nyit meg

A végkeret, amelyben

Kiválaszthatja azt az ablakot, amelyből a kérés elküldésre kerül.

Opciók gomb... (6)

párbeszédpanelt nyit meg

Kezelő paraméterei

nyomtatványok (7). A Művelet mezőben:

(8) tüntesse fel az űrlap feldolgozására szolgáló script nevét vagy mailto: e-mail az űrlap adatainak a címre történő elküldésére Email email. A Method mezőben: (9) válassza ki az adatátvitel módját (a GET a címsoron keresztüli adatátvitel módja, a POST a törzsben történő adatátvitel módja HTTP kérés). A Kódolás típusa mezőben: (10)

jelzi az űrlapadatok kódolási típusát, amikor elküldik a webszervernek. Lehetséges kódolási típusok: application/x-www-form-urlencoded - az űrlapadatok név és érték párokként vannak kódolva, alapértelmezés szerint használatos; többrészes/űrlap -adatok - az űrlapadatok üzenetként vannak kódolva, külön részekkel az oldalon lévő egyes vezérlőkhöz, és fájlokat tartalmazó űrlapok beküldésére szolgálnak; szöveg/sima – az űrlapadatok egyszerű szövegként vannak kódolva, vezérlő- és formázási karakterek nélkül,

adatok e-mail címre történő küldésére szolgál.

Tovább gomb... (11) kinyit egy ablakot További űrlaptulajdonságok

rejtett űrlapmezők szerkesztéséhez (gombok Hozzáadás..., Szerkesztés...,

Töröl).

Ha űrlapmezőt szeretne hozzáadni egy űrlaphoz, akkor végre kell hajtania a Beszúrás→Űrlap parancsot

és válassza ki a kívánt űrlapmezőt a listából. Egy mező méretének megváltoztatásához ki kell jelölni, és a bal egérgombbal húzni kell valamelyik oldalát. Bármely űrlapmező paraméterei egy párbeszédpanelen adhatók meg, amelyet a mezőn lévő bal egérgombbal dupla kattintással nyithatunk meg. Terület Átmeneti sorrend

meghatározza az űrlapmezők kitöltésének sorrendjét a böngészőben. A Check… gomb ebben az ablakban csak akkor használható, ha szabványos FrontPage 2003 űrlapfeldolgozót használ.. A Stílus… gomb.

szöveg

rövid bevitelére használják

üzeneteket, például neveket és

elektronikus

Lehetőségek

mezők (név, kezdő érték,

telepítve vannak

párbeszéd

Szövegmező tulajdonságai ablak.

5.51. ábra – Űrlapmezők

Szöveg

egy vagy több sornyi szöveg, például megjegyzés bevitelére szolgálnak.

Ez a mező görgethető, lehetővé téve különböző hosszúságú szövegek bevitelét. A mező paraméterei (név, kezdőérték, szélesség karakterekben, sorok száma) a párbeszédpanelen állíthatók be Szövegmező tulajdonságai.

Fájlbeküldő mező(3) – egy weboldal meghatározott mappájában lévő webszervernek való fájl küldésére szolgál, egy fájlnév bevitelére szolgáló mezőből és egy tallózás gombból áll, amely lehetővé teszi a Fájl kiválasztása párbeszédpanel megnyitását. A mező paraméterei (név, szélesség karakterekben) a párbeszédablakban állíthatók be Fájl elküldése mező tulajdonságai.

Checkbox (4) – egy elem kiválasztásának megszervezésére szolgál, a felhasználó belátása szerint bejelölheti vagy törölheti a jelölőnégyzetet. A mező paraméterei (név, érték, kezdeti állapot) a Checkbox Properties párbeszédpanelen állíthatók be.

Kapcsoló (5) – egy olyan listából történő kijelölés megszervezésére szolgál, amelyben csak egy érték választható ki (több kapcsolómező azonos csoportnévvel). A mező paraméterei (név, érték, kezdeti állapot) a párbeszédablakban állíthatók be Tulajdonságok váltása.

Legördülő lista(6) – egy vagy több lehetőség legördülő listából történő kiválasztásának megszervezésére szolgál. A mező kitöltése (Hozzáadás..., Szerkesztés..., Törlés, Fel, Le gombok) és paraméterei (név, magasság sorokban,

többszörös kijelölési engedély) vannak beállítva a párbeszédpanelen

Legördülő lista tulajdonságai . A mező kitöltésekor (gombok Add…,

Szerkesztés... ) megnyit egy további Hozzáadás párbeszédpanelt vagy

Opció módosítása. Ebben az ablakban adja meg az opció nevét (Opció mező: ),

az űrlap elküldésekor átadott érték, ha ez a lehetőség be van jelölve

3.4. témakör: Az Internet alkalmazása a gazdaságban és információvédelemben

Programok weboldalak készítéséhez

3.3. Alkalmazási programok weboldalak készítéséhez

3.3.4. Weboldal és weboldalak létrehozása a FrontPage-ben

Helyszín tervezés

A weboldal tervezése az egyik legnehezebb feladat. Hogyan lehet helyesen elrendezni leendő webhelye oldalain található információkat? Milyen legyen az oldal felépítése? Milyen oldalaknak kell lenniük az oldalon? Milyen kialakításúak legyenek a weboldal oldalai? Milyen legyen az oldal navigációja?

Ezeket és sok más, a webhelyfejlesztéssel kapcsolatos problémát meg kell oldani, mielőtt alkalmazásokat használna webhelyfejlesztéshez.

Tegyük fel, hogy úgy döntöttünk, hogy létrehozunk egy weboldalt, amely az EN101 céggel kapcsolatos információkat mutat be, ezeket az információkat négy oldalon tudjuk bemutatni:

1. itthon
2. A cégről
3. A projekt üzleti áttekintése
4. fizetési módok

A webhely nevét a tevékenység típusa alapján választjuk ki, például: lessons-en101.

Adjon nevet az oldalaknak:

• index – Kezdőlap;
• info - A cégről;
• üzleti- A projekt üzleti áttekintése;
• fizetés – Fizetési módok.

Mint kezdőlap A korábban elkészített Kezdőlap weblapot (indexet) használjuk. Elkészítjük az oldalszerkezetet, ami az ábrán látható.

Rizs. 1.

Minden oldalhoz és rajzhoz szöveget készítünk a Word szerkesztőben Adobe Photoshop GIF, JPEG vagy PNG formátumban 72 pixel/inch felbontással, ezen kívül szkripteket is használhatunk.

Ezután regisztrálhat egy második szintű domaint az egyik zónában (ua, ru, com, net, info stb.), és az oldal fejlesztése után válassza ki fizetett tárhely, amely megfelel a hozzáférés sebességének és biztosítja a szükséges szolgáltatásokat hatékony munkavégzés webhely. Ha az oldalt ingyenes tárhelyen tároljuk, akkor választhatunk például a narod.ru szerveren. Ehhez regisztrálnia kell a szerveren, és fogadnia kell ingyenes tárhely. Ebben az esetben lesz egy harmadik szintű domainje, például: lessons-en101.narod.ru.

Weboldal készítése a FrontPage segítségével

1. Webhely létrehozásához a FrontPage alkalmazással meg kell nyitnia az alkalmazás ablakát a következő módok egyikével. Ezt követően a képernyőn megjelenik az alkalmazás ablaka vagy a FrontPage GUI, amely az előző webhelyet vagy oldalt jeleníti meg. Ha ki szeretne lépni egy korábbi webhelyről vagy oldalról a FrontPage-ben, akkor végre kell hajtania a „Fájl/Bezárás” vagy a „Fájl/Csomópont bezárása” parancsot, vagy mindkettőt, ha a csomópont és az oldal nyitva volt.

Ezután hajtsa végre a Fájl / Új parancsot, és a megnyíló „Létrehozás” feladatterületen kattintson az „Egyéb webhelysablonok” elemre a „Webhely létrehozása” részben. Megnyílik a „Webhelysablonok” párbeszédpanel, amelyben ki kell választania az „Üres webhelyet”, majd meg kell adnia az új webhely helyét (például D:\Dokumentumok és beállítások\TBA\My Documents\My Web Sites\ssons- hu101), majd kattintson az OK gombra. Az ábrán a „Webhelysablonok” párbeszédablak egy részlete látható, amelyben az új webhely címe látható.

Rizs. 2.

A webhely mentése után a FrontPage alkalmazás ablaka megjeleníti az új webhelyet mappanézetben.

Rizs. 3.

2. Hozzon létre egy kezdőlapot egy új webhelyhez a FrontPage-ben. Kezdőlap létrehozása a FrontPage-ben többféleképpen is elvégezhető. Például rákattinthat az Új oldal gombra a Tartalom panelen, amely hozzáadja az index.htm oldalt a webhely ablakához, amely az ábrán látható.

Rizs. 4.

3. Ezután átmásoljuk a korábban létrehozott EN101 mappa tartalmát, amely tartalmazza a images mappát és az index oldalt (a _vti_cnf mappa automatikusan létrejön a weboldal létrehozásakor). Az EN101 mappa tartalma az ábrán látható.

Rizs. 5.

Az EN101 mappa mentett tartalmát a vágólapról beillesztjük a lessons-en101 weboldal újonnan létrehozott mappájába, amely az ábrán látható.

Rizs. 6.

Rizs. 7.

Így a korábban létrehozott oldal index.htm ( angol nyelv az interneten). Kezdőlapot más módon is létrehozhat, a 3.3.2. szakaszban leírtak szerint. Bevezetés a FrontPage-be.

5. A FrontPage szerkesztőben hozza létre az oldal szerkezetét, azaz. A főoldalt további három oldallal bővítjük: info - A cégről; üzlet - A projekt üzleti áttekintése; fizetés – Fizetési módok. Ehhez át kell váltani az Átmenetek módba a Nézet/átmenetek parancs végrehajtásával. Ezután ki kell választani kezdőlapés kattintson az Új oldal gombra az Átmenetek panelen, vagy használja a helyi menüt, ekkor hozzáadódik az Új oldal 1. Hasonlóképpen adjon hozzá még két új oldalt. Az oldal felépítését az ábra mutatja.

Rizs. 8.

6. Új oldalak átnevezése a FrontPage-ben. Mappa módba váltunk, és a helyi menü segítségével megváltoztatjuk az Új oldal 1 neveket info, Új oldal 2 on üzleti, Új oldal 3 on fizetés.

Rizs. 9.

7. Az oldal oldalak kialakításának egységessége érdekében a főoldal tartalmát bemásoljuk a létrehozott info, üzleti, fizető oldalakba. Ehhez nyissa meg a főoldalt Oldal módban, és hajtsa végre az „Edit / Select All” parancsot, majd kattintson a Másolás gombra az eszköztáron. Menjen a Mappák módba, és kattintson duplán az információs oldalra, az oldal módban nyílik meg, majd kattintson a Beszúrás gombra. A főoldal tartalma átmásolódik az információs oldalra, és hasonló módon a főoldal tartalma a másik két oldalra.

• Itthon;
• A cégről;
• A projekt üzleti felülvizsgálata;
• Fizetési módok.

Például válassza ki a „Projekt üzleti áttekintése” navigációs elemet, és a helyi menü segítségével nyissa meg a Hiperhivatkozás hozzáadása párbeszédpanelt, amelyben jelölje ki a business.htm fájlt, majd kattintson az OK gombra. Hasonlóképpen hiperhivatkozásokat hozunk létre az összes navigációs ponthoz az összes oldalon. Az ábra a Hiperhivatkozás hozzáadása párbeszédpanel részletét mutatja.

Rizs. 10.

10. Adjon hozzá és töltse ki metacímkéket (a címkék közé És) az oldalakon: „A cégről”; „A projekt üzleti felülvizsgálata”; „Fizetési módok” kód módban.

Például a „Vállalatról” oldalon a címkék a következőképpen vannak kitöltve:

11. Oldalcímek átnevezése Átmenetek módban. Válassza ki az oldalt, és a helyi menü segítségével nevezze át:

• nevezze át az új 1. oldalt „A cégről” címre.
• nevezze át az új 2. oldalt „A projekt üzleti áttekintése”-re.
• nevezze át az új 3. oldalt „Fizetési módok”-ra.

A fejlesztés eredményeként egy négy weboldalból álló oldalt kapunk. Ez az oldal a FrontPage in használatával készült fájlrendszer A számítógép elhelyezhető egy webszerveren az interneten vagy az intraneten.

Saját weboldal fejlesztéséhez a FrontPage-ben töltse le.

Egy program, amellyel elég könnyen megértheti az internetes oldalak tervezésének alapelveit, széles választékkal további eszközök komplex internetes oldalak és portálok létrehozásához.

Röviden a Microsoft FrontPage programról

Ez egy könnyen megtanulható és kényelmes webszerkesztő webhelyek tervezéséhez, előkészítéséhez és közzétételéhez. 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 még az MS Wordben való munka alapjait ismerő kezdő felhasználók számára is lehetővé teszi a munka gyors elsajátítását. 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 az internetes oldalak optimalizálásához.

Megjegyzendő, hogy a Microsoft FrontPage név 2003-ig létezett, majd új funkciókkal egészült ki, és maga a név is megváltozott szoftver. 2007-ben a FrontPage átnevezték Microsoft Expression Webre, 2010-ben pedig Microsoft Office SharePoint Designer. Valójában az új verziókba néhány kiegészítés került, de a program alapvető megjelenése megmaradt.

Alapvető programeszközök

Általános forma Microsoft programok Címlap

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 ugyanez az elv vonatkozik a FrontPage oldalak szerkesztésére is.

A jobb oldali ábra a program általános nézetét mutatja szabványos eszközkészlettel, amellyel oldalsablont hozhat létre szöveggel, hivatkozásokkal és képekkel. Lépjen a "Nézet" fülre, majd az "Eszköztár" elemre, és ellenőrizze, hogy " Alapértelmezett", "Formázás"És" Táblázatok", ezek az eszközök elegendőek lesznek egy oldal létrehozásához. Az alábbiakban figyeljen a "Designer", "Code" és "View" fülekre - ez három különböző mód, amelyben mindig megtekintheti, hogyan néz ki az Ön által 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 az szabványos nyelv dokumentumok megjelölése a világhálón. A legtöbb weboldal a segítségével készül HTML nyelv. Ezen a lapon szerkesztheti is az oldalt, de ismernie kell ezt a jelölőnyelvet. A kezdőknek azonban minden változtatást el kell végezniük a konstruktorban, és minden HTML-módosítás automatikusan megtörténik.
• A "Nézet" lapon közvetlenül a böngészőben (például Internet Explorerben) láthatja, hogyan néz ki az oldal.

További menük részletes leírása, gombok ill Microsoft funkciók A FrontPage a program súgójában található. Ehhez nyomja meg az "F1" billentyűt.

Sablon létrehozása oldalakhoz 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 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 ízlés kérdése, hogy ezeket a blokkokat hogyan, mennyit és milyen méretben készíti el. Van egy másik módszer is a blokkok létrehozására nem táblázatok készítésével, hanem úgynevezett „div” elemek beszúrásával az oldalakba, és ezekhez bizonyos stílusokat rendelünk, de ez a módszer nem az új webmestereknek való, és erről külön cikket lehet írni.

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 ezt a táblázatot 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. Kattintson a jobb gombbal a legfelső cellára, és lépjen a „Cella tulajdonságai” elemre, a magasság mezőbe írja be feltételesen a „150” értéket, és jelölje be a „pontokban” 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übe 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 szerkesztjük a második cellát, amely a webhely navigációs hivatkozásaira szolgál. Kb. 40 pixelre állítjuk a szélességet, ez is elég lesz, és az egyéb beállításokat, például a háttérszínt és a margókat is ízlés szerint állítjuk be. Ezután maguknak a hivatkozásoknak a nevét írjuk, jelekkel elválasztva függőleges vonal vagy más tábla (a teljes sablon letöltésével lentebb megtekintheti). 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. Felállítottuk az utolsó cellát is. A főszöveghez készült, ahol üdvözlő szöveget írhat be.
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.

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

Így kapjuk meg az oldal sablonját

< 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" >Kezdőlap szövege. Ide beszúrhat egy üdvözlő szöveget, és röviden leírhatja, hogy minek szentelték az oldalt.

Ez a HTML kód azonnal beilleszthető a szerkesztőbe a "Kód" fülön, és azonnal látni fogja kész sablon. Saját igényei szerint módosítható és szerkeszthető. Itt érdemes elmagyarázni, hogy ahol a főszöveg be van illesztve, és hogy ne a mezők közelében legyen, ott a „div” címkében van bekeretezve, behúzással, ahogy a példában is látható.

További sablonok

1. Tudnia kell azt is, hogy a FrontPage programban és más hasonló programokban vannak szabványos sablonok, amelyekkel oldalakat lehet létrehozni, ezek könnyen szerkeszthetők, és bármilyen sablont az igényeinek megfelelően testre szabhat. Szabványsablon kiválasztásához lépjen a "Fájl" fülre > "Létrehozás..." 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. Nagyon sok oldal kínál ilyen szolgáltatást. A sablonok fizetősek vagy ingyenesek 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.

Használjon szabványos táblázat- és témaelrendezéseket

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 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. És így a jobb felső sarokban van egy legördülő menü (lásd a jobb oldali képet, amelyen a táblázat elrendezé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 az „Elrendezés táblázatok és cellák”, majd lent sok különböző táblázatelrendezés jelenik meg, bármelyiket saját belátása és ízlése szerint választhatja ki. Így saját kezűleg létrehozhatja a táblázatot.

Így a szöveg, logó, hivatkozások beírásával vagy beillesztésével a táblázat celláiba, ugyanabba a menübe belépve kiválaszthatja a „Téma” menüt, ahol különféle témákat választhat az oldal, linkek, oldal kialakításához. háttér és még sok más. Ez a lehetőség azoknak jó, akik még csak most tanulnak internetes oldalakat készíteni, és elég egyértelműen tükrözi a weboldalkészítés folyamatát. Más szóval, a Microsoft FrontPage-ben különböző beállításokkal kísérletezhet, és világosan láthatja, hogyan alakul át egy adott oldal. Itt adhat egy tanácsot: tanulmányozza a program összes funkcióját, és ne féljen kihasználni ezt vagy azt a menüt, mivel minden eszköznek megvan a saját tulajdonsága és célja egy teljes értékű oldal létrehozásához.

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

A kezdő webmesterek számára fontos, hogy tudják, hogyan illeszthetnek be képeket egy oldalra, és hogyan hozhatnak létre hivatkozásokat 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á képet szeretne beszúrni, majd legfelső részén kattintson a „Beszúrás” fülre > „Rajz” > „Fájlból”, válassza ki a kívánt képet, majd kattintson a „Beszúrás” gombra. amelyen a kép megjelenik az oldalon. A képre jobb gombbal kattintva a menübe léphet további beállítások Képek. 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 ki kell választania a hivatkozás kívánt szövegét, és a „Beszúrás” > „Hiperhivatkozás” fülre kell lépnie, 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 találhatók a hivatkozások egyéb beállításai is, például, hogy a hivatkozást új ablakban kell-e megnyitni vagy sem. Ezt elvileg önállóan is tanulmányozhatja.

Következtetés

Lényegében ezek a szerkesztők hasonlóak egymáshoz, és hasonló funkciókkal és menükkel rendelkeznek. Miután elsajátította alapbeállítások, könnyen létrehozhat webhelyeket 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 egy weboldalt.

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 – mint az úgynevezett motorokkal történő weboldalak készítésekor – nincs szükség külön oldalgenerálásra, a rendszer automatikusan generálja azokat a tartalom hozzáadásával.

Ha kérdése van a cikkel vagy az ilyen programok weboldalkészítésre való használatával kapcsolatban, felteheti fórumunk vitaszálában.

Hasonló témájú cikkek

Az előző fejezetekben egy oldalt tartalmazó webhely létrehozásával foglalkoztunk. De általában egy webhely több oldalból áll. Ha új vagy korábban létrehozott oldalakat szeretne hozzáadni a webhelyhez, használja a menüparancsokat, a billentyűkombinációkat és a szabványos eszköztár Új gombját.

Weboldalon való navigáláshoz, akárcsak a többihez szöveg szerkesztő, használhat görgetősávokat, nyílbillentyűket és billentyűparancsokat. Így például az oldal elejére lépéshez használja a billentyűkombinációt +, az oldal végére - +. Kulcsok ÉS Lehetővé teszi egy képernyő felfelé vagy lefelé mozgatását.

Az oldalak közötti mozgás a rajtuk található hiperhivatkozások, könyvjelzők és hivatkozássávok segítségével történik. Ebből a fejezetből megtudhatja, mik a hiperhivatkozások és milyen típusok, mi az a hivatkozássáv, és mit kell tennie a létrehozásához.

Párbeszéd ablak Weboldal sablonok(Webhelysablonok), amely új webhely létrehozásakor nyílik meg, olyan sablonokat tartalmaz, amelyek üres vagy egyoldalas webhely létrehozását javasolják. Ön maga adja hozzá a szükséges oldalak számát ahhoz, hogy információkat tegyen közzé az oldalon. Ezek lehetnek új oldalak, amelyeken később információkat tesz közzé, vagy olyan weboldalak, amelyeket korábban a FrontPage vagy más szoftver segítségével hozott létre. szoftver termékek.

Megjegyzés

A fájlok importálásával kapcsolatos kérdéseket ebben a leckében nem tárgyaljuk, mivel ennek külön leckét szentelünk.

Többféleképpen is hozzáadhat új oldalt webhelyéhez. Bármelyiket használhatja attól függően, hogy melyik módszer tűnik kényelmesebbnek az Ön számára, valamint attól, hogy milyen sablont szeretne használni új oldal létrehozásakor. Ha új oldalt szeretne hozzáadni webhelyéhez, használja a következőket:

• gomb Teremt(Új) a szabványos eszköztáron
• Csapat Teremt(Új) menü Fájl(Fájl), amely egy panelt helyez el a FrontPage program ablakában Hozzon létre egy weboldalt vagy webhelyet(Új oldal vagy web)
• Kulcskombináció +

Amikor billentyűkombinációt használ, vagy megnyom egy gombot Teremt(Új) a szabványos eszköztáron a sablon használatával létrehozott üres oldal alapértelmezés szerint hozzáadódik a webhelyhez Normál oldal(Normál oldal).

Abban az esetben, ha új oldal létrehozásakor más sablont szeretne használni, meg kell nyitnia a párbeszédpanelt Oldalsablonok(Oldalsablonok) (16.1. ábra), amely a FrontPage program által kínált oldalsablonok listáját tartalmazza. Az ablak megnyitásához tegye a következők egyikét:

• A menü gombjaiban Teremt(Új) szabványos eszköztár kiválasztó parancs oldal(Oldal)
• A menün Fájl(Fájl) válassza ki a parancsot Teremt(Új), majd a megnyíló almenüből - az opció Oldal vagy webhely(Oldal vagy web). Megjelenik egy panel a FrontPage program ablakában Hozzon létre egy weboldalt vagy webhelyet(Új oldal vagy web), amelyen válassza ki a parancsot Oldalsablonok(Oldalsablonok)

Rizs. 16.1. Párbeszédpanel a létrehozandó oldal sablonjának kiválasztásához

Párbeszéd ablak Oldalsablonok(Oldalsablonok) a sablonok listáját tartalmazza. Válassza ki az új oldal létrehozásakor használni kívánt sablont. Terület használata Minta(Előnézet) párbeszédpanelen, nézze meg, hogyan fog kinézni. Kattintson a gombra rendben az ablak bezárásához és az oldalsablon elhelyezéséhez a webhelyen.

Egy új oldal hozzáadásának eredményeként egy üres oldal a névvel newjage_l.htm(16.2. ábra). Ez a név azt jelzi, hogy ez az oldal az első, amelyet a program elindítása óta hozott létre. A következő létrehozásakor FrontPage oldalak növekvő számokkal neveket rendel hozzájuk: new_page_2.htm, newjage_3.htm stb.

Rizs. 16.2. Új oldal került az oldalra, amelyet a "Szabványos oldal" sablon használatával hoztak létre