DODAVANJE BOJA

U prethodnom primeru uspeli smo da dobijemo tekst ispisan crnim slovima na beloj pozadini. Medjutim, kao sto vrlo dobro znate, na web stranicama se pozadina i tekst mogu pojaviti u citavom spektru boja. Da bismo to postigli potrebno je da dodamo jos neka objasnjenja u okviru naseg <body> taga. Dodatna objasnjenja bilo kog HTML taga nazivaju se atributi. Atributi se ubacuju u pocetni tag i sluze da detaljnije opisu dati tag.

Na primer, ako zelimo da promenimo boju pozadine u zutu tada cemo unutar <body> taga dodati:

<BODY BGCOLOR="#ffff00"> ili: <BODY BGCOLOR="yellow"> sto daje isti krajnji efekat.

Dakle, vidimo da se boja pozadine odredjuje bgcolor atributom koji je deo <body> taga. Posle svakog atributa se stavlja znak jednakosti koji sluzi za dodelu vrednosti datom atributu, a vrednost atributa se obavezno stavlja izmedju znakova navoda.
Sto se tice oznacavanja boja, iz gornjeg primera vidimo da se boje mogu definisati na dva nacina: ili preko predefinisanog naziva boje (npr."yellow"), ili preko hesadecimalne RGB vrednosti ispred koje obavezno treba staviti simbol # (npr. #ffff00). Mozda ce vas browser prikazati zeljenu boju i bez ovog simbola ali vi ga za svaki slucaj stavite jer ga neki browseri striktno zahtevaju.

Za sve vas koji pocinjete da kreirate web stranice napravio sam tabelu boja sa njihovim nazivima i heksadecimalnim kodom. Boje su poredjane po abecednom redu, a kad vam se neka boja svidi samo kopirajte (copy) njen kod i zalepite ga (paste) u vasu stranicu.

Boja teksta se odredjuje text atributom. Na primer, ako zelimo da nasa stranica ima zelena slova na zutoj pozadini stavicemo:

<BODY BGCOLOR="#ffff00" TEXT="#008000"> Ono sto HTML cini izuzetnim, i sto je uslovilo njegovu veliku popularnost jesu tzv. linkovi. Linkovi u HTML dokumentu su one reci koje se pojavljuju u drugoj boji i podvucene su radi lakseg uocavanja, a omogucavaju vam da se jednim klikom misa nadjete na nekom sasvim drugom sajtu koji se moze nalaziti i na drugom kraju sveta. (O kreiranju linkova u HTML dokumentu cu govoriti u jednom od sledecih odeljaka.) Kad dovedete pokazivac misa iznad linka desice se dve stvari: pokazivac misa ce se pretvoriti u ruku sa ispruzenim prstom (sto simbolicno govori da tu mozete da kliknete), a sam link ce promeniti boju (obicno u crvenu, ako drugacije ne definisete). Osim toga boja linkova koje ste vec posetili bice drugacija od ostalih linkova, kako biste imali orjentaciju sta ste vec videli a sta vam jos ostaje da posetite.

Boje linkova se mogu definisati pomocu tri atributa: link, vlink i alink. Na primer, ako zelite da na vasem home page-u linkovi budu plavi, poseceni linkovi ljubicasti a aktivni linkovi crveni stavite:

<BODY LINK="#0000ff" VLINK="#ee82ee" ALINK="#ff0000"> Sve ove atribute mozete i izostaviti ako zelite da browser koristi vrednosti koje su definisane po default-u. U Internet Exploreru pozadina je po default-u bela, tekst crn, linkovi plavi, poseceni linkovi maslinasto-zeleni, a aktivni linkovi crveni. Ako vam se svidja ova shema boja, nemojte nista menjati.

Medjutim, sta ako niste zadovoljni jednobojnom pozadinom, vec zelite da imate bogato ukrasenu pozadinu kakve cesto srecete na web prezentacijama. U tom slucaju morate staviti kao pozadinu neku sliku u JPEG ili GIF formatu. Ovo su obicno male slicice koje se brzo ucitavaju i "tajluju" (redjaju poput plocica , eng. tile). Ove pozadine (eng. background) mozete pronaci u raznim kolekcijama web grafike sirom interneta (pogledajte pod linkovi), a mozete i "ukrasti" pozadinu sa neke prezentacije koja vam se svidi. To se postize na sledeci nacin:
Kad na nekoj stranici ugledate pozadinu koja vam se svidi i pozelite da je sacuvate na svom hard disc-u, samo kliknite desnim dugmetom misa na bilo koji deo pozadine te stranice i iz prirucnog menija koji se pojavi odaberite opciju Save Background As. Odaberite folder u kojem cete cuvati vase omiljene pozadine i dajte toj pozadini odgovarajuce ime (npr. pozadina1.jpg ili pozadina2.gif)

Kada ste odabrali pozadinu koju zelite da stavite na vasu prezentaciju, prvi korak je da taj fajl prekopirate u folder u kom se nalazi i vasa prezentacija. (Dobro, nije tacno da slika i HTML dokument moraju da budu u istom folderu ali tako je jednostavnije.) Sad jos samo preostaje da u vasem HTML dokumentu tj. njegovom body tagu upisete odgovarajuci atribut. Atribut se u ovom slucaju zove background i bilo bi pozeljno da ga ne pomesate sa atributom bgcolor koji definise samo boju pozadine.
Na primer, ako zelite da kao pozadinu stavite sliku "POZADINA1.JPG" tada ce vas body tag izgledati ovako:

<BODY BACKGROUND="pozadina1.jpg" BGCOLOR="#000000"> Kao sto vidite ja sam ubacio i background i bgcolor tag, i to ne slucajno. O cemu se radi? Pa mnogi ljudi sa sporijim modemima prilikom surfovanja internetom iskljucuju u svojim browserima automatsko ucitavanje garfike. To znaci da se nece ucitati ni pozadina koju ste vi dodelili toj stranici. Problem nastaje u slucajevima kada ste svom tekstu dodelili neku svetlu (ili "ne daj boze" belu boju), a browser ne ucita pozadinu, vec i pozadina ostane bela. Bleda (ili bela) slova na beloj pozadini se jednostavno nece videti. Zbog toga uvek dodelite i neku boju vasoj pozadini tako da u gore opisanoj situaciji vasa slova i dalje budu citljiva.

Sad se vi mozda pitate kako da dodelite vasim slovima belu ili bilo koju drugu boju. E pa o tome citajte u sledecem nastavku ovog udzbenika.

Uvod u HTML
nazad
Index Uredjivanje teksta 1
napred

uvod u html uredjivanje teksta uredjivanje teksta 2 liste linkovi
web grafika tabele tabele 2 marquee kraj