Zadejte hledaný výraz...

Pryč s tabulkovým layoutem!

WEBNIA s.r.o.
verified
rating uzivatele
(41 hodnocení)
7. 11. 2009 22:36:38
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.
7. 11. 2009 22:36:38
https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/#reply400244
David Kácha
verified
rating uzivatele
(39 hodnocení)
7. 11. 2009 22:39:04
Č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.
7. 11. 2009 22:39:04
https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/#reply400243
WEBNIA s.r.o.
verified
rating uzivatele
(41 hodnocení)
7. 11. 2009 22:42:39
Toto téma nese název Trendy a události. :-)
7. 11. 2009 22:42:39
https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/#reply400242
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
7. 11. 2009 23:02:02
https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/#reply400241
ameeck
verified
rating uzivatele
(8 hodnocení)
7. 11. 2009 23:10:31
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.
7. 11. 2009 23:10:31
https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/#reply400240
Pavel Janků
verified
rating uzivatele
(17 hodnocení)
7. 11. 2009 23:11:01
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.
7. 11. 2009 23:11:01
https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/#reply400239
WEBNIA s.r.o.
verified
rating uzivatele
(41 hodnocení)
7. 11. 2009 23:14:33
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...
7. 11. 2009 23:14:33
https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/#reply400238
McQuack
verified
rating uzivatele
(65 hodnocení)
7. 11. 2009 23:14:50
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
7. 11. 2009 23:14:50
https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/#reply400237
WEBNIA s.r.o.
verified
rating uzivatele
(41 hodnocení)
7. 11. 2009 23:18:17
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.
7. 11. 2009 23:18:17
https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/#reply400236
Václav Hodek
verified
rating uzivatele
(9 hodnocení)
7. 11. 2009 23:19:19
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.
7. 11. 2009 23:19:19
https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/#reply400235
WEBNIA s.r.o.
verified
rating uzivatele
(41 hodnocení)
7. 11. 2009 23:22:07
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.
7. 11. 2009 23:22:07
https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/#reply400234
Václav Hodek
verified
rating uzivatele
(9 hodnocení)
7. 11. 2009 23:27:51
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.
7. 11. 2009 23:27:51
https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/#reply400233
onsad
verified
rating uzivatele
(11 hodnocení)
7. 11. 2009 23:33:01
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. :)
7. 11. 2009 23:33:01
https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/#reply400232
node
verified
rating uzivatele
(5 hodnocení)
7. 11. 2009 23:41:38
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.
7. 11. 2009 23:41:38
https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/#reply400231
WEBNIA s.r.o.
verified
rating uzivatele
(41 hodnocení)
7. 11. 2009 23:47:52
Minimálně se mi povedlo tímto článkem rozpoutat diskusi :)
7. 11. 2009 23:47:52
https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/#reply400230
Pro odpověď se přihlašte.
Přihlásit