"Başlıq" və ya veb səhifənin yuxarı hissəsi saytınızı unikal edir, başqalarından fərqlənməsinə və İnternet layihənizin xüsusiyyətlərini əks etdirməsinə imkan verir. Orijinal və yaxşı hazırlanmış bir başlığın köməyi ilə istənilən veb səhifəni bəzəyə və dəqiqləşdirə bilərsiniz və başlığı özünüz etmək üçün bu veb elementin necə düzəldilməsini öyrənməlisiniz.
Təlimat
Addım 1
Saytınızın statik, sabit ölçülərə sahib olmasını istəyirsinizsə, ekranın genişliyindəki dəyişikliyə görə dəyişməyən statik bir başlıq yaratmalısınız. Başlığın genişliyini və hündürlüyünü təyin edin (məsələn, 996x230) və aşağıdakı CSS kodunu istifadə edərək üst bloka bir arxa plan şəkli daxil edin, burada header-1.jpg
arxa plan: # a6b7d3 url (img / header-1.jpg) təkrarlanmayan;
genişlik: 996 piksel;
hündürlük: 230 piksel;
} Bu tip bir başlıq üçün HTML kodu belə görünür:
Addım 2
Sayt ölçüləri ekranın eninə uyğunlaşdırılacaq şəkildə qurulubsa, başlıq bütün əsas monitor qətnamələri nəzərə alınmaqla tərtib edilməlidir. Belə bir başlığın maksimum eni 1920 piksel olmalıdır. Belə bir başlıq daxil etmək üçün CSS kodunu istifadə edin: #header {background: # a6b7d3 url (img / header-2.jpg) təkrarlanmayan mərkəz; boy: 250px;} Bu halda HTML kodu əvvəlkisinə bənzəyir. CSS kodu bəzi parametrlərdə dəyişdirilmişdir - indi arxa planı istənilən ekran genişliyinə uyğunlaşdırmağa imkan verən başlıq görüntüsünü mərkəzləşdirmək üçün bir xüsusiyyət var.
Addım 3
Ayrıca, görünüş pəncərəsinin ölçüsündən asılı olaraq mövqelərini dəyişdirəcək bir neçə arxa blokda kəsilmiş daha mürəkkəb bir başlıq da yarada bilərsiniz. Belə bir başlıq üçün CSS daha mürəkkəb və genişdir və saytınıza baxıla bilən brauzer pəncərəsinin üzən ölçülərinə uyğun olaraq bir neçə fon elementinin təkrarlanmasını ehtiva edir.
