HTML UΦebnice

Design WWW strßnek

Velikost a dΘlka strßnek

Musφme dßvat pozor, aby strßnka nebyla p°φliÜ dlouhß. Dlouho by se naΦφtala a orientace v n∞jakΘm dlouhΘm textu by byla pro Φtenß°e p°φliÜ obtφ₧nß. Sna₧te se takto dlouhΘ strßnky rozd∞lovat do n∞kolika menÜφch. Startovnφ strßnka, kterß by obsahovala dalÜφ odkazy (menu), by nem∞la b²t delÜφ jak dv∞ obrazovky - nejlΘpe jedna obrazovka. VÜe zßle₧φ na tom, jak² typ strßnek vytvß°φte. Pokud jde o objem dat, sna₧te se o co nejmenÜφ velikost strßnek, obvzlßÜ¥ obrßzk∙.

index

Grafika

P°edem se vyvarujte umφs¥ovßnφ vÜelijak²ch animovan²ch obrßzk∙ (gif∙) posbφran²ch z internetu. Grafiku do strßnek by jste m∞li vytvo°it takovou, jakß se k dann²m strßnkßm nejvφce hodφ. Zde je pot°eba znßt n∞jakΘ zßklady estetiky a mφt cit pro barvy. TakΘ ke grafickΘmu provedenφ pou₧φvejte svojφ fantazii a sna₧te si vytvß°et grafiku podle sv²ch nßpad∙. Rozhodn∞ neberte cizφ grafiku a nepou₧φvejte je na sv²ch strßnkßch! Pro grafickou Φßst platφ jistß pravidla:
Pro webovou grafiku pou₧φvejte zßsadn∞ formßt GIF. Obrßzky ulo₧enΘ v gifu majφ velice malou velikost, 256 barev (co₧ bohat∞ staΦφ) a bezztrßtovou kompresi. Pro velkΘ obrßzky (nap°. fotky) pou₧φvejte formßt JPEG, kter² pou₧φvß ztrßtovou kompresi, ale p°i ulo₧enφ obrßzku se dß stupe≥ komprese nastavit. Pokud vystavujete na strßnkßch fotky, vytvo°te mal² nßhled (v gifu) jako odkaz na fotku v plnΘ velikosti. TakΘ se Φasto pou₧φvß tzv. transparentnφ gif, co₧ je obrßzek, kter² mß nastavenou jednu a vφce barev jako pr∙hlednΘ, ale to vÜechno je v∞cφ grafick²ch editor∙.

index

Struktura strßnek

Sna₧te se strukturovat informace tak, aby ze strßnek nevznikl informaΦnφ chaoz. Dr₧te se t°eba hiearchie knihy. Kniha se sklßdß z kapitol a kapitola se sklßdß ze sekcφ atd. U₧ivatelΘ internetu jsou na tento druh Φlen∞nφ informacφ zvyklφ. Vytvß°ejte tedy hlavnφ strßnku z obsahem celΘho webu, ze kterΘ povedou odkazy do jednotliv²ch sekcφ a ty by pak m∞ly obsahovat odkazy na p°edchßzejφcφ a nßsledujφcφ sekce a takΘ odkaz zp∞t na obsah.

index

META informace

Pokud chceme, aby byla strßnka nalezena fulltextov²mi prohlφ₧eΦi, aby obsahovala struΦn² popis s klφΦov²mi slovy a informace o autorovi, pou₧ijeme element META, kter² se pou₧φvß v zßhlavφ strßnky :

<HEAD>
<TITLE>nßzev dokumentu</TITLE>
<META NAME="description" CONTENT="popis strßnek">
<META NAME="keywords" CONTENT="klφΦovß slova">
<META NAME="author" CONTENT="jmΘno">
</HEAD>

index


Copyright © Ladislav Kovß° 2000