Barvy a grafika ve formulß°i

 VΦlen∞nφ formulß°∙ do WWW strßnky nenφ rozdφlnΘ od vΦlenenφ obrßzk∙ nebo textu. Formulß°e jsou prvky, kterΘ musφ b²t pro dosa₧enφ maximßlnφho efektu vytvo°eny promyÜlen∞. Na rozdφl od grafiky nebo textu, kterΘ mohou a nemusφ vy₧adovat interakci, formulß°e v₧dy vy₧adujφ od u₧ivatele n∞jak² druh interakce. Vzhledem komu je nutno zaΦlen∞nφ a nßvrhu formulß°∙ do grafickΘ struktury strßnky v∞novat nßle₧itou pozornost. Touto technikou:
Vytvo°φte pro farmulß°ovß pole obal. Zp∙sobu uspo°ßdßnφ a nßvrhu formulß°ov²ch polφ dodßte strukturu.
Navrhnete jedineΦn² vzhled a styl formulß°∙. ╚ßst strßnky v∞novanß formulß°∙m bude mφt stejn² vzhled jako zbytek webu.
ZaΦlenφte formulß°e esteticky do nßvrhu webovΘ prezentace. Formulß°e nemusφ b²t nudnΘ - pokud je o₧ivφte barvami a obrßzky, pov²Üφte obecn∞ estetiku celΘho nßvrhu.

Navrhovßnφ formulß°∙
Navrhujete-li formulß°e, p°ihlφ₧ejte k nßsledujφcφmu:

Pou₧φvejte tabulek k navr₧enφ podkladovΘ m°φ₧ky, do kterΘ budou umφst∞na pole formulß°∙ a HTML text.

Pou₧φvejte atribut BGCOLOR tabulkov²ch datov²ch bun∞k k vytvo°enφ barvy na pozadφ polφ formulß°e.

Ujist∞te se, ₧e vzhled a styl formulß°∙ z∙stßvß obecn∞ esteticky konzistentnφ uvnit° celΘho nßvrhu webovΘ prezentace.

Je-li to mo₧nΘ, vlo₧te do struktury formulß°e GIFy nebo JPEGy, aby formulß°e nevypadaly tak stroze.

Vytvo°te obalovΘ pole formulß°e.

Navrhn∞te originßlnφ obrßzek, kter² zaΦlenφte do formulß°e.

Obrßzek rozd∞lte na Φßsti

sestavte jej do tabulky. Pou₧ijte vßÜ oblφben² grafick² editor k rozkouskovßnφ obrßzku. Ponechte ohraniΦenφ bun∞k. Pou₧ijte nulovΘ atributy CELLPADDING a CELLSPACING. Nezapome≥te na zarovnßnφ obrßzk∙ v tabulkov²ch bu≥kßch. Pokud je to nutnΘ, definujte barvu pozadφ jednotliv²ch tabulkov²ch bun∞k.

   

Vytvo°te pole formulß°e.

Pro odesφlacφ tlaΦφtko pou₧ijte tag INPUT takto:
< INPUT TYPE="IMAGE" SRC="umφst∞nφ_obrßzku" BORDER=0>.

Odstra≥te ohraniΦenφ

tabulky a prove∩te zßv∞reΦnΘ ·pravy.

P°φklad
< FORM>
< TABLE width=373 height=151 border=0 
cellpadding=0 cellspacing=0>
< TR>< TD rowspan=2 width=40 height=151 
align=right valign=top>
< IMG src="odeslatl.gif" width=40 height=151 border=0>< /TD>
< TD colspan=2 width=333 height=120 valign=bottom>
< IMG src="odeslath.gif" width=333 height=120 border=0>
< /TD>< /TR>
< TR>< TD width=230 height=31 align=center valign=middle 
bgcolor=#FFFFD6>
< INPUT type="text" size=20>< /TD>
< TD width=103 height=31 valign=top align=left>
< INPUT type="image" src="odeslatp.gif" border=0>< /TD>< /TR>
< /TABLE>< /FORM>
Takhle to vypadß ZaΦßtek
DalÜφ
P°edchozφ