luzer.sk

Tento článok Vám ukáže, ako jednoducho vytvoriť peknú stránku bez použitia framov, a tiež zapojíme PHP.

Vo všeobecnosti existujú 3 druhy layoutov. Layout je vlastne rozloženie stránky. Framy(rámce), Tabuľky, CSS. Keďže ste pravdepodobne luzer, stránky robíte cez framy. No hlavné nevýhody framov sú jasné: astaralé, nepatria k štandardom. Preto je načase zvážiť či nechcete vyskúšať niečo nové.

Tak najskôr si vyskúšame layout pomocou tabuliek. Je to pre Vás rozhodne jednoduchšie, je to aj dosť používané, ale nedá sa povedať, že by sa to považovalo za profesionálne. Ja napríklad robím layouty stále iba cez CSS. Ale pre Vás je to celkom vhodne. Neskôr sa možno naučíte aj niečo o CSS, ale na začiatok vyskúšame tabuľky..

Takže ak sa chcete do toho pustiť, dobré by bolo poznať html, pretože kódy tu písať nebudem, budem písať iba čo treba urobiť.

Poznámka: tabuľka bude mať širku 760 px, aby vyzerala dobre aj na menšom, aj na väčšom rozlíšení. Na záver si ju ešte vycentrujeme do stredu pomocou CSS.

Ako bude vyzerať Váš layout: hlavička, potom 2 stĺpce, jeden menu, druhý hlavná stránka a pätička. Takže si vytvoríme novú tabuľku o šírke 760 px, a výške 100%. Vložíme riadok(tr) a doňho bunku(td). K bunke pridajte parameter COLSPAN=2. Prečo? Lebo chceme aby táto jedna bunka v tomto riadku nahradila 2 bunky. Vysvetlím Vám to bližšie. Normálne by v každom riadku mali byť 2 bunky, ale my to tak chceme iba v strednom riadku, preto tu pridáme parameter COLSPAN, ktorý hovorí, že táto jedna bunka sa ma tváriť ako viac spojených buniek. Ak poznáte excel, aj tam je funkcia zlúčiť bunky. Táto horná bunka bude mať šírku 760 (px - ale to tam nepíšte).

Teraz ďalej: v druhom riadku vytvoríme 2 bunky, tá ktorá je menu dostane pevnú veľkosť, tá ostatná bude zvyšok, čiže *.

Posledný riadok bude mať šírku 760, a výšku akú chcete, napríklad 50.

Tým pádom je layout hotový, a ideme na PHP:
Do bunky, kde je obsah, vložíme značky : <? ?> - do nich budeme písať PHP kód.
Prvé čo od nášho PHPčka chceme aby prečítal údaj z url adresy.. Ten údaj vyzerá asi takto: .../index.php?load=about
load je názov premennej a about je obsah. Takýmto spôsobom budeme aj tvoriť odkazy. Teraz však späť k PHPčku.

v php, vsetko co je za //je komentar, takze ho php nespracuvava. ak vsak enterom prejdete do noveho riadku, potom sa to uz spracuvava.
co sme prave urobili: vlozili do premennej $stranka
hodnotu z url adresy pod premennou load.
ak je premenna prazdne, cize ak nie je definovana, tak nech sa natiahne nejaka predvolena stranka v tomto pripade stranka home.. ak vam
chybaju pripony, tie sa pridaju na hned.
prave sme pridali priponu .php. cize v adrese bude nazov bez pripony,
ktora sa bude automaticky pridavat. je to aj koli bezpecnosti.
ak subor neexistuje nacita sa stranka 404.php, musite ju mat vytvorenu a date tam nejaku chybovu hlasku
a teraz konecne najdolezitejsia cast, nacitanie stranky ulozenej v premennej
Ako vidíte, nie je to nič zložité.
Teraz si ukážeme ako tvoriť odkazy. Máte napríklad stránku kontakt.php. Keďže prípona sa pridáva automaticky, môžete ju odtrhnúť. Máte kontakt. Teraz vytvoríme odkaz nasledovným spôsobom ...href="index.php?load=kontakt"... Takže je to dúfam jasné. Index.php musí byť stránka s layoutom, ktorá obsahuje ten kód. Ak sa stránka volá index.php, môžete si to zjednodušiť takto: ...href="?load=kontakt"...

Takže to je zatiaľ všetko, prajem veľa riadkov kódu!

pozn. redakcie: komentare v priklade boli vynate z kodu, lebo rozbijali template stranky.