Základní návrh stránky
Pro pochopení CSS si zobrazte komentovaný zdroj.
Základní kostra HTML
<body>
<div id=vse>
<div id=hlavicka>…</div>
<menu>…</menu>
<div id=obsah>…</div>
<div id=paticka>…</div>
</div>
</body>
Použité obrázky
- knoflik.gif – v hlavičce jako logo
- knoflikm.gif – dole v obsahu jako dekorace
- knoflicek.gif – jako odrážka v menu
- knoflicekm.gif – jako odrážka v menu pod myší
- sloupecek.gif – jako pozadí v #vse simulující rámeček kolem nestejně dlouhých menu a #obsah
Vykreslovací režim
Stránka je napsána tak, aby byl v prohlížeči použit tzv. standardní režim vykreslování. Můžete si však tuto stránku prohlédnout i upravenou pro zpětně kompatibilní režim (quirk).
Obrázek loga
Obrázek loga je řešen klasickým obrázkem <IMG>, protože logo na většině stránek nese informaci (není jen grafickým doplňkem). V některých případech je vhodné, aby bylo klikatelné a odkaz vedl na hlavní stránku.
Toto je patička
Trejpa 2013