A "fejléc" vagy a weboldal teteje egyedivé teszi webhelyét, lehetővé teszi, hogy eltérjen másoktól, és tükrözze az internetes projekt sajátosságait. Eredeti és jól elkészített fejléc segítségével bármilyen weboldalt díszíthet és finomíthat, és a fejléc saját készítéséhez meg kell tanulnia, hogyan kell elrendezni ezt a webelementet.
Utasítás
1. lépés
Ha azt szeretné, hogy webhelye statikus, állandó dimenziókkal rendelkezzen, létre kell hoznia egy statikus fejlécet, amely nem változik a képernyő szélességének változásától függően. Határozza meg a fejléc szélességét és magasságát (például 996x230), és illesszen be egy háttérképet a felső blokkba a következő CSS-kód használatával, ahol a header-1.jpg
háttér: # a6b7d3 url (img / header-1.jpg) no-repeat;
szélesség: 996px;
magasság: 230px;
} Az ilyen típusú fejléc HTML-kódja így fog kinézni:
2. lépés
Ha a webhelyet úgy építik meg, hogy méretei a képernyő szélességéhez igazodjanak, a fejlécet be kell állítani, figyelembe véve az összes fő monitorfelbontást. Az ilyen fejléc maximális szélessége 1920 pixel lehet. Egy ilyen fejléc beszúrásához használja a CSS kódot: #header {background: # a6b7d3 url (img / header-2.jpg) no-repeat center; height: 250px;} A HTML kód ebben az esetben hasonló az előzőhöz. Bizonyos paraméterekben megváltozott a CSS-kód - most már rendelkezik egy attribútummal a fejléckép központosításához, amely lehetővé teszi a háttér bármilyen képernyő szélességhez való illesztését.
3. lépés
Létrehozhat egy összetettebb fejlécet is, több háttérblokkra vágva, amelyek a nézetablak méretétől függően megváltoztatják a helyzetüket. Az ilyen fejléc CSS-je összetettebb és kiterjedtebb, és több háttérelem megismétlésével jár, annak a böngészőablaknak a lebegő dimenzióinak megfelelően, amelyben a webhely megtekinthető.
