"Päis" ehk veebilehe ülaosa muudab teie saidi ainulaadseks, võimaldab sellel teistest erineda ja kajastada teie Interneti-projekti eripära. Originaalse ja hästi tehtud päise abil saate kaunistada ja täpsustada mis tahes veebisaiti ning päise ise tegemiseks peate õppima, kuidas seda veebielementi paigutada.
Juhised
Samm 1
Kui soovite, et teie saidil oleksid staatilised, konstantsed mõõtmed, peate looma staatilise päise, mis ei muutu sõltuvalt ekraani laiuse muutusest. Määrake päise laius ja kõrgus (näiteks 996x230) ja sisestage taustapilt ülemisse plokki järgmise CSS-koodi abil, kus päis-1.jpg
taust: # a6b7d3 URL (img / header-1.jpg) ei kordu;
laius: 996 pikslit;
kõrgus: 230px;
} Seda tüüpi päise HTML-kood näeb välja selline:
2. samm
Kui sait on ehitatud nii, et selle mõõtmed on kohandatud ekraani laiusele, peaks päis olema trükitud, võttes arvesse kõiki peamisi monitori eraldusvõimeid. Sellise päise maksimaalne laius peaks olema 1920 pikslit. Sellise päise sisestamiseks kasutage CSS-koodi: #header {background: # a6b7d3 url (img / header-2.jpg) no-repeat center; height: 250px;} HTML-kood on sel juhul sarnane eelmisega. Mõnedes parameetrites on CSS-koodi muudetud - nüüd on sellel päisepildi tsentreerimiseks atribuut, mis võimaldab sellel tausta sobitada mis tahes ekraanilaiusega.
3. samm
Võite luua ka keerukama päise, mis on lõigatud mitmeks taustablokiks, mis muudab nende asukohta sõltuvalt vaateava suurusest. Sellise päise CSS on keerukam ja ulatuslikum ning hõlmab mitme taustaelemendi kordamist vastavalt brauseriakna ujuvatele mõõtmetele, milles teie saiti saab vaadata.
