-->
Čtvrtek 18. 3. 2004 (11:06)
Počítače, internet, IT
Webdesign 6: Noční můra jménem beztabulkový layout
Beztabulkový layout chápu jako nejlepší způsob vytvoření logického členění webu a oddělení navigačně-informačních prvků od samotného obsahu. S CSS jdou dělat divy, to jistě uzná i analfabet. Osobně jsem výhody beztabulkového layoutu poznal teprve nedávno - někdy v loňském listopadu. Přešel jsem na něj rovnou z rámů a úplně jsem vynechal tabulkový layout. Něco jako když v Rusku na začátku 20. století přešli z monarchie rovnou na socialismus a přeskočili kapitalismus. Ale zpět k beztabulkovému layoutu a tomu, proč je pro mě noční můrou. Všichni víme, že různé prohlížeče přistupují ke špatně napsaným stránkám velice různě a že zobrazení v Mozille může být úplně jiné než v Opeře nebo IE a o Konqueroru či Safari ani nemluvě. Právě u beztabulkového layoutu jsem tento fakt nejvíce pocítil. Když chci jen pomocí CSS a DIVů (oddílů) vykouzlit cosi, co lze relativně dobře realizovat jen přes tabulkový layout, většinou tvrdě narazím. Jednoznačně je lepší nejprve optimalizovat pro Mozillu a Operu, které se snaží dodržovat standardy a specifikace a pak teprve zdroják ladit v IE. Nechce se mi ale IE odsunout na druhou kolej, protože je pořád nejpoužívanější a přijde mi z hlediska masové použitelnosti stránek nejrozumnější udělat to přesně opačně - tedy odsunout Operu a Mozillu a nejdříve ladit pod IE. Ale já to nedělám ani tak, ani onak. Ladím a optimalizuje hned pro všechny tři zmiňované prohlížeče, přičemž u Opery a Mozilly snesu 90% funkčnost stránek, ale u IE to (opět připomínám z hlediska jeho masového rozšíření) musí být 100%. Jediný způsob, který mě napadl, je vykašlat se na striktní CSS/DIV layout (beztabulkový layout) a použít kombinaci s tabulkami. Třeba na mých hlavních domovských stránkách s přiznačným názvem Macich.NET mám rozvržení stránek uděláno napevno pro rozlišení 800x600 (udělat napříč prohlížeči funkční gumové stránky CSS/DIV layoutem je pro mě nemožné) a levý sloupek mám řešený tabulkou, resp. do napozicovaného DIVu vkládá JavaScript tabulku s odkazy, anketou, bannery, diskuzí atd ...Chci jen říci, že fakt, že někdo nepoužívá striktní CSS/DIV layout, ještě neznamená, že jej nebere z hlediska přístupnosti jako nejlepší řešení, ale že si s ním třeba prostě neví rady. Třeba pro mě udělat pomocí beztabulkového layoutu strohý dvousloupcový design s hlavičkou není moc velký problém (gumový i přibitý), ale když si chci trošku pohrát se vzhledem (tři sloupce, tabulka, patička) a zároveň web schůdně zfunkčnit pod IE, Mozillou i Operou, tak problémy nastávají okamžitě. I proto bych ocenil, kdyby vyšla nějaká knížka či jen nějaký seriál návodů někde na webu, který se bude CSS/DIV layoutem zabývat do hloubky a ne jej jen obecně naťuknout s odkazem na lekce CSS, protože člověk učící se za pochodu (jako já) nemá šanci pak nikdy udělat layout pořádně ...
Dodatek (11:51): Nezavrhuji ani rámy ani tabulky (na layoutu) a uznávám, že se pro některé účely hodí.
Dodatek (20.3.2004 v 3:34): Miroslav Navrátil sepsal spot do svého blogu reagující na spot v mém blogu :-) Adresa je http://kanevinternetu.blacksuns.net/weblog/2004-03.php#1079729316.
SLEDOVAT ZMĚNY | VYTISKNOUT | Podělte se o odkaz na linkuj.cz nebo del.icio.us
Stálý odkaz (permalink): Stálá adresa tohoto zápisku je http://blog.macich.net/1079607960-webdesign-6-nocni-mura-jmenem-beztabulkovy-layout.html (pro IE: vložit do schránky | přidat k oblíbeným). Chcete-li na zápisek odkázat, použijte ji.
Další zápisky: Následujícím zápiskem je spot Velký jarní úklid Předešlým zápiskem je spot Prostě jen dobrý pocit ... Další pak naleznete při navigaci z hlavní stránky. Můžete se také podívat na seznam všech zápisků.
Aktuální místo vašeho pobytu: Macich.NET » Blog počítačového nadšence » Počítače, internet, IT » Webdesign 6: Noční můra jménem beztabulkový layout
