HTML - UKŁAD STRONY
Pierwsze co zwykle przychodzi nam do głowy, to jak to wszystko "poukładać" na stronie - gdzie umieścimy logo a gdzie treść i odsyłacze do strony?
HTML pozwala to wykonać za pomocą tabeli, poniżej przykład dwukolumnowego podziału strony:
<source lang="html4strict">
<table width="100%" cellspacing="0" cellpadding="10">
<tr>
<td bgcolor="kolor góra" colspan="2" align="center" valign="middle">Tutaj można umieścić logo serwisu</td>
</tr>
<tr>
<td bgcolor="kolor menu" width="Tutaj wpisz szerokość menu (np.: 150)" valign="top">
Tu umieszcza się odsyłacze spisu treści
</td>
<td bgcolor="kolor strony" valign="top">
Tu wpisuje się treść strony
</td>
</tr>
</table>
</source>
Strona z pozoru będzie wyglądać dobrze, jednak nie jest to dobry sposób tworzenia układu strony - tabele już od dawna nie są tworzone do robienia układu strony, przez to często będziemy natrafiać na problemy ("rozsypka" w przeglądarkach). Robiło się je mniej więcej 10 lat temu, kiedy to był jedyny sposób na "organizację" treści na stronie. Dlatego w naszym poradniku skupimy się na nauce używania bloku <code><div></code> z współpracą [[CSS]].
Tak prawidłowo wygląda układ strony na blokach:
This site is not affiliated with or endorsed in any way by the Wikimedia Foundation or any of its affiliates. In fact, we fucking despise them.
|
