Weblap készítésének alapjai
A mészköves hegyoldal.
Most, egy olyan html - lapot (weblapot) láthatunk, ahol a címsorban, egy háttérkép is el van helyezve, a hivatkozások bal oldalt függőlegesen egymás alatt, a dokumentumunk pedig a jobb oldalon, úgymond körbefolyja a képet.
A címsor, háttérkép mérete : 800 x 150 képpont méretű.
A mészköves hegyoldal képének mérete: 250 X 170 képpont méretű.
Az általad készített képek esetén, ezektől a képméretektől, tetszés szerint eltérhetsz, mind vízszintesen, mind függőlegesen.
A négy hivatkozás, azaz navigáció, segít az itt látottak részletesebb megismerésében.
Ha szükséged van rájuk, akkor az XHTML - lapon, a kezdő < a > címkébe írd be, hogy melyik XHTML - lapra szeretnél eljutni, ha rákattintasz az egérrel. A szöveg helyére pedig azt, hogy milyen elnevezés jelenjen meg a monitoron.
Például: XHTML - lap címsorában lévő elnevezést, azaz hova jutunk, ha az egérrel rákattintunk a szövegre.
Ha a weblapodon, nincs szükség a hivatkozásokra.
Töröld ki az XHTML - lapon a következő teljes div szakaszt, a kezdő és záró div meghatározást a tartalmával együtt.
Kezdő div : < div id = " nav " >
Záró div : < / div >
A tartalom, div szakaszára vonatkozó margóknál, a balos margót töröld. (margin-left meghatározást töröld, vagy állítsd max 2em értékre.) Ha a margó körkörösen van megadva, ( Pl.: 0 2em 2em 15em; ) akkor az utolsó érték vonatkozik, a bal oldali margóra.
Ha hivatkozásokat készítünk listás felsorolás alapján,
Az Explorer nem tesz a listasorok elé díszítő elemeket, például pontot. De a Mozilla igen.
Ezért egy újabb meghatározást kell beírni, mely az Explorert ugyan nem befolyásolja, de a Mozilla csak így tünteti el ezen előjeleket.
Példa:
#navigaciok ul { list-style:none; }
Ha a fenti utasításokat végrehajtjuk, akkor a tartalom visszaáll alaphelyzetre.
A kép ( Mészköves hegyoldal ) a monitor bal szélén fog elhelyezkedni és ezt veszi körbe a szöveg.
Ezt a változást szemlélteti a következő példa.
A következő részben, töröljük a hivatkozásokat.
A dokumentumunk szövegét az ( Y ) helyettesíti.
A mészköves hegyoldal.
yyy yyyyyyyyyy yyyyy yyyyyyyyyyyyyyyy yyyyyyyyy
yyyyyyyyyyyyyy yyyyyyy yyyyyyyyyyyyyyyyy yyyyyyyy yyyyyyyy yyyyyyyyyy y yyyyy yyyyyyyyyyy
yyyyyyyyyy yy yyy yyyyyyyyyy yyyyyyyy yyyyyyyyy yyyyyyyyyyyy yyyyyyyyyyyy yy
yyyyyyy yyyyyyyyyy yyyyyyyyy yyyyy yyyyyy yyyyyyy yyyyyyyyyyy yyyyyy yyyyyyyy yyy yyyyy y yyyyyyyyyyy y yyyyyyyyyy y yyy yyyyyyy yyyy yy yyyyyyyyyyyyyyy yyyy yyyyyyyyyyyyyyy yyyy yyyy yyyyyyyyyy yyyyyyy yyyyyyyyyyyyyyyyyy yyyyyyy yyyyyyy yyyyyyyyyyyyyyyy yyyyyyyyyyy yyyyyyy
Megcseréljük a képet és szöveget.
A dokumentumunk szövegét az ( Y ) helyettesíti.
A mészköves hegyoldal.
yyy yyyyyyyyyy yyyyy yyyyyyyyyyyyyyyy yyyyyyyyy
yyyyyyyyyyyyyy yyyyyyy yyyyyyyyyyyyyyyyy yyyyyyyy yyyyyyyy yyyyyyyyyy y yyyyy yyyyyyyyyyy
yyyyyyyyyy yy yyy yyyyyyyyyy yyyyyyyy yyyyyyyyy yyyyyyyyyyyy yyyyyyyyyyyy yy
yyyyyyy yyyyyyyyyy yyyyyyyyy yyyyy yyyyyy yyyyyyy yyyyyyyyyyy yyyyyy yyyyyyyy yyy yyyyy y yyyyyyyyyyy y yyyyyyyyyy y yyy yyyyyyy yyyy yy yyyyyyyyyyyyyyy yyyy yyyyyyyyyyyyyyy yyyy yyyy yyyyyyyyyy yyyyyyy yyyyyyyyyyyyyyyyyy yyyyyyy yyyyyyy yyyyyyyyyyyyyyyy yyyyyyyyyyy yyyyyyy
Weblap elrendezés, külön oszlopok.
yyyyyyyyyyy y yyyyyyyyyy y yyy yyyyyyy yyyy yy yyyyyyyyyyyyyyy yyyy yyyyyyyyyyyyyyy yyyy yyyy yyyyyyyyyy yyyyyyy yyyyyyyyyyyyyyyyyy
ooooo ooooo ooooo ooooo yyyyyyy yyyyyyy yyyyyyyyyyyyyyyy yyyyyyyyyyy yyyyyyy ooooo ooooo ooooo ooooo ooooo ooooo ooooo yyyyyyy yyyyyyy
yyyyyyyyyyy y yyyyyyyyyy y yyy yyyyyyy yyyy yy yyyyyyyyyyyyyyy yyyy yyyyyyyyyyyyyyy yyyy yyyy yyyyyyyyyy yyyyyyy yyyyyyyyyyyyyyyyyy ooooo ooooo ooooo ooooo yyyyyyy yyyyyyy yyyy yyyyy yyyyyyy yyyyyy yyy yy yyyyyyy ooooo ooooo ooooo ooooo
yyyyyyyyyyy y yyyyyyyyyy y yyy yyyyyyy yyyy yy yyyyyyyyyyyyyyy yyyy yyyyyyyyyyyyyyy yyyy yyyy yyyyyyyyyy yyyyyyy yyyyyyyyyyyyyyyyyy ooooo ooooo ooooo ooooo yyyyyyy yyyyyyy yyyyyyyyyyyyyyyy yyyyyyyyyyy yyyyyyy ooooo ooooo oo ooooo ooooo oo yyyyyyyyyyy yy yyyyyy y y y yyyyyy yy yyy yyyyyy