"Otsikko" tai verkkosivun yläosa tekee sivustostasi ainutlaatuisen, antaa sen erota muista ja heijastaa Internet-projektisi erityispiirteitä. Alkuperäisen ja hyvin tehdyn otsikon avulla voit sisustaa ja tarkentaa mitä tahansa verkkosivua, ja jotta voit tehdä otsikon itse, sinun on opittava tämän Web-elementin asettelu.
Ohjeet
Vaihe 1
Jos haluat, että sivustollasi on staattiset ja vakiot mitat, sinun on luotava staattinen otsikko, joka ei muutu näytön leveyden muutoksen mukaan. Määritä otsikon leveys ja korkeus (esimerkiksi 996x230) ja lisää taustakuva ylimpään lohkoon käyttämällä seuraavaa CSS-koodia, jossa header-1.jpg
tausta: # a6b7d3 url (img / header-1.jpg) ei toista;
leveys: 996px;
korkeus: 230px;
} Tämän tyyppisen otsikon HTML-koodi näyttää tältä:
Vaihe 2
Jos sivusto on rakennettu siten, että sen mitat on sovitettu näytön leveyden mukaan, otsikko tulee olla lajiteltu ottaen huomioon kaikki näytön tärkeimmät resoluutiot. Tällaisen otsikon enimmäisleveyden tulisi olla 1920 pikseliä. Jos haluat lisätä tällaisen otsikon, käytä CSS-koodia: #header {background: # a6b7d3 url (img / header-2.jpg) no-repeat center; height: 250px;} HTML-koodi on tässä tapauksessa samanlainen kuin edellinen. CSS-koodia on muutettu joissakin parametreissa - nyt sillä on attribuutti otsikkokuvan keskittämiseksi, jonka avulla se voi sovittaa taustan mille tahansa näytön leveydelle.
Vaihe 3
Voit myös luoda monimutkaisemman otsikon, joka on leikattu useisiin taustalohkoihin, jotka muuttavat niiden sijaintia näkymän koon mukaan. Tällaisen otsikon CSS on monimutkaisempi ja laajempi, ja siihen kuuluu useiden taustaelementtien toistaminen sen selainikkunan kelluvien mittojen mukaisesti, jossa sivustoasi voidaan tarkastella.
