Kompjuter Biblioteka

Nedelja, Jul 29, 2007

WEB dizajn 5.deo

Dobra pomoć pri učenju:

BOJE I HTML

Na HTML stranicama se pozadina i tekst mogu pojaviti u čitavom spektru boja. To se postiže pomoću atributa u okviru <body> taga. Atributi se ubacuju u početni tag i služe da detaljnije opišu dati tag. Boja pozadine se određuje atributom bgcolor koji je deo <body> taga . Posle svakog atributa se stavlja znak jednakosti koji služi za dodelu vrednosti datom atributu, a vrednost atributa se obavezno stavlja između znakova navoda. Boje se mogu definisati na dva načina: ili preko predefinisanog engleskog naziva boje (npr. "yellow" za žutu boju), ili preko heksadecimalne RGB vrednosti ispred koje obavezno treba staviti simbol # (npr. #ffff00). Znači, boje se mogu odrediti sa RGB-palete. Vrednost atributa boje ima opšti oblik "#cczzpp" gde su cc, zz i pp redom heksadecimalne vrednosti za intenzitet crvene, zelene i plave boje. Svaka od ovih vrednosti može biti broj između 0 i 255 (u dekadnom brojnom sistemu) ili između 0 i FF (u heksadecimalnom brojnom sistemu). Boje se mogu odrediti navođenjem naziva boje na engleskom umesto kombinacijom heksadecimalnih cifara prema tabeli koju je data na strani SGIR (skr.od Service Général Informatique et réseaux, Université René Descartes, Paris). U slučaju da se prilikom navođenja taga BODY izostave opisani atributi, navigator im dodeljuje predefinisane vrednosti. Na primer, ako se želi da se promeni boja pozadine u žutu tada <body> tag treba da glasi: <body bgcolor="#ffff00"> Oba primera koda će dati isti rezultat. Pored pozadine, može se menjati i boja teksta, pomoću text atributa. Na primer, ako se na prethodno definisanoj stranici dodaju zelena slova treba napisati sledeći kod: <body bgcolor="#ffff00" text="#008000"> Takođe, tokom izvršavanja stranice osnovna boja slova, opisana atributom TEXT se može promeniti pomoću atributa COLOR taga <FONT>. Pozadina ne mora da bude samo u jednoj boji. Vrlo često se mogu sresti efektne prezentacije koje u pozadini imaju različite slike. Ove slike su elektronskom obliku u JPEG ili GIF formatu. Željenu sliku treba prvo smesti na određeno mesto u okviru prezentacije. Najjednostavnije rešenje je da se nalazi u istom direktorijumu gde se nalazi i prezentacija. Pozadina u obliku slike se definiše pomoću odgovarajućeg atributa u body tagu. Atribut se u ovom slučaju zove background i nema nikakve sličnosti sa atributom bgcolor koji definiše samo boju pozadine. Na primer, ako se želi da se kao pozadina stavi slika "pozadina1.jpg" tada će body tag izgledati: <body background="pozadina1.jpg" bgcolor="#000000"> Možete primetiti da postoje i background i bgcolor tag, i to ne slučajno. Mnogi ljudi sa sporijim modemima prilikom surfovanja internetom isključuju u svojim browserima automatsko učitavanje garfike. To znači da se neće učitati ni pozadina koja je definisana u toj stranici. Problem nastaje u slučajevima kada je tekstu dodeljena neka svetla boja, a browser ne učita pozadinu, vec i pozadina ostane bela. Bleda (ili bela) slova na beloj pozadini se jednostavno neće videti. Zbog toga uvek dodelite i neku boju vašoj pozadini tako da u gore opisanoj situaciji vaša slova i dalje budu čitljiva. U prethodnom delu teksta je naglašeno da je HTML nastao zbog potrebe da se opiše dokument u formi hiperteksta. Ono što je uslovilo njegovu veliku popularnost jesu linkovi. Linkovi u HTML dokumentu omogućavaju da se jednim klikom miša promeni navigacija i otvori neka druga stranica. Kad dovedete kurzor miša iznad linka desiće se dve stvari: pokazivač miša će se pretvoriti u ruku sa ispruzenim prstom (što simbolično govori da tu možete da kliknete), a sam link će promeniti boju, obično u crvenu, ako se drugačije ne definiše. Osim toga boja linkova koji su već posećeni biće drugačija od ostalih linkova. Na taj način korisnik jednostavno prepoznaje koje stranice je već posetio, akoje nije. Boje linkova se mogu definisati pomocu tri atributa: link, vlink i alink. Link definiše početnu boju linka u okviru stranice, vlink definiše boju linka u okviru stranice koji je posećen, a alink definiše boju aktivnog linka u okviru stranice. Na primer, definisanje boje linkova u plavo, posećenih linkova u ljubičasto, a aktivnih linkova u crveno se obavlja na sledeći način: <body link="#0000ff" vlink="#ee82ee" alink="#ff0000"> Ako navedeni atributi nisu korišćeni stranica prikazuje default vrednosti. U Internet Exploreru pozadina je po defaultu bela, tekst crn, linkovi plavi, posećeni linkovi maslinasto-zeleni, a aktivni linkovi crveni.

Boje u heksadecimalnom zapisu.

`000000`	`000020`	`000040`	`000060`	`000080`	`0000a0`	`0000c0`	`0000ff`
`002000`	`002020`	`002040`	`002060`	`002080`	`0020a0`	`0020c0`	`0020ff`
`004000`	`004020`	`004040`	`004060`	`004080`	`0040a0`	`0040c0`	`0040ff`
`006000`	`006020`	`006040`	`006060`	`006080`	`0060a0`	`0060c0`	`0060ff`
`008000`	`008020`	`008040`	`008060`	`008080`	`0080a0`	`0080c0`	`0080ff`
`00a000`	`00a020`	`00a040`	`00a060`	`00a080`	`00a0a0`	`00a0c0`	`00a0ff`
`00c000`	`00c020`	`00c040`	`00c060`	`00c080`	`00c0a0`	`00c0c0`	`00c0ff`
`00ff00`	`00ff20`	`00ff40`	`00ff60`	`00ff80`	`00ffa0`	`00ffc0`	`00ffff`

`200000`	`200020`	`200040`	`200060`	`200080`	`2000a0`	`2000c0`	`2000ff`
`202000`	`202020`	`202040`	`202060`	`202080`	`2020a0`	`2020c0`	`2020ff`
`204000`	`204020`	`204040`	`204060`	`204080`	`2040a0`	`2040c0`	`2040ff`
`206000`	`206020`	`206040`	`206060`	`206080`	`2060a0`	`2060c0`	`2060ff`
`208000`	`208020`	`208040`	`208060`	`208080`	`2080a0`	`2080c0`	`2080ff`
`20a000`	`20a020`	`20a040`	`20a060`	`20a080`	`20a0a0`	`20a0c0`	`20a0ff`
`20c000`	`20c020`	`20c040`	`20c060`	`20c080`	`20c0a0`	`20c0c0`	`20c0ff`
`20ff00`	`20ff20`	`20ff40`	`20ff60`	`20ff80`	`20ffa0`	`20ffc0`	`20ffff`

`400000`	`400020`	`400040`	`400060`	`400080`	`4000a0`	`4000c0`	`4000ff`
`402000`	`402020`	`402040`	`402060`	`402080`	`4020a0`	`4020c0`	`4020ff`
`404000`	`404020`	`404040`	`404060`	`404080`	`4040a0`	`4040c0`	`4040ff`
`406000`	`406020`	`406040`	`406060`	`406080`	`4060a0`	`4060c0`	`4060ff`
`408000`	`408020`	`408040`	`408060`	`408080`	`4080a0`	`4080c0`	`4080ff`
`40a000`	`40a020`	`40a040`	`40a060`	`40a080`	`40a0a0`	`40a0c0`	`40a0ff`
`40c000`	`40c020`	`40c040`	`40c060`	`40c080`	`40c0a0`	`40c0c0`	`40c0ff`
`40ff00`	`40ff20`	`40ff40`	`40ff60`	`40ff80`	`40ffa0`	`40ffc0`	`40ffff`

`600000`	`600020`	`600040`	`600060`	`600080`	`6000a0`	`6000c0`	`6000ff`
`602000`	`602020`	`602040`	`602060`	`602080`	`6020a0`	`6020c0`	`6020ff`
`604000`	`604020`	`604040`	`604060`	`604080`	`6040a0`	`6040c0`	`6040ff`
`606000`	`606020`	`606040`	`606060`	`606080`	`6060a0`	`6060c0`	`6060ff`
`608000`	`608020`	`608040`	`608060`	`608080`	`6080a0`	`6080c0`	`6080ff`
`60a000`	`60a020`	`60a040`	`60a060`	`60a080`	`60a0a0`	`60a0c0`	`60a0ff`
`60c000`	`60c020`	`60c040`	`60c060`	`60c080`	`60c0a0`	`60c0c0`	`60c0ff`
`60ff00`	`60ff20`	`60ff40`	`60ff60`	`60ff80`	`60ffa0`	`60ffc0`	`60ffff`

`800000`	`800020`	`800040`	`800060`	`800080`	`8000a0`	`8000c0`	`8000ff`
`802000`	`802020`	`802040`	`802060`	`802080`	`8020a0`	`8020c0`	`8020ff`
`804000`	`804020`	`804040`	`804060`	`804080`	`8040a0`	`8040c0`	`8040ff`
`806000`	`806020`	`806040`	`806060`	`806080`	`8060a0`	`8060c0`	`8060ff`
`808000`	`808020`	`808040`	`808060`	`808080`	`8080a0`	`8080c0`	`8080ff`
`80a000`	`80a020`	`80a040`	`80a060`	`80a080`	`80a0a0`	`80a0c0`	`80a0ff`
`80c000`	`80c020`	`80c040`	`80c060`	`80c080`	`80c0a0`	`80c0c0`	`80c0ff`
`80ff00`	`80ff20`	`80ff40`	`80ff60`	`80ff80`	`80ffa0`	`80ffc0`	`80ffff`

`a00000`	`a00020`	`a00040`	`a00060`	`a00080`	`a000a0`	`a000c0`	`a000ff`
`a02000`	`a02020`	`a02040`	`a02060`	`a02080`	`a020a0`	`a020c0`	`a020ff`
`a04000`	`a04020`	`a04040`	`a04060`	`a04080`	`a040a0`	`a040c0`	`a040ff`
`a06000`	`a06020`	`a06040`	`a06060`	`a06080`	`a060a0`	`a060c0`	`a060ff`
`a08000`	`a08020`	`a08040`	`a08060`	`a08080`	`a080a0`	`a080c0`	`a080ff`
`a0a000`	`a0a020`	`a0a040`	`a0a060`	`a0a080`	`a0a0a0`	`a0a0c0`	`a0a0ff`
`a0c000`	`a0c020`	`a0c040`	`a0c060`	`a0c080`	`a0c0a0`	`a0c0c0`	`a0c0ff`
`a0ff00`	`a0ff20`	`a0ff40`	`a0ff60`	`a0ff80`	`a0ffa0`	`a0ffc0`	`a0ffff`

`c00000`	`c00020`	`c00040`	`c00060`	`c00080`	`c000a0`	`c000c0`	`c000ff`
`c02000`	`c02020`	`c02040`	`c02060`	`c02080`	`c020a0`	`c020c0`	`c020ff`
`c04000`	`c04020`	`c04040`	`c04060`	`c04080`	`c040a0`	`c040c0`	`c040ff`
`c06000`	`c06020`	`c06040`	`c06060`	`c06080`	`c060a0`	`c060c0`	`c060ff`
`c08000`	`c08020`	`c08040`	`c08060`	`c08080`	`c080a0`	`c080c0`	`c080ff`
`c0a000`	`c0a020`	`c0a040`	`c0a060`	`c0a080`	`c0a0a0`	`c0a0c0`	`c0a0ff`
`c0c000`	`c0c020`	`c0c040`	`c0c060`	`c0c080`	`c0c0a0`	`c0c0c0`	`c0c0ff`
`c0ff00`	`c0ff20`	`c0ff40`	`c0ff60`	`c0ff80`	`c0ffa0`	`c0ffc0`	`c0ffff`

`ff0000`	`ff0020`	`ff0040`	`ff0060`	`ff0080`	`ff00a0`	`ff00c0`	`ff00ff`
`ff2000`	`ff2020`	`ff2040`	`ff2060`	`ff2080`	`ff20a0`	`ff20c0`	`ff20ff`
`ff4000`	`ff4020`	`ff4040`	`ff4060`	`ff4080`	`ff40a0`	`ff40c0`	`ff40ff`
`ff6000`	`ff6020`	`ff6040`	`ff6060`	`ff6080`	`ff60a0`	`ff60c0`	`ff60ff`
`ff8000`	`ff8020`	`ff8040`	`ff8060`	`ff8080`	`ff80a0`	`ff80c0`	`ff80ff`
`ffa000`	`ffa020`	`ffa040`	`ffa060`	`ffa080`	`ffa0a0`	`ffa0c0`	`ffa0ff`
`ffc000`	`ffc020`	`ffc040`	`ffc060`	`ffc080`	`ffc0a0`	`ffc0c0`	`ffc0ff`
`ffff00`	`ffff20`	`ffff40`	`ffff60`	`ffff80`	`ffffa0`	`ffffc0`	`ffffff`

Autor 1kombib ( Generalna ) :: Komentari (0) :: Permalink :: Trekbekovi (0)

«	Jul 2007					»
Po	Ut	Sr	Če	Pe	Su	Ne
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31

«	Jul 2007					»
Po	Ut	Sr	Če	Pe	Su	Ne
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31

«	Jul 2007					»
Po	Ut	Sr	Če	Pe	Su	Ne
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31

Kompjuter Biblioteka

Nedelja, Jul 29, 2007

WEB dizajn 5.deo

Dodaj komentar

«	Jul 2007					»
Po	Ut	Sr	Če	Pe	Su	Ne
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31