"Sarlavha" yoki veb-sahifaning yuqori qismi saytingizni noyob qiladi, boshqalardan farq qilishi va Internet-loyihangizning o'ziga xos xususiyatlarini aks ettiradi. Asl va yaxshi tayyorlangan sarlavha yordamida siz har qanday veb-sahifani bezatib, takomillashtira olasiz va sarlavhani o'zingiz qilishingiz uchun ushbu veb-elementni qanday joylashtirishni o'rganishingiz kerak.
Ko'rsatmalar
1-qadam
Agar saytingiz statik, doimiy o'lchamlarga ega bo'lishini istasangiz, ekran kengligining o'zgarishiga qarab o'zgarmas statik sarlavha yaratishingiz kerak. Sarlavhaning kengligi va balandligini aniqlang (masalan, 996x230) va quyidagi CSS kodi yordamida yuqori blokga fon rasmini kiriting, bu erda header-1.jpg
fon: # a6b7d3 url (img / header-1.jpg) no-takrorlash;
kengligi: 996 piksel;
balandligi: 230 piksel;
} Ushbu turdagi sarlavha uchun HTML kod quyidagicha ko'rinadi:
2-qadam
Agar sayt uning o'lchamlari ekranning kengligiga mos keladigan tarzda qurilgan bo'lsa, unda barcha asosiy monitor o'lchamlarini hisobga olgan holda sarlavha terilgan bo'lishi kerak. Bunday sarlavhaning maksimal kengligi 1920 piksel bo'lishi kerak. Bunday sarlavha kiritish uchun CSS kodidan foydalaning: #header {background: # a6b7d3 url (img / header-2.jpg) takrorlanmas markaz; balandligi: 250 piksel;} HTML kodi oldingisiga o'xshash. CSS kodi ba'zi parametrlarda o'zgartirilgan - endi u sarlavha tasvirini markazlashtirish uchun atributga ega, bu uning fonni istalgan ekran kengligiga moslashtirishiga imkon beradi.
3-qadam
Bundan tashqari, siz bir nechta fon bloklarini kesib, yanada qulayroq sarlavha yaratishingiz mumkin, bu ularning ko'rinishini o'lchamiga qarab o'zgartiradi. Bunday sarlavha uchun CSS yanada murakkab va kengroq bo'lib, sizning saytingiz ko'rilishi mumkin bo'lgan brauzer oynasining suzuvchi o'lchamlariga muvofiq bir nechta fon elementlarini takrorlashni o'z ichiga oladi.
