HTML osnove 6-pozadina ili background
Pozadina Internet stranice (background) vam omogućuje da postavite određenu boju ili sliku kao pozadinu vaše Internet stranice.
Ova opcija vam stvarno može napraviti da stranice izgledaju kreativno i uvelike poboljšati cjelokupni izgled.
Oznaka ili tag za postavljanje pozadine na Internet stranicama je oznaka <BODY> u koju se umeće dodatak „bgcolor“.
Kao što ste zapamtiti iz prve lekcije, sadržaj Internet stranice je počeo s oznakom <BODY>, i završio sa </BODY>.
Unutar ove oznake umetnemo dodatak za pozadinu: bgcolor.
Idemo pokušati sa postavljanjem crvene pozadine. U tabeli sa bojama pronaći ćete kod za crvenu boju:
<BODY bgcolor=”#FF0000″>
Također možete koristiti imena boja:
<BODY bgcolor=”lightcoral”>
Ovo će vam u novom .htm dokumentu izgledati ovako:
<HTML>
<HEAD>
<TITLE>Internet Svijet</TITLE>
</HEAD>
<BODY bgcolor=”lightcoral”>
</BODY>
</HTML>
Znam, postavljanje boja zvuči lako, ali što je s postavljanjem fancy slika koje vidite na mnogim Internet stranicama? To je također vrlo jednostavno. Započinjemo sa bilo kojom slikom ili fotografijom.
Imajte pritom na umu da preglednik razvuče slike slažući ih jednu do druge kako bi popunio pozadinu ekrana i to od vrha do dna i s lijeva na desno. Zbog toga je dobra ideja koristiti slike koje izgledaju dobro kada razvučene na taj način (tiled). Granice između kopija tako posloženih slika koje popunjavaju pozadinu nisu vidljive. Kao što možete vidjeti u nastavku, ne možete jasno vidjeti granicu:
<body bgcolor=”#ffffff” background=”slika_pozadine.jpg”>
dakle:
<HTML>
<HEAD>
<TITLE>Internet Svijet</TITLE>
</HEAD>
<BODY bgcolor=”#ffffff” background=”slika_pozadine.jpg”>
</BODY>
</HTML>
Također, želite biti sigurni da odaberete boju pozadine ili sliku pozadine koja dobro pristaje uz boju teksta te se stapa i sa drugim elementima na stranici. Jer na nekim stranicama, zbog pozadine, tekst je teško pročitati jer se gotovo stapa sa bojama iste .
Uvijek imajte na umu uključiti boju pozadine uz eventualnu grafičku sliku. Iako se čini kako boja nije potrebna ako se odlučite za sliku. Ovo je potrebno jer mnogi ljudi surfati bez mogućnosti prikaza grafike:
Na primjer, pretpostavimo da imate crnu ili vrlo tamnu pozadinsku sliku na stranici. Zbog toga se koristite bijelim tekstom. Sada, ako posjetitelj pregledava vašu stranicu s isključenom grafikom, neće biti u mogućnosti pročitati tekst.
I sad zadnji efekt koji je cool (iako radi samo na novijoj verziji Internet Explorera) je podešavanje pozadinske sliku, tako da se ne pomiče – dakle fiksira sliku u pozadini i onemogućuje njeno pomicanje bez obzira na „scrollanje“. Ovo se podesi dodatkom FIKSED, kao što je prikazano u nastavku:
<BODY BACKGROUND=” slika_pozadine.jpg ” BGCOLOR=”#000000″ BGPROPERTIES=”FIXED”>
Related posts:
