BARVY.GIF


Obsah lekce:



Pozadφ HTML dokumentu

V jazyce HTML lze nastavit motiv pozadφ celΘho HTML dokumentu pomocφ atributu BACKGROUND u nßv∞Ütφ <BODY>. Tomuto atributu je p°i°azena URL adresa grafiky, ze kterΘ je pak posklßdßn podklad strßnky tak, ₧e t∞sn∞ na jeden obrßzek navazuje dalÜφ. Pokud je motiv zvolen chyt°e, lze pomocφ jednoho malΘho obrßzku vytvo°it velmi p∙sobivΘ pozadφ. P°i v²b∞ru pozadφ dokumentu je vÜak nutnΘ mφt stßle na pam∞ti, ₧e musφ b²t voleno tak, aby nep∙sobilo ruÜiv∞, a aby text strßnky byl dob°e Φiteln².
V∙bec nejideßln∞jÜφ p°φpad je, kdy₧ obrßzek tvo°φcφ pozadφ p∙sobφ po sesazenφ jednolit²m dojmem. TakovΘto plochy lze vytvo°it nap°φklad vyu₧itφm "Kai's Power Tools" filtr∙ pro program Adobe Photoshop.


Definice barev

V nov∞jÜφch verzφch prohlφ₧eΦ∙ lze definovat barvy pozadφ i pφsma. Barvu je nutnΘ zadat ve formßtu ÜestimφstnΘho k≤du hexadecimßlnφch Φφslic. V₧dy dva po sob∞ jdoucφ znaky definujφ odstφn jednΘ ze t°φ zßkladnφch barev modelu RGB (R - red, G - green, B - blue = Φervenß, zelenß, modrß). Hodnoty odstφn∙ barev je tedy mo₧nΘ uklßdat v rozmezφ 0 - 255 (! p°eveden²ch do hexadecimßlnφho k≤du !) ve tvaru RRGGBB, p°ed kter² se p°idß znak "#".


P°φklad nastavenφ barvy pozadφ na ₧lutou:

<BODY BGCOLOR="#FFFF00">
VÜe se te∩ bude psßt na ₧lutΘ pozadφ!
</BODY>

VÜe se te∩ bude psßt na ₧lutΘ pozadφ! MSIE.GIF


Tento zp∙sob zßpisu je ji₧ na prvnφ pohled velmi nepohodln². Z tohoto d∙vodu zavedl Netscape b∞₧nΘ nßzvy pro barvy, nap°φklad: "yellow", "blue", ... Pou₧φvat toto zjednoduÜenφ se vÜak nedoporuΦuje, nebo╗ ostatnφ prohlφ₧eΦe neznajφ toto rozÜφ°enφ a zmφn∞nΘ barvy p°eΦφst nedokß₧φ. Nap°φklad barva "red" zp∙sobφ v Exploreru modrΘ zabarvenφ pozadφ.
V n∞kter²ch HTML editorech jsou implementovßny takΘ ÜikovnΘ funkce pro volbu barev. P°φkladem t∞chto editor∙ mohou b²t nap°φklad Kenn Nesbitt's Web Edit a HTML Assistant Pro.
V Netscape Navigatoru lze v rßmci p°φkazu <BODY> definovat atributy: BACKGROUND, BGCOLOR, TEXT, LINK, VLINK, ALINK.


Nap°φklad, tento mal² obrßzek:

POZ_MALY.GIF


Vytvo°φ nßsledujφcφ pozadφ dokumentu:

<BODY BACKGROUND="poz_maly.gif">
</BODY>

POZ_CELY.GIF




<BODY background="url" bgcolor=" barva" text="barva" link=" barva" alink="barva" vlink=" barva">
...t∞lo dokumentu...
</BODY>
pßrovß znaΦka ohraniΦujφcφ celou hlavnφ Φßst dokumentu
background URL obrßzku pou₧itΘho jako podklad
bgcolor barva podkladu dokumentu
text barva normßlnφho textu
link barva hypertextov²ch odkaz∙
alink barva aktivnφch (prßv∞ vybran²ch) odkaz∙
vlink barva ji₧ pou₧it²ch odkaz∙


BarevnΘ pφsmo

Barvu pφsma lze velice jednoduÜe m∞nit pomocφ atributu COLOR u p°φklazu <FONT>.


Zm∞na barvy pφsma na Φervenou:

<BODY>
<FONT COLOR="#FF0000">
Jak se Vßm lφbφ ΦervenΘ pφsmo?
</FONT>
</BODY>

V²sledek:

Jak se Vßm lφbφ ΦervenΘ pφsmo?



<FONT size=n color="barva" face="typ">
...text...
</FONT>
v²b∞r velikosti, barvy a typu pφsma
size velikost pφsma (nab²vß hodnot od 1 do 7; 7 je nejv∞tÜφ pφsmo)
color barva pφsma
face typ pφsma