25. 1. 2006 v sekci webdesign:

Je tabulka jednodušší?

Včera jsem vedl rozhovor s jedním začínajícím webmasterem. Vytváří layouty v tabulkách, protože mu kaskádové styly připadají příliš složité. to znamena postupovat czdycky podle uz overene sablony me jsem ted problem s taabulkami ze jasem je tam nacpal do layoutu neze bych je mel strasne rad ale potrebocal jsme je kuli grafice v css je to mnohem slozitejsi Layout […]

Včera jsem vedl rozhovor s jedním začínajícím webmasterem. Vytváří layouty v tabulkách, protože mu kaskádové styly připadají příliš složité.

to znamena postupovat czdycky podle uz overene sablony me jsem ted problem s taabulkami ze jasem je tam nacpal do layoutu neze bych je mel strasne rad ale potrebocal jsme je kuli grafice v css je to mnohem slozitejsi

Layout tvořený pomocí kaskádových stylů se může zdát do začátku o něco komplikovanější.. použité HTML je sice ve většině případů jednodušší, ale pak jsou tam ještě ty mršky styly.

Beztabulkových layoutů je spousta

Pokud se chce stát člověk webmasterem/webdesignerem či koderem, tak by dnes již neměl začínat od tabulky. Není to potřeba, protože je na internetu obroské množství různých jednoduchých návodů a především předpřipravených layoutů, které může použít místo tabulek, rámců či jakékoliv jiné prasárny. Pro začátek doporučuji browsnout na jakpsatweb a Skutečné výhody CSS layoutu.

Je libo čeština?

Jestliže neumíte anglicky, použijte do začátku pixyho sqělý Dvousloupcový beztabulkový layout, který simuluje dva stejně dlouhé sloupce a dá se použít jako základ pro tvorbu složitějších vícesloupcových layoutů.

Pro anglicky mluvící populaci uvádím ještě pár odkazů na další layouty, které můžete použít na svých webech.

Komentáře

25. 01. 06, 10.13

Heleť já vidím problém v tom, že vzhled a chování posazené na významový základ je přecijen věcí nějaké logické kompozice a vůbec, prostě nějakého lidského uvažování.

Kdežto automagická řezačka čtverečků jde udělat i strojově.

Krom toho tady máš nějaký základní bod znalostí, do kterého je práce s CSS jen experimentováním/utrpením. Však i Ty při své rutinní znalosti narazíš čas od času na nelogické nesmysly v renderování. Narozdíl od začátečníka ale dokážeš analyticky odvodit problém či opravu důsledku a provést ji.

Bez praktických zkušeností a zažitých postupů to ale lehce nejde.

25. 01. 06, 11.02

No jestli chce být jednou webdesignérem, tak to už by měl pomalu zapomenout na tabulky a začít všechno dělat beztabulkově – čím dříve se tím peklem na začátku prokouše, tím lépe. Není to nic příjemného ani jednoduchého (mám na mysli hlavně všechny ty chyby a odlišnosti prohlížeče MSIE, jako pekaboo, 3px bug, špatné vykreslování textu, pozadí, okrajů, špatné šířky atd.) – ale myslím, že teď už je vše docela dobře zdokumentováno (viz například odkazy v mém odkazovníku: http://petr.vaclavek.com/odkazy.php#44)

Pokud dotyčný zůstane u tabulek, tak z něj dobrý webdesignér nikdy nebude. A myslím, že zvládnout tvořit beztabulkově je otázka několika dní až měsíců (záleží jak moc intenzivně se tomu bude věnovat).

3. Roman Pištěk
25. 01. 06, 11.04

[1] Souhlas, ovšem proč nepojmout začátky webdesignu a kodeřiny formou nauky právě tohoto logického uvažování? Přijde mi to jako mnohem lepší investice, než-li zabřednutí do tabulek a následné dlouhodobé odvykání špatným návykům :-)

25. 01. 06, 14.09

Bez praktických zkušeností a zažitých postupů to ale lehce nejde.

Naprosty souhlas, me prijde ze prikladove 2-3 sloupcove layouty jsou celkem na houby. Sice je to reseni dobre, ale clovek se nic nenauci, idealni je, kdyz ma zacatecnik po ruce nekoho znaleho, koho muze zadarmo otravat. To se pak studuje jinak :-)

Sam kdyz jsem se pokousel nekoho naucit zaklady xhtml a css, tak velky problem vubec byl, aby dany clovek dokazal pochopit rozdily syntaxe obou jazyku. Nevim jetsli je to tak tezke nebo jsou lide natvrdli a lini :-) A takto to je v mnoha pripadech, radeji si usnadnuji praci nez aby zapojily mozkove zavity.

25. 01. 06, 14.31

[4] dokážeš si představit, že Ti pár takových denně píše? Já ano..

25. 01. 06, 15.49

Já taky :) V takovém případě jim můžou pomoci také skvělé diskuze jako například http://diskuse.jakpsatweb.cz/

25. 01. 06, 16.40

[5] Ja si to dokazu predstavit, mam i samozrejme zkusenost, „ale ja mam praci a nemam cas“ :-) Sam mi pomohl jeden kolega bez ktereho bych byl o dost zpet.

25. 01. 06, 17.40

Já onehdá přepisoval svůj tabulkový layout z dřívějších časů, když jsem ještě css považoval ze upravovač písma a pozadí.

Tloukl jsem se do hlavy, že jsem mohl něco tak odporného napsat. Takových zbyatečných značek a balastu. Bléé

Přechod na xhtml+css je obtížný (ze začátku jsem řval po bytě „zlatý tabulky“ Pak už sem řval jen „zasr*ný MSIE“ a teď už neřvu vůbec. Chce to znát bugy a fligny, chyby a pak už se toho do smrti nezbavíš.

Chce to jen pohopit účel html a css.

25. 01. 06, 17.42

btw, pro začátek si doporučuji přečíst články „Řežba webu“, tady na Filově blogu…

10. Bohdan
27. 01. 06, 20.56

CSS nabízí lepší možnosti rozvržení stránky než srovnat všechno do mřížky, ale když už člověk musí dělat čtverec podélně rozpůlený na dvě různobarvé části, tak mi přijde jako nesmysl to dělat pomocí obrázku na pozadí.
Když se v html nechá jen nezbytná kostra tabulky, tak kód není zas tak nepřehledný. Vlastně přehlednější než css plné bizardních hacků, nemluvě o zdvojených divech v html, což také není žádná krása.
Kdyby css mělo lepší podporu v prohlížečích (kdyby např. šlo používat display:table-cell), byla by úplně jiná situace. Takhle ale nevidím velký důvod proč u tak jednoduchých layoutů (stále ten podélně rozdělený čtverec) používat floaty a margin, vlastnosti které jsou určené k něčemu úplně jinému než aby něco uspořádali do mřížky.
Je jasné že tabulky by se měli používat na tabulková data a ne na rozdělení na menu a zbytek, ale když se člověk podívá co se nabízí za alternativy tak mám pocit že ne vždy jsou tabulky tak špatné. Jen škoda že v nich nejde dělat beztabulkový layuot.