Pryč s tabulkovým layoutem!

STOP tabulkovým layoutům. Používáme přímé spojení s CSS! V současné době pořád existují stránky s tabulkovým layoutem. Všiml jsem si, že i některé šablony jsou nabízeny ve dvojích typech a to právě pro tabulkové layouty a jedny v klasických CSS. Ovšem dost dobře to nechápu, jelikož i tyto šablony jsou spojovány s CSS. Ovšem dnes je IN používat přímé spojení s kaskádovými styly a to přes soubor .css - Troufám si říci, že většina z Vás používá přímé spojení. Záměrem tohoto článku je však donutit i zbytek kóderů, aby přešli k validní a moderní tvorbě layoutů. Co je to vlastně tabulkový layout? Tabulkový layout je psaný zdrojový kód, který místo pozicování určujeme pomocí tabulek a to ve všech rozměrech jako je např.: menu, header,footer,content. Ovšem mnoho specialistů, ale i zdárně pokročilých kóderů má problém se v tomto kódu orientovat. Čistota tohoto kódu je na velmi nízké úrovni, přesto existují výjimky, kde se bez tabulkového layoutu neobejdeme. Jaké je jiné řešení? Řešení je jednoduché, nebudu zde rozepisovat jak k němu dojít již v samotném kódu. Moderním a především validní zpracováním stránek je použití kaskádových stylů, které inkludujeme do stránek pomocí příkazu v hlavičce. Toto řešení nejen, že ušetří několik desítek a možná i stovek řádků tagů, které lze v souboru.css definovat krásně a přehledně. Další obrovskou výhodou psaní je nesmírně důležitá přehlednost a validnost stránek, která odkazuje na kvalitu zdrojového kódu a kóderské schopnosti autora stránek. Jak zjistím validnost stránek? Možností je opět celá řada, ovšem já silně doporučuji si ověřovat validnost přes validátor stránek, který naleznete např. zde: http://validator.w3.org/ nebo na nějakým z českých portálů jako je lupa.cz Shrnutí článku -> přestaňte používat tabulkový layout pro jeho nepřehlednost, nevalidnost a různé zobrazování v prohlížečích -> nasaďte jiný typ - použitím zapojení kaskádových stylů a udělejte si vlastní stránky přehledné, validní a na profesionální úrovni Nemáte zkušenosti s netabulkovými layouty? Na internetu si můžete o použití a zapojení kaskádových stylů přečíst různé odborné a kvalitní články, osobně doporučuji již prověřený portál www.jakpsatweb.cz nebo www.linuxsoft.cz, kde naleznete přímo seriál, kde se s CSS zabývají. Určitě nejlepším řešení je nějaká odborná literatura na téma CSS.

Člověče ty jsi si udělal normálně z webtrhu svůj osobní blog :D Jinak na MFA klidně používám tabulky, ale na velký projekty ani náhodou.

Toto téma nese název Trendy a události. :-)

Niekto tu zacal pridavat normalne prispevky s informacnou hodnotou. Parada... PS: Ak by si mal zaujem pisat dobre texty pre moj web tak ma prosim ta kontaktuj. dik

Nechci tu nějak shazovat článek, ale o tomhle už asi každý ví. Co takhle nějaké nové nebo málo známé myšlenky a kocepty? Napadá mě spousta věcí o kterých by se tu dalo zajímavě psát, možná si taky zkusím udělat čas.

Tak tomu říkám kvalita, tohle měl už dávno někdo napsat, ačkoliv to pro týpky vco v tom dělaj je samozřejmost. Skoro bych ti dal nabídku jestli enchceš psát pro mů připravovaný web o stránkách, programování atd.

Mě v tomto příspěvku nejde o nic jiného než o informační hodnoty. Jinak, vždy si musíte uvědomit fakt, že to co je pro vás samozřejmostí - může být pro jiné novinkou. Připravuji již další takovýto příspěvek v sekci programování PHP...

On ještě dnes někdo dělá s tabulkama? Vždyť to má samé nevýhody a ještě k tomu je to složitější. Já osobně jsem tabulkové nikdy nedělal, přešel jsem z rámců by word/frontpage rovnou na CSS :D

Napsal McQuack;392592

On ještě dnes někdo dělá s tabulkama? Vždyť to má samé nevýhody a ještě k tomu je to složitější. Já osobně jsem tabulkové nikdy nedělal, přešel jsem z rámců by word/frontpage rovnou na CSS :D

Nevěřil bys, ale začínají se dělat i programy, které automaticky nařežou PSD vzhled na tabulkový layout. Šablony se uvádí například na clanwebtemplates.com také v tabulkových layoutech. Pořád to nezaniklo.

Nechci kritizovat, ale bylo by od věci uvést informace ve své úplnosti... podle mě: "Řešení je jednoduché, nebudu zde rozepisovat jak k němu dojít již v samotném kódu. Moderním a především validní zpracováním stránek je použití kaskádových stylů, které inkludujeme do stránek pomocí příkazu v hlavičce. Toto řešení nejen, že ušetří několik desítek a možná i stovek řádků tagů, které lze v souboru.css definovat krásně a přehledně. Další obrovskou výhodou psaní je nesmírně důležitá přehlednost a validnost stránek, která odkazuje na kvalitu zdrojového kódu a kóderské schopnosti autora stránek." je neskutečně vágní formulace a ani ostatní nejsou moc úžasné, protože 1) design založený na tabulce s inkludovaným CSS je pořád tabulkový design 2) to, že se inkludují CSS neimplikuje automaticky přehlednost a validitu 3) tabulka není validní HTML konstrukce? 4) že se validní web zobrazuje ve všech prohlížečích stejně je naprostý blábol 5) souvisí se 4), i tabulkový design se může zobrazovat správně a nijak to nesouvisí s validitou Tvoje iniciativa je rozhodně chvályhodná, ale když chceš někoho poučit, měl bys mít o daném tématu větší znalosti. Stačilo se třeba najít nějakou semi-oficiální definici.---------- Doplňující příspěvek odeslán v 23:20 ----------

Napsal MilanKubik;392591

Mě v tomto příspěvku nejde o nic jiného než o informační hodnoty.

Právě proto bys měl mít formulace skutečně vymyšlené do puntíku, ale nevznikali dvojsmysly a nejasnosti.

Napsal vaclav.hodek;392599

Nechci kritizovat, ale bylo by od věci uvést informace ve své úplnosti... podle mě:

Nedávám si za úkol zde opsat učebnici a přesnou definici toho, jak se věci mají, ale snažím se sdílet můj náhled na věc, který lidi bude zajímat více jak doslovné znění pravidla.

No jak myslíš... mě to je v podstatě jednoho a narazil jsem na tenhle post náhodou, ale rozhodně bych se pak neoháněl nějakou informační hodnotou ;). A ještě mi teďka v hlavě vystává jedna taková otázka? Co je špatného na tabulkovém designu? Pokud daná stránka funguje dobře a správně se mi zobrazí, tak mě jako návštěvníka nezajímá jestli je validní nebo nevalidní, jestli používá tabulky nebo je to celé jeden velký obrázek. Myslím, že tohle a podobné přístupy jsou jenom honění ega programátorů, kteří se předhánění v tom, kdo je modernější ač to nijak neovlivňuje hodnotu výsledku.

Když bude mít web kvalitní obsah, tak může mít klíďo rámce a uživateli to bude pumpička. Takže v klidu. :)

Napsal vaclav.hodek;392605

Co je špatného na tabulkovém designu?

Presne tak. Tento hype som zaznamenal niekedy 2001-2003. Dnes su tabulky proste "nemoderne" a kto ich pouziva zhori v pekle. Dokonca to zaslo az tak daleko, ze aj tam kde maju tabulky svoje opodstatnenie a kde proste patria sa pouzivaju vsade divy. Takze dalsi clanok na temu "tables are bad, mkay" je pre mna len dalsi zbytocne zabity cas.

Minimálně se mi povedlo tímto článkem rozpoutat diskusi :)