Definování volných prostorů

Využijte tabulek k vytvoření počátečního základu a kostry webové stránky. Před příchodem tabulek neexistoval žádný způsob, jak pevně ovládat způsob, jakým jsou ve vztahu k ostatním objektům na stránce rozmisťovány informace a obrázky. Při navrhování struktury stránky můžete využít tabulky k definování bloku volných prostorů, které budou využity k rozmisťování informací, grafik a prázdných prostorů. Tuto techniku využijete k:
Založení struktury návrhu stránky. Tabulky můžete využít k definování kostry webu anebo k základnímu vymezení hranic stránky.
Uspořádání obrázků a dat. Tabulky mohou pomoci k organizaci rozmístění obrázků, dat a volných prostorů tak, aby zůstaly zafixovány a zobrazovaly se stabilně uvnitř nadefinované struktury stabilně.
Vedení divákova zraku přes stránku. Tabulky můžete kombinovat s mezerujícími GIFy k vytvoření volných prostorů, které pomohou návštěvníkům zaměřit se právě na to, co si přejete VY, aby shlédli nejdříve.

Vytvoření kostry stránky:
Vytvořte tabulku, která rozdělí stránku na několik oddílů. Použijte ohraničení buňek tabulky, abyste viděli výsledek.
   
 
     
     
     

Označení volných prostorů:
Označte volné prostory zaměněním pevných mezer   za aktuální názvy popisující prostor. Tak zjistíte, zda je počet řádků a sloupců dostačující k rozmístění obsahu stránky.
LOGO NAVIGACE
PRÁZDNÝ PROSTOR
PRÁZDNÝ PROSTOR OBRÁZEK S ODKAZEM SLOUPEC TEXT
PRÁZDNÝ PROSTOROBRÁZEK S ODKAZEM SLOUPEC TEXT
COPYRIGHT OBRÁZEK S ODKAZEM SLOUPEC TEXT

Rozmístěte prvky do struktury:
Nyní rozmístěte obrázky, navigaci a text dovnitř struktury, abyste stránku oživili. Urpavte rozměry a atributy zarovnání. Přidejte případně i mezerující GIFy.
Domů Katalog Napište
Tým: bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
Akademie: bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
© Lucie Fialová, duben 2000 Rozpočet: bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Odstraňte hranice tabulky:

Domů Katalog Napište
Tým: bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
Akademie: bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
© Lucie Fialová, duben 2000 Rozpočet: bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Příklad:
< TABLE width=100% height=100% border=0 
cellpadding=5 cellspacing=0>
< TR>< TD align=center rowspan=2 bgcolor=Navy>
< IMG src="fbi21.gif" height=65 width=65 align=center>< /TD>
< TD align=left colspan=2 bgcolor=navy valign=middle>
< FONT color=gold size=-1>< B>
< IMG src="domaci.gif" height=45 width=80>Domů
< IMG src="1x1.gif" height=1 width=15> 
< IMG src="katalog.gif" height=45 width=80>Katalog
< IMG src="1x1.gif" height=1 width=15>
< IMG src="telefon.gif" height=45 width=80>Napište< /B>
< /FONT>< /TD>< /TR>
< TR>< TD align=center colspan=2  bgcolor=navy>
< /TD>< /TR>< TR>
< TD align=center  bgcolor=navy>< /TD>
< TD align=left  bgcolor=navy>
< IMG src="clenove.gif" height=60 width=90>< /TD>
< TD bgcolor=navy>< FONT color=gold size=-1>
< B>Tým: < /B>< BR>
Něco o našem týmu. Něco o našem týmu. Něco o našem týmu. 
Něco o našem týmu. Něco o našem týmu. Něco o našem týmu. 
Něco o našem týmu. Něco o našem týmu. Něco o našem týmu.  
< /FONT> < /TD>< /TR>
< TR>< TD align=center  bgcolor=navy>< /TD>
< TD align=left  bgcolor=navy>
< IMG src="skola.gif" height=60 width=90>< /TD>
< TD bgcolor=navy>< FONT color=gold  size=-1>
< B>Akademie: < /B>< BR>
Něco o Akademii. Něco o Akademii. Něco o Akademii. 
Něco o Akademii. Něco o Akademii. Něco o Akademii. 
Něco o Akademii. Něco o Akademii. Něco o Akademii. 
< /FONT> < /TD>< /TR>< TR>
< TD align=center bgcolor=Navy>
< FONT size=-2 color=gold>© Lucie Fialová, < BR>
duben 2000< /FONT>
< /TD>< TD align=left  bgcolor=navy>
< IMG src="penize.gif" height=60 width=90>< /TD>
< TD  bgcolor=navy>< FONT color=gold size=-1>
< B>Rozpočet: < /B>< BR>
Něco o rozpočtu. Něco o rozpočtu. Něco o rozpočtu. 
Něco o rozpočtu. Něco o rozpočtu. Něco o rozpočtu. 
Něco o rozpočtu. Něco o rozpočtu. Něco o rozpočtu. 
< /FONT> < /TD>< /TR>< /TABLE>
Takhle to vypadá Začátek
Další
Předchozí