„Заглавната част“или горната част на уеб страницата прави сайта ви уникален, позволява му да се различава от другите и да отразява спецификата на вашия интернет проект. С помощта на оригинален и добре направен хедър можете да украсите и усъвършенствате всяка уеб страница, а за да направите сами заглавката, трябва да научите как да подреждате този уеб елемент.
Инструкции
Етап 1
Ако искате вашият сайт да има статични, постоянни размери, трябва да създадете статичен заглавие, което не се променя в зависимост от промяната в ширината на екрана. Определете ширината и височината на заглавката (например 996x230) и вмъкнете фоново изображение в горния блок, като използвате следния CSS код, където header-1.jpg
фон: # a6b7d3 url (img / header-1.jpg) без повторение;
ширина: 996px;
височина: 230px;
} HTML кодът за заглавка от този тип ще изглежда така:
Стъпка 2
Ако сайтът е изграден по такъв начин, че размерите му да се коригират спрямо ширината на екрана, заглавката трябва да бъде въведена, като се вземат предвид всички основни резолюции на монитора. Максималната ширина на такъв хедър трябва да бъде 1920 пиксела. За да вмъкнете такъв хедър, използвайте CSS кода: #header {background: # a6b7d3 url (img / header-2.jpg) no-repeat center; височина: 250px;} HTML кодът в този случай е подобен на предишния. CSS кодът е променен в някои параметри - сега той има атрибут за центриране на заглавното изображение, което му позволява да се побере на фона към всяка ширина на екрана.
Стъпка 3
Можете също така да създадете по-сложна заглавка, нарязана на няколко фонови блока, които ще променят позицията си в зависимост от размера на прозореца за гледане. CSS за такъв хедър е по-сложен и обширен и включва повтаряне на няколко фонови елемента в съответствие с плаващите размери на прозореца на браузъра, в който може да се разглежда вашият сайт.
