Rubriky
Školení - Tvorba webových stránek

Tvorba webových stránek – rozvržení stránky (4)

V minulých dílech jsme si ukázali jaké by mělo být tělo webové stránky a také k čemu nám mohou sloužit entity.

Máme dvě možnosti jak udělat strukturu webu
1) tabulky
2) css

Ukážeme si první možnost jelikož je jednodušší
<table> – tabulka
<tr> – řádek
<td> – buňka

colspan=“2″ —> to znamená že buňka zabere velikost jako dvě buňky
rowspan=“2″ —> to znamená že řádek bude roztáhlý jako řádky dva
align=“center“ —> zarovnání na střed (center-střed, left-levá strana,right-pravá strana)
valign=“top“ —> vertikální zarovnání nahoru (top-nahoru, middle-uprostřed, bottom-dolů)
bgcolor=“green“ —> barva pozadí je zelená (barva se dá nahradit jinou barvou např. red, white, blue či kodem RGB barev)
background=“pozadi.jpg“  —> obrázek na pozadí (url obrázku je možné změnit)
border=“1″ —> tloušťka rámu tabulky je 1px
cellpadding=“1″ —> vnitřní okraj buňek (tloušťka v px)
cellspacing=“1″ —> vnější okraj buňek (tloušťka v px)
bordercolor=“orange“ —> oranžová barva rámu tabulky

 

Nejlépe se vše naučíte praxí takže uděláme tabulku s možným rozvržením webu.

<table width=“900″ align=“center“>
<tr><td colspan=“2″><h1>Nadpis</h1></td></tr>
<tr><td width=“150″>Levé menu</td><td>Obsah webu…</td></tr>
<tr><td colspan=“2″>Patička webu</td></tr>
</table>