Difference between revisions 184539 and 184582 on plwikibooks

< previous diff
next diff >
Wikipedysta:Kompowiec2/Brudnopis2
HTML - UKŁAD STRONY

{{uwaga|Dział może być znacząco przestarzały}}⏎
⏎
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>

CałośćStrona z pozoru będzie wyglądać mniej więcej tak: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:⏎
⏎


__________

WSTĘP WEBMASTERING

Żadna dziedzina z kategorii programowania, nie jest teraz tak łatwa do utworzenia, jak dziś. Teraz każdy może założyć swoją stronę - klubu, zbioru pewnej społeczności (np. forum), i to w ciągu kilku minut.

(contracted; show full)

Taki program ułatwia wypełnianie znaczników, często też posiadają szice formularzy itd. jednak ich zgodność nie jest regułą.

Kilka programów dostępnych pod różne platformy:

* [[Microsoft Windows NT|Windows]] - [http://www.dobreprogramy.pl/kED,Program,Windows,11810.html kED] (nierozwijany)
* [[Linux]] - [http://linux.softpedia.com/get/Text-Editing-Processing/Markup/Bluefish-212.shtml Bluefish]
* [[Mac OS]] - [http://www.silvermac.com/2007/wysiwyg-web-editors-for-mac-os-x/ SilverMac]