CSS vs TABLES

Σχόλια από τον χώρο του Web Design, Web Development.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
hik-hok
Reporter
Δημοσιεύσεις: 3571
Εγγραφή: 09 Μαρ 2003 10:45
Τοποθεσία: Agrrrrrrrrrr...... γάβ γάβ!!
Επικοινωνία:

CSS vs TABLES

Δημοσίευση από hik-hok » 24 Φεβ 2005 21:27

Εν αρχή ήταν τα Frames , στην συνέχεια ήρθε η "μόδα" των TABLES τώρα τα CSS <DIV> κλπ είναι σωστό να αλλάζουν οι τεχνικές τόσο συχνά ?

Μια ενδιαφέρουσα ανάλυση θα δείτε στο http://www.decloak.com/Dev/CSSTables/CSS_Tables_01.aspx και μπορούμε να το συζητήσουμε εδώ αν θέλετε.
Εικόνα

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

CSS vs TABLES

Δημοσίευση από EneMe » 24 Φεβ 2005 22:26

Aν και δεν μπορώ να πω πολλά πράγματα, το ζουμί είναι αυτό:
K.i.S.S. is more important than CSS
K.i.S.S. = Keep It Simple Stupid
Τελευταία επεξεργασία από το μέλος EneMe την 24 Φεβ 2005 22:26, έχει επεξεργασθεί 1 φορά συνολικά.

Άβαταρ μέλους
ThyClub
Honorary Member
Δημοσιεύσεις: 5312
Εγγραφή: 17 Νοέμ 2003 00:21
Τοποθεσία: Hell's Kitchen
Επικοινωνία:

CSS vs TABLES

Δημοσίευση από ThyClub » 24 Φεβ 2005 22:26

Νομίζω οτι ποτέ τα tables δεν ήταν (ή δεν προοριζόταν) για τον σκοπό που αργότερα χρησιμοποιήθηκαν.

Ήταν περισσότερο ενα hack παρά μια τεχνική
tables are for tabular data
my 2 cents

Άβαταρ μέλους
softius
Script Master
Δημοσιεύσεις: 241
Εγγραφή: 11 Ιαν 2004 19:07
Επικοινωνία:

CSS vs TABLES

Δημοσίευση από softius » 24 Φεβ 2005 22:46

CSS φυσικά :) Γιατί; γιατί μας επιτρέπει να διαχωρίσουμε το περιεχόμενο (content) από τη παρουσίαση (presentation). Πράγμα που είναι αρκετά σημαντικό, αφού μπορείς με διαφορετικά CSS (μιλάμε συνήθως για ένα μόνο αρχείο) να δώσεις διαφορετική παρουσίαση στο site σου, χωρίς να τροποποιήσεις το (Χ)HTML κομμάτι. Χαρακτηριστικό παράδειγμα αποτελεί το CSS Zen Garden.

Αυτό που έχει αναφέρει ο ThyClub είναι ιδιαίτερα σημαντικός παράγοντας για την μεταφορά σε CSS. Αν σκεφτούμε και λίγο θέματα disabilities, οι περισσότεροι screen readers αγνοούν - από default - τα tables, για τον λόγο ότι προορίζονται για να περιέχουν κυρίως δεδομένα.

Ίσως κάποτε τα tables να ήταν λύση, όμως τώρα υπάρχει καλύτερη! :D

Άβαταρ μέλους
geraki
Honorary Member
Δημοσιεύσεις: 1404
Εγγραφή: 26 Ιαν 2004 20:10
Τοποθεσία: Θεσσαλονίκη
Επικοινωνία:

CSS vs TABLES

Δημοσίευση από geraki » 24 Φεβ 2005 23:07

Ο συγγραφέας αυτής της ανάλυσης, απλά δεν δοκίμασε ποτέ με όρεξη να σχεδιάσει μια σελίδα χρησιμοποιώντας styles αντί tables για την εμφάνισή της.

α. Λέει ότι αργότερα δεν θα θυμάται ο σχεδιαστής σε ποιά αντικείμενα αντιστοιχεί το κάθε style. Ναι, αν ονομάσει τα classes του style1, style2, redbox κλπ. φυσικά και δεν θα θυμάται. Το σωστό θα ήταν header, menu, content, footer κλπ.

β. Λέει "What happens if Microsoft introduces a few new features to IE 7 that Mozilla doesn't have OR won't support OR that W3C won't call a standard?"

Κανένα πρόβλημα, αν οι σχεδιαστές δεν χρησιμοποιούν τις λειτουργίες που παίζουν μόνο σε ένα browser. Δεν μας ενδιαφέρει αν έχει παραπάνω πράγματα ο ΙΕ, αλλά να δείχνει σωστά τις σελίδες που είναι φτιαγμένες μόνο με τα standards.

γ. Code readability. Προσωπική μου άποψη, είναι πολύ πιο καθαρός ο κώδικας, χωρίς να υπάρχουν tables, fonts και 1x1 gifs σε κάθε δεύτερη γραμμή.

δ. Ταχύτητα, bandwidth. Με css κερδίζεις 10%-20% και στα δύο.

Υπολογίζει: μέγεθος σελίδας = html+css και λέει ότι βγαίνει περίπου το ίδιο μέγεθος. Στο template τόσο βγαίνει. To css όμως διαβάζεται μια φορά για κάθε site.



Βασικά δεν θα ήθελα να γίνει κι αυτό ένας πόλεμος, όπως ο Mozilla εναντίον IE.

Το θέμα είναι ότι υπάρχει κάποια τεχνική η οποία προσφέρει πολλά. Το αν θα την χρησιμοποιήσει ο καθένας, είναι προσωπική του επιλογή.

Προφανώς οι designers που ασχολούνται χρόνια και έμαθαν σε ένα τρόπο εργασίας, δεν έχουν και πολύ όρεξη να τον αλλάξουν. Ίσως φταίει αυτή η νοοτροπία του ακριβές positioning, που προσπαθούν (ακόμη και με css) να δημιουργήσουν ένα site με τόση ακρίβεια τοποθετημένα όλα, σαν να δημιουργούν κάτι στο CorelDraw για να το τυπώσουν. Το χαρτί όμως το επιλέγεις εσύ στο οποίο θα τυπώσεις. Ο web designer όμως "τυπώνει" στις οθόνες πολλών users, με διαφορετικούς browsers, ρυθμίσεις, οθόνες.

Όπως φαίνεται στο μέλλον, το internet θα εξαπλωθεί κι άλλο, και θα υπάρχει η ανάγκη παρουσίασης σε πολλά διαφορετικά μέσα. Έχουμε ήδη τα κινητά, και προχωράμε για τηλεοράσεις και αυτοκίνητα. Το κάθε ένα από αυτά, με διαφορετικό λειτουργικό, browser, και ανάλυση οθόνης. Προφανώς δεν είναι και το πιό πρόσφορο έδαφος για να δείξει όλες τις καλλιτεχνικές του ικανότητες ένας designer, αλλά θα πρέπει να φροντίσει να φτάσει με τρόπο κατανοητό το περιεχόμενο στον χρήστη.

Πιστεύω πως στο τέλος όλοι θα αναγκαστούν να μεταβούν στο σχεδιασμό με css, για να αντιμετωπίσουν αυτή την πανσπερμία διαφορετικών αναγκών στην παρουσίαση προς τους τελικούς χρήστες.
Εικόνα &#8592; Αυτό το έκλεψα απ'τον Eneme.

Άβαταρ μέλους
cordis
Administrator, [F|H]ounder, [C|S]EO
Δημοσιεύσεις: 27626
Εγγραφή: 09 Οκτ 1999 03:00
Τοποθεσία: Greece
Επικοινωνία:

CSS vs TABLES

Δημοσίευση από cordis » 24 Φεβ 2005 23:10

θα με κάνετε να φτιάξω το fs χωρίς tables.. :P :P
Δεν απαντάω σε προσωπικά μηνύματα με ερωτήσεις που καλύπτονται από τις ενότητες του forum. Για ο,τι άλλο είμαι εδώ για εσάς.
- follow me @twitter

Άβαταρ μέλους
softius
Script Master
Δημοσιεύσεις: 241
Εγγραφή: 11 Ιαν 2004 19:07
Επικοινωνία:

CSS vs TABLES

Δημοσίευση από softius » 24 Φεβ 2005 23:16

και θα υπάρχει η ανάγκη παρουσίασης σε πολλά διαφορετικά μέσα
Ακριβώς. Ήδη με τα CSS μπορείς να έχεις ένα CSS για οθόνες, ένα για το handheld device ένα για projector ένα για print και ένα HTML για όλα κοκ. Οπότε ακόμη ένας σημαντικός παράγοντας είναι ότι δεν χρειάζεσαι μία printer friendly version της σελίδας, απλά ένα νέο CSS που να κρύβει τα μενού και να αλλάζει τη γραμματοσειρά. Βέβαια ποιοι browsers το υποστηρίζουν και σε ποιο βαθμό είναι ένα άλλο, μεγάλο, θέμα :)

Mut3
Δημοσιεύσεις: 167
Εγγραφή: 03 Σεπ 2004 16:23
Επικοινωνία:

CSS vs TABLES

Δημοσίευση από Mut3 » 25 Φεβ 2005 10:01

Και εγω πιστευω οτι τα CSS ειναι μια σαφως ανωτερη τεχνικη σε σχεση με τα tables. Δυστηχως ομως δεν αρεσουν πολυ στον explorer ,ειδικα στις πιο παλιες εκδοσεις.

Εγω τωρα αλλαζω την σελιδα μου σε CSS , αλλα θα κρατησω και την προηγουμενη με tables για οσους εχουν περιεργους browser.
Παντως ο κωδικας εγινε απιστευτα πιο απλος και ωραιος με CSS.

Άβαταρ μέλους
Tanaka
Δημοσιεύσεις: 174
Εγγραφή: 27 Απρ 2004 21:40
Τοποθεσία: Κορωπί

CSS vs TABLES

Δημοσίευση από Tanaka » 25 Φεβ 2005 18:37

Σε κάτι που βοηθάει πάρα πολύ το CSS είναι και στο SEO ενός site!

Άβαταρ μέλους
gaucho
Honorary Member
Δημοσιεύσεις: 2408
Εγγραφή: 22 Δεκ 2002 13:18

CSS vs TABLES

Δημοσίευση από gaucho » 25 Φεβ 2005 18:47

Kai ta 2 mazi bgazoune ta kerata

Άβαταρ μέλους
cdhyper
Literature Moderator
Δημοσιεύσεις: 9707
Εγγραφή: 23 Ιουν 2001 03:00
Τοποθεσία: Φωτονερόπετρα
Επικοινωνία:

CSS vs TABLES

Δημοσίευση από cdhyper » 25 Φεβ 2005 20:56

Γω ψηφίζω tables. Έχουν τη μεγαλύτερη συμβατότητα με τους περισσότερους browsers.
Σύγκριση τιμών Supermarket: http://www.shopnsave.gr
Νέα Ιταλικα επιπλα κουζινας
Για φιλοσόφους: http://filosofia.gr και http://liantinis.org

Άβαταρ μέλους
geraki
Honorary Member
Δημοσιεύσεις: 1404
Εγγραφή: 26 Ιαν 2004 20:10
Τοποθεσία: Θεσσαλονίκη
Επικοινωνία:

CSS vs TABLES

Δημοσίευση από geraki » 26 Φεβ 2005 00:30

Εσύ πουλάς design, και σε ενδιαφέρει να εντυπωσιαστεί ο πελάτης.
Εικόνα &#8592; Αυτό το έκλεψα απ'τον Eneme.

Άβαταρ μέλους
agrippas
Script Master
Δημοσιεύσεις: 494
Εγγραφή: 18 Ιούλ 2002 14:52
Τοποθεσία: Υπερπέραν
Επικοινωνία:

CSS vs TABLES

Δημοσίευση από agrippas » 26 Φεβ 2005 08:13

Το ερώτημα αυτό καθεαυτό είναι λάθος. Τα styles εφαρμόζονται ΚΑΙ στα tables οπότε η χρήση tables δεν αποκλείει ντε και καλά τη χρήση CSS. Ίσως πιο ακριβές θα ήταν: "Layout με ή χωρίς tables".

Και εδώ, οι γνώμες κλίνουν προς το "χωρίς tables" για τους λόγους που γράψατε (διαχωρισμός στα media, πιο γρήγορη και πιο απλή HTML). Δε θα κάτσω να γράψω όλα τα σουσούμια του κάθε browser με το css, σε γενικές γραμμές όμως όλοι πάνω-κάτω το υποστηρίζουν αρκετά καλά.

Αν θέλουμε να δούμε τι είναι πιο σωστό, πάντα πρέπει να κοιτάζουμε τους γκουρού:

- Το www.mozilla.org είναι σχεδιασμένο χωρίς tables. DHTML μόνο με DIVs.

- Το www.opera.com σχεδιασμένο χωρίς tables, με xHTML.

- Το www.aol.com το ίδιο ακριβώς.

Αντίθετα, τα websites των browser που έχουν προβλήματα με το CSS ( www.apple.com για το safari και www.microsoft.com για τον windows explorer) χρησιμοποιούν επί το πλείστον tables για στοίχιση.

Άλλο θέμα τώρα: Ας πούμε ότι κάποιος σε μια πολύ ωραία σελίδα για βρεφικά είδη που έχει σχεδιαστεί χωρίς tables, θέλει να βάλει κάποια δεδομένα από μια βάση. Παράδειγμα: Ηλικία του βρέφους, ποσότητα του αλκοόλ που καταναλώνει και το ποινικό του μητρώο. Θα το βρει λοιπόν εξαιρετικά δύσκολο να παίξει με <DIV> και floating ή positioning για να στοιχίσει όλα αυτά τα, αναμφισβήτητα, σημαντικά δεδομένα. Τα hacks που πρέπει να κάνει για να παίξει σωστά σε κάθε browser και η ποσότητα αλκοόλ που στο τέλος ο ίδιος θα καταναλώσει (αντί για το βρέφος) δείχνουν περίτρανα ότι ένα απλό μικρό κι απέριττο <table> με τα <tr> και τα <td> του κάνει τη συγκεκριμένη δουλειά γρήγορα και ωραία.

Για μένα λοιπόν: Το κάθε στιλ σχεδίασης έχει και συγκεκριμένη χρησιμότητα.

Άβαταρ μέλους
ThyClub
Honorary Member
Δημοσιεύσεις: 5312
Εγγραφή: 17 Νοέμ 2003 00:21
Τοποθεσία: Hell's Kitchen
Επικοινωνία:

CSS vs TABLES

Δημοσίευση από ThyClub » 26 Φεβ 2005 09:53

Άλλο θέμα τώρα: Ας πούμε ότι κάποιος σε μια πολύ ωραία σελίδα για βρεφικά είδη που έχει σχεδιαστεί χωρίς tables, θέλει να βάλει κάποια δεδομένα από μια βάση. Παράδειγμα: Ηλικία του βρέφους, ποσότητα του αλκοόλ που καταναλώνει και το ποινικό του μητρώο. Θα το βρει λοιπόν εξαιρετικά δύσκολο να παίξει με <DIV> και floating ή positioning για να στοιχίσει όλα αυτά τα, αναμφισβήτητα, σημαντικά δεδομένα. Τα hacks που πρέπει να κάνει για να παίξει σωστά σε κάθε browser και η ποσότητα αλκοόλ που στο τέλος ο ίδιος θα καταναλώσει (αντί για το βρέφος) δείχνουν περίτρανα ότι ένα απλό μικρό κι απέριττο <table> με τα <tr> και τα <td> του κάνει τη συγκεκριμένη δουλειά γρήγορα και ωραία.
Καλά όταν λέμε χωρίς tables δεν λέμε καθόλου. Λέμε όχι στα layout tables. Αυτό που λές με τα μωρά είναι ο ορισμός για να χρησιμοποιήσεις table.
Είναι data και όχι layout :wink:

Άβαταρ μέλους
cdhyper
Literature Moderator
Δημοσιεύσεις: 9707
Εγγραφή: 23 Ιουν 2001 03:00
Τοποθεσία: Φωτονερόπετρα
Επικοινωνία:

CSS vs TABLES

Δημοσίευση από cdhyper » 26 Φεβ 2005 10:17

Μόδα είναι και θα περάσει. Υπάρχει μεγάλη ασυμβατότητα στους browsers με τα divs. Το site φαίνεται τελείως διαφορετικό ή τελωσπάντων έτσι όπως σίγουρα δεν το φαντάστηκε ο designer. Ακόμα και το mozilla.org διαφορετικά φαίνεται σε ie και διαφορετικά σε opera.

Το έχουμε παρακάνει με αυτές τις καινοτομίες :)
Σύγκριση τιμών Supermarket: http://www.shopnsave.gr
Νέα Ιταλικα επιπλα κουζινας
Για φιλοσόφους: http://filosofia.gr και http://liantinis.org

Απάντηση

Επιστροφή στο “Web Usability & Accessibility”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες