tabulky
po dlhšej pauze
Takže sa vám opäť hlásime so seriálom "história webdesignu" po dlhšej pauze zapríčinenej určitými definovateľnými i nedefinovateľnými faktormi.
obdobie rokov 1999-2001
Dnes sa pozrieme na toto špecifické obdobie a budeme analyzovať štruktúry webov.
tabuľky
Hneď na prvom webe z roku približne 1999 je vidieť, že tabuľky sú veľmi využívané, hlavne na "naštýľovanie" menu(navigácie).
Samozrejme aj celý layout webu je položený v tabuľke. Ešte vidno nejednotnosť v písaný html kódu a kaskádových štýľov. Keďže
skoro každý písal štýľy priamo do kódu, aj keď tendencia "vyhodiť" ich externe bola stále silnejšia.
<style type="text/css">
<!--
A {text-decoration:none}
A:hover {text-decoration:underline}
H3 {color:#ff9900; font-weight:bold}
BODY,TABLE {font-size: x-small; font-family: "Arial CE", Arial, Helvetica, sans-serif}
-->
</style>
Aj keď toto ešte nebolo priamo externe, ale už bola snaha oddeliť to od samotného html kódu. Na príklade nižšie si ale ukážeme, že to bola len troška vody na mlyn.
a tu je kód menu
<tr>
<td valign="top" bgcolor="#808080" width="150">
<a href="default.htm" title="O co se jedná"><b>Úvod</b></a>
<hr>
<a href="novinky.htm" title="Novinky na těchto stránkách, možnost zasílání emailem">Novinky</a>
<hr>
Seznam serverů:<br>
<a href="surf.htm" title="Servery platící za surfování">Surfování</a><br>
<a href="emaily.htm" title="Servery platící za čtení reklamních e-mailů">Příjmání e-mailů</a><br>
<a href="jine.htm" title="Servery platící za jiné věci">Jiné</a><br>
-----------<br>
<a href="top.htm" title="10 nejlepších společností">TOP 10</a><br>
<a href="seznam.htm" title="Seznam všech společností, které zde můžete najít">Seznam</a><hr>
<a href="slovnik.htm" title="Překlad a vysvětlení pojmů používaných při registraci">Slovníček pojmů</a><hr>
<a href="programy.htm" title="Programy simulující surfování za Vás">Triky a podvody</a><hr>
<a href="kalkul.htm" title="Spočítejte si, kolik si můžete surfováním vydělat">Kalkulačka</a><hr>
<a href="inetcash.zip" title="Komprimovaná verze těchto stránek">Stáhnout stránky</a><hr>
<a href="mailform.htm" title="Chcete se na něco zeptat, nebo máte připomínky k mým stránkám?">Kontakt</a><br><br>
</td>
Sami vidíte, že je to neprehľadné a chaotické. Pokiaľ by ste chceli zmeniť jednu položku v menu, hľadali by ste to značne
dlho.
Ďalšia zaujímavá vec je, ako boli riešené jednotlivé strany tohto webu. Keď kliknete na odkaz v menu, pekne sa síce zvírazní,
ale len preto, že každý odkaz má vlastnú identickú stranu, len má iný obsah a na každej tejto strane je položka v menu
urobená asi takto:
<b>polozka menu</b>
Osobne si neviem predstaviť písanie takého kódu:-) Uf, to dá zabrať. Klobúk dolu pred tými ľuďmi. Na druhej strane sa ale takýmto spôsobom spomaľovali v celkovej tvorbe webov.
Nasledujúca ukážka z roku 1999 je podobná(kódom) tej predchádzajúcej:
Taktiež i táto z roku 2000:
Takýchto webov sa navyrábalo ešte aj v roku 2001 a okolo tohto roku veľmi mnoho. Preto tu nebudem každý vypisovať jednotlivo, pretože by to bolo nie moc príjemné.
frames - rámyAzda najväčšie špecifikum tohto obdobia sú(boli) rámy, alebo aj frames. Boli postavené na to, aby sme sa zbavili už vyššie spomínaného problému písania každej strany úplne rovnako. Prišlo statické menu, písali sme len obsah main(hlavného) framu a cez menu sme sa naň odkazovali v tomto main(hlavnom) frame. Vy, ktorí neviete, o čom hovorím, môžete v kľude na to zabudnúť, pretože dnes je to staré, nepoužívané a nevhodné. Prečo? Pretože vyhľadávače ako google, indexujú jednotlivé strany a nie celý web. Ale o tom je iná téma.
Kód indexu vyzeral asi(približne) takto:
<HTML>
<HEAD>
<TITLE>DŽOB-centrum..</TITLE>
</HEAD>
<FRAMESET FRAMESPACING="0" cols="160,*,160" BORDER="0" FRAMEBORDER="0">
<FRAME NAME="contents" TARGET="main" SRC="f_left.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="no">
<FRAME NAME="main" SRC="00.php" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="auto" TARGET="_self">
<FRAME NAME="main1" SRC="f_right.htm" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="no" TARGET="_self">
<NOFRAMES>
<BODY TOPMARGIN="0" LEFTMARGIN="0">
</BODY>
</NOFRAMES>
</FRAMESET>
</HTML>
Menšia ukážka:
Veľmi často sa používala aj kombinácia rámov s tabuľkovým layoutom jednotlivých častí, ako menu, alebo aj samotného obsahu. Dnes by už taký web neobstál, pretože by bol prakticky nepoužiteľný jednak z hľadiska viditeľnosti, jednak z hľadiska funkčnosti("pomalé" načítanie) i z hľadiska voľnosti v dizajne celej prezentácie.
slovom na záver tejto časti
V predposlednej časti seriálu sa zoznámime z dnešnými trendami webdizajnu. Zamyslíme sa nad tým, prečo a ako sa vyrábajú dnešné, moderné web-stránky. Tešíme sa na vás opäť na budúce.
Autor: pjotr, admin
2024 ©