Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Tableless dizajn, zašto?

[es] :: Web dizajn i CSS :: Tableless dizajn, zašto?

[ Pregleda: 4485 | Odgovora: 7 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

theH

Član broj: 102161
Poruke: 51
*.adsl-1.sezampro.yu.



+2 Profil

icon Tableless dizajn, zašto?08.12.2007. u 09:13 - pre 199 meseci
Sve češće primećujem da se traže dizajneri koji znaju da naprave CSS tabeless stranice a ES je pun postova o tome kako neki browseri tada prave probleme sa prikazivanjem. Pa zašto se onda sve češće insistira na tabeless dizajnu?
 
Odgovor na temu

mb_sa

Član broj: 50529
Poruke: 172
*.PPPoE-768.sa.bih.net.ba.



Profil

icon Re: Tableless dizajn, zašto?08.12.2007. u 10:16 - pre 199 meseci
1. Tabele nisu namjenjene za pozicioniranje i strukturu elemenata, vec za prikaz tabelarnih podataka
2. Staranice bazirane na div-ovima i CSS-P imaju kraci, pregledniji kod, što u konacnici znaci da stranice imaju manje Kb (30% - 50 % su manje u odnosu na stranice sa tabelama - ako se zna sta se radi), da se brže učitavaju i da štede bandwith (podogovo na jako posjećenim sajtovima)
3. Sa obzirom da je kod pregledniji (jos ako se (X)HTML i CSS napisu po W3C standardu) moze imati i učinka za SEO
4. ako je sve u jednom eksternom css fajlu, sve je to lakše održavati
5. bolji i ispravniji prikaz na PDA, phone i slicnim uredjajima

Sto se tiče problema sa prikazom, treba se potruditi prilagoditi stranice za prikaz na razlicitim browserima. Uz malo cimanja se moze prilagoditi za IE6, IE7, FireFox/Mozilla i Operu, što je sasvim dovoljno za većinu situacija, tako da se to ne moze uzeti za zlo!
 
Odgovor na temu

Predrag Supurovic
Pedja YT9TP
Užice

Član broj: 157129
Poruke: 6279

Sajt: pedja.supurovic.net


+1571 Profil

icon Re: Tableless dizajn, zašto?08.12.2007. u 18:10 - pre 199 meseci
Tableless je stvar mode. NEoznavaoci se toga drze jer je to buzz word a poznavaci jer im to sluzi da sebi dizu cenu.

Istina je negde na sredini, uopste, bolje je dokument resavati kao CSS, ali vrlo cesto ce te tabela postedeti mnog muke i pravljenja komplikovanog i nerazgovetnog CSS-a.

Tabela je sasvim prirodan nacin rasporedjivanja elemenata. Bolje je ako moze bez tabele, ali nije pogresno ni koristiti je.

 
Odgovor na temu

Max Payne
Max Payne
Beograd

Član broj: 58800
Poruke: 333
77.46.193.*



+6 Profil

icon Re: Tableless dizajn, zašto?08.12.2007. u 20:06 - pre 199 meseci
Citat:
Predrag Supurovic: Tableless je stvar mode. NEoznavaoci se toga drze jer je to buzz word a poznavaci jer im to sluzi da sebi dizu cenu.

Istina je negde na sredini, uopste, bolje je dokument resavati kao CSS, ali vrlo cesto ce te tabela postedeti mnog muke i pravljenja komplikovanog i nerazgovetnog CSS-a.

Tabela je sasvim prirodan nacin rasporedjivanja elemenata. Bolje je ako moze bez tabele, ali nije pogresno ni koristiti je.


Ne bih se složio sa navedenim. Radio sam sa tabelama ranije, danas isključivo css koristim za poziciniranje elemenata. Tableless uopšte nije stvar mode. Jednostavno je mnogo prirodnije staviti sav html u jedan fajl, a css u drugi. Mnogo je lakše održavanje takvog sajta i kasnija izmena, nego kad se koriste tabele. Priznajem doduše da mi je trebalo vremena da savladam css pozicioniranje, i neophodna je praksa, ali po mom mišljenju ne može se porediti. A kad je reč o komplikovanijim layoutima, css je jednostavno zakon, barem za mene. A da ne pričam o tome da izmenom jedne stavke u css-u, menja se ceo sajt.
Tabele mogu da prođu ako je reč o nekom jednostavnijem sajtu, ali dovoljno je pogledati kod jednog obimnijeg sajta gde je pozicioniranje napravljeno sa tabelama i biće sve jasno. A ako je reč o jednostavnijem sajtu, pa onda je i sam css leyaut vrlo jednostavan. Na primer, dve kolone, jedan div float levo, drugi float desno, clear na dnu i to je to. Ne vidim tu ništa komplikovano.
 
Odgovor na temu

Predrag Supurovic
Pedja YT9TP
Užice

Član broj: 157129
Poruke: 6279

Sajt: pedja.supurovic.net


+1571 Profil

icon Re: Tableless dizajn, zašto?09.12.2007. u 09:19 - pre 199 meseci
Kod iole komplikovanijeg dizajna, neophodno je pored promene na CSS-u da se promene defincije stilova u samom HTML dokumentu, tako da CSS tu ne predstavlja nikakvu prednost.

CSS mozda moze da bude jednostavan kao i tabela samo u jednostavnim slucajevima gde se sve zavrsava fiksnim pozicijama. Ali, ako radis dokument koji postuje osnovno nacelo web-a da sav sadrzaj "tece" i uklapa se u raspolozivi prostor, CSS ume da bude zesca nocna mora, a nekada i ne moze da izvede ono sto se sa tabelom napravi u tri koraka.

U svakom slucaju, treba raditi sa stilovima ali ako se proceni, da je jednostavnije stvar resiti tabelom - onda tako treba i uraditi. Tabela ja od kada se pocelo sa grafickim prikazom sadrzaja, sasvim prirodan element za rasporedjivanje.

Ja se inace slazem sa idejom koju je CSS uneo, samo je problem sto CSS tu ideju nije sproveo do kraja, tako da se najcesce mora zonglirati u samom HTML-u da bi se dobio zeljeni rezultat. Ideja da se izgled sajta promeni samo izmenom u CSS definiiji je sjajna, ali izvodljiva samo ako se prave jesnotanvije izmene. Ako dolazi do promene, recimo, pozicije elemenata, to se najcesce ne moze uraditi a da se ne izmeni i sam HTML, tako da to ne moze biti argument za nekoriscenje tabela. Za nekoriscenje tabela ima drugih argumenata koji zaista stoje, ali taj ne stoji.

 
Odgovor na temu

Max Payne
Max Payne
Beograd

Član broj: 58800
Poruke: 333
*.adsl.verat.net.



+6 Profil

icon Re: Tableless dizajn, zašto?11.12.2007. u 11:23 - pre 199 meseci
To sve zavisi od celokupne organizacije projekta i od slučaja do slučaja. Ja sam mislio na uobičajenu situaciju gde na primer, imamo sajt od 15 html stranica, i na svakoj strani je isti heder i futer i verovatno još po nešto. Ako bi hteo da zamenim recimo pozadinsku boju ili sliku hedera, to bi uradio u css fajlu u dve reči i svih 15 strana bi se promenilo. To je ogromna prednost css-a.
Što se tiče izmene pozicije elemenata, kad je reč o komplikovanijim postavkama i kad je sajt napravljen u tabelama, morace da se menja i sam HTML, tako da to ne može biti argument za nekorišćenje css-a

U svakom slučaju, moje je mišljenje da ako neko hoće da napravi web sajt onako za sebe lično ili iz zezanja a nema nameru da se bavi ozbiljnije web dizajnom, onda nema potrebe da se opterećuje sa css-om, tabele će završiti posao. Ali ako bi neko imao nameru da se profesionalno bavi web developmentom, a uporno insistirao na tabelama, mislim da to na duge staze neće biti dobro.

Ovo što je rekao mb_sa stoji:

Citat:
mb_sa: 1. Tabele nisu namjenjene za pozicioniranje i strukturu elemenata, vec za prikaz tabelarnih podataka
2. Staranice bazirane na div-ovima i CSS-P imaju kraci, pregledniji kod, što u konacnici znaci da stranice imaju manje Kb (30% - 50 % su manje u odnosu na stranice sa tabelama - ako se zna sta se radi), da se brže učitavaju i da štede bandwith (podogovo na jako posjećenim sajtovima)
3. Sa obzirom da je kod pregledniji (jos ako se (X)HTML i CSS napisu po W3C standardu) moze imati i učinka za SEO
4. ako je sve u jednom eksternom css fajlu, sve je to lakše održavati
5. bolji i ispravniji prikaz na PDA, phone i slicnim uredjajima


a naročito i za ovu 5 stavku, kada sve više ljudi koristi te uredjaje.

 
Odgovor na temu

theH

Član broj: 102161
Poruke: 51
*.adsl-1.sezampro.yu.



+2 Profil

icon Re: Tableless dizajn, zašto?17.12.2007. u 16:22 - pre 199 meseci
Hvala na objašnjenjima.
 
Odgovor na temu

askaratazor

Član broj: 73681
Poruke: 180
*.249.eunet.yu.



Profil

icon Re: Tableless dizajn, zašto?23.12.2007. u 01:44 - pre 198 meseci
Citat:
Max Payne: To sve zavisi od celokupne organizacije projekta i od slučaja do slučaja. Ja sam mislio na uobičajenu situaciju gde na primer, imamo sajt od 15 html stranica, i na svakoj strani je isti heder i futer i verovatno još po nešto. Ako bi hteo da zamenim recimo pozadinsku boju ili sliku hedera, to bi uradio u css fajlu u dve reči i svih 15 strana bi se promenilo. To je ogromna prednost css-a.
Što se tiče izmene pozicije elemenata, kad je reč o komplikovanijim postavkama i kad je sajt napravljen u tabelama, morace da se menja i sam HTML, tako da to ne može biti argument za nekorišćenje css-a :)


To se jednostavno moze odraditi jednom stranom za heder i futer i includovanjem u sve ostale..

Najveci problem je optimizacija za IE i FF sto se tice CSS-a, a inace ga toplo preporucujem...

Vecinu sajtova koje sam radio se svode na tvoj primer i meni neko optimalno resenje je
glavna tabela sa tri reda (doradi se kao container za ostalo) u gornji red includujes heder, u donji red futer, a srednji (main) radis preko CSS-a

Code:

....................._____________________________........................................
....................|                             |.......................................
....................|                 HEDER       |......................................
....................|_____________________________|......................................
....................|                             |.......................................
....................|                             |.......................................
....................|                             |.......................................
....................|                 MAIN        |.......................................
....................|                             |.......................................
....................|                             |.......................................
....................|_____________________________|......................................
....................|                             |.......................................
....................|                 FUTER       |......................................
....................|_____________________________|......................................
 
Odgovor na temu

[es] :: Web dizajn i CSS :: Tableless dizajn, zašto?

[ Pregleda: 4485 | Odgovora: 7 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.