"Header", же веб баракчанын үстү жагында, сайтыңызды уникалдуу кылып, башкалардан айырмаланып, Интернет-долбоордун өзгөчөлүктөрүн чагылдырат. Түпнуска жана жакшы даярдалган баштын жардамы менен каалаган веб-баракчаны кооздоп, өркүндөтсөңүз болот жана башты өзүңүз жасаш үчүн, ушул веб-элементтин макетин кантип жайгаштырууну үйрөнүшүңүз керек.
Нускамалар
1 кадам
Эгерде сиз сайтыңыздын туруктуу, туруктуу өлчөмдөрүнө ээ болушун кааласаңыз, анда экрандын туурасынын өзгөрүшүнө жараша өзгөрүлбөс статикалык баш аталышын түзүшүңүз керек. Төмөнкү аталыштын туурасын жана бийиктигин аныктаңыз (мисалы, 996x230) жана төмөнкү CSS кодун колдонуп, жогорку блокко фондук сүрөттү киргизиңиз, бул жерде header-1.jpg
background: # a6b7d3 url (img / header-1.jpg) no-қайталоо;
туурасы: 996px;
бийиктиги: 230px;
} Ушул типтеги баш үчүн HTML коду төмөнкүдөй болот:
2-кадам
Эгерде сайт ушундайча курулган болсо, анын өлчөмдөрү экрандын туурасына ылайыкташтырылса, анда бардык негизги монитордун чечимдерин эске алуу менен, аталышы терилиши керек. Мындай баштын максималдуу туурасы 1920 пиксель болушу керек. Мындай башты киргизүү үчүн CSS кодун колдонуңуз: #header {background: # a6b7d3 url (img / header-2.jpg) кайталабаган борбор; бийиктиги: 250px;} Бул учурда HTML коду мурункусуна окшош. CSS коду кээ бир параметрлерде өзгөртүлгөн - эми анын фондо ар кандай экрандын кеңдигине дал келүүсүнө мүмкүндүк берген аталыш сүрөтүн борборлоштуруучу атрибуту бар.
3-кадам
Ошондой эле, бир нече фондук блокторду бөлүп, кыйла татаал баш аталышын түзсөңүз болот, бул көрүү терезесинин көлөмүнө жараша алардын ордун өзгөртө алат. Мындай баш аталыш үчүн CSS кыйла татаал жана кененирээк жана бир нече фондук элементтерди кайталоону камтыйт, анда сиздин сайтыңызды көрө турган браузер терезесинин өзгөрүлмө өлчөмдөрүнө ылайык.
