Pozadφ a barvy

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φ!

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:

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

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

<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 .

Zm∞na barvy pφsma na Φervenou:

<BODY>

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

</BODY>

V²sledek:

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


...text...
: 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