Včera som čítal v novinách, že tabuľky sú novým trendom, ktorý bude určovať smer vývoja stránok najbližších dvadsať rokov. Taká tam znela prognóza čierna na bielom, škoda, že len čiernobiela. A nepísali tam len oslavné ódy. Autor prispel aj svojou troškou vedomostí a napísal porovnania:
Tabuľky vs. FRAMES – rámy
Rámy, ktoré sa spredu uzatvárajú v HTML jazyku značkou <frameset> a ukončujú značkou </frameset> sú na klesajúcej tendencii. Ako každý iste viete, značka FRAMESET môže obsahovať atribút cols, ktorého hodnota udáva pomer šírok stĺpcov a atribút rows, ktorého hodnota udáva pomer výšok riadkov na stránke. No a samotné rámy, časti stránky, sú definované v elemente FRAMESET jednotlivými nepárovými značkami FRAME. Asi tatko:
<frame name="stlpik" src="menu.html">
<frame name="obsah" src="obsah.html">
</frameset>
Kto by dnes písal takéto webové stránky, ktoré ani nemajú riadne viditeľný obsah v zdrojovom kóde..? Pcheh, dovoľte mi zasmiať sa.
Nevýhodou takto postavenej stránky je, že vyhľadávače neindexujú hlavnú stranu, kde načítavame jednotlivé časti, ale len tie konkrétne časti. Preto vo výsledkoch vyhľadania klikneme dosť často na odkaz, ktorý obsahuje len text, ale žiadnu navigáciu, ktorá by nás stránkami preniesla.
Ešte šťastie, že nastupuje najnovší inovatívny prvok pri tvorbe rozvrhnutia, layoutu. To slovo je pre mňa tabu. Doteraz som ho nevyslovoval. Je krásne povedať: "nastupuje tabuľkový layout." Spojenie, ktoré sa stane modlou webových dizajnérov na najbližšie desaťročia. Myslím si, že nepríde žiadna metóda, ktorá tabuľky len tak ľahko vytlačí z ich pozície. Stanú sa zbraňou, ktorá dobije internet a webový dizajn. A potom ich už nič nevytlačí.
Je síce pravda, že tabuľky na rozvrhnutie stránok nie sú určené primárne. Ale čo na tom, keď ľudia si budú vedieť zobraziť web..? Veď najnovší Internet Explorer 4 a 5 je tak skvelý prehliadač, že tabuľky vie i zafarbovať. Jazyk HTML 4.01 je na to ako stvorený.
Vylúdiť sa dajú nádherné farebné stĺpčeky. Môžete použiť i obrázkové pozadia. A to len jednou krásnou značkou a kvantom atribútov v nej. Veď posúďte sami jednoduchosť takéhoto kódu, oproti rámom:
<thead>
<tr>
<td colspan="2" height="80" bgcolor="#46c0ff">
Hlavička tabuľky
</td>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="2" bgcolor="#46c0ff">
<li>Aké bude počasie v ČR:
<img src="http://www.meteopress.cz/web/fresh/sloupek1.png" width="64" height="100" border="0" align="texttop" suppress="TRUE">
<img src="http://www.meteopress.cz/web/fresh/sloupek2.png" width="64" height="100" border="0" align="texttop" suppress="TRUE">
<img src="http://www.meteopress.cz/web/fresh/sloupek3.png" width="64" height="100" border="0" align="texttop" suppress="TRUE">
<br><br>
<a href="http://pocasie.zoznam.sk"target="_blank">Počasie na Slovensku</a>
</li><br><br>
</td>
</tr>
</tfoot>
<tbody>
<tr>
<td rowspan="2" width="150" valign="top" bgcolor="#a7dffc">
<table cellpadding="1" rules="cols">
<tr>
<td><h4>Menu</h4></td>
</tr>
<tr>
<td width="150"><a href="pseudotr717.html">pseudotriedy</a></td>
</tr>
<tr>
<td width="150"><a href="tabulka18.html">tabulka18</a></td>
</tr>
<tr>
<td width="150"><a href="tabulka19.html">tabulka19</a></td>
</tr>
<tr>
<td width="150"><a href="tabulka20.html">tabulka20</a></td>
</tr>
<tr>
<td width="150"><a href="kurzor21.html">kurzor21</a></td>
</tr>
<tr>
<td width="150"><a href="farby22.html">farby22</a></td>
</tr>
<tr>
<td width="150"><a href="fonty23.html">fonty23</a></td>
</tr>
<tr></tr><br>
</table>
</td>
<td height="100%" bgcolor="#c0c0c0" valign="top">
<br>
</td>
</tr>
</tbody>
</table>
Webový dizajn sa robí pre radosť. Nikomu azda nebude vadiť, keď bude musieť hľadať ihlu v kope sena. Veď ho to baví, nie..? Hľadať nejaký text v množstve zbytočných značiek predsa nemôže byť pre skúsené oko problém. Čo na tom, že dokument je neprehľadný, hlavne, že užívateľ si ho zobrazí správne. Ja si tú námahu dám, aby som vždy upravoval sto riadkov. Nemusím znalostne napredovať, stačí, že budem vedieť pracovať s tabuľkami.
Chcem navigáciu, menu, preniesť z ľavej strany na pravú..? Nie je problém. Celú tabuľku trošku prerobím, možno urobím aj množstvo chýb, no tým sa aspoň naučím poriadne tie tabuľky. Hmm, sakra, ale to mi asi nebude stačiť Ctrl+C a Ctrl+V na presunutie toho menu. Bude to dosť veľký zásah do tabuľky. Musím prerobiť aj niektoré atribúty rowspan a colspan a ich hodnoty. Asi aj pozadie budem musieť rozmiestniť inak. Začnem celú stránku robiť odznova.
Čo..? Čo je to CSS..? Rozvrhnutie stránky sa bude dať urobiť pomocou toho vraj. Aj farby a obrázky nastavovať. A nebude treba na to tabuľky. Čo to je za blbosť..? Veď to sa musí rozpadať ten layout. Tabuľka je stabilná, pevná. Dvojstĺpcový layout, trojstĺpcový dokonca..? To sa nemôže dať. V tabuľke mi stačia tri stĺpce a mám to. A nemusím sa zapodievať s ničím iným.
Heeeej..? To sa dajú nastavovať aj vlastnosti tabuľky v tom..? To si pozriem. Ukáž, kde je to, to CCS, či ako sa to píše..? A tak vznikli dnešné dokonalé tabuľky, teda skoro weby, nastavené pomocou CSS.
Všetko, čo som v článku napísal, je vymyslené. No jedno je fakt. Doba sa mení a s ňou je dobré prestať myslieť spiatočnícky, držať sa trendov a štandardov. A dnešným trendom je CSS. Nedá sa nič robiť, musíme to akceptovať.