HTML Design: tables vs divs
Σάββατο, 30 Ιανουαρίου 2010
Για την κατασκευή μιας ιστοσελίδας υπάρχουν διάφορες επιλογές σχετικά με την χρήση HTML και CSS. Παραδοσιακά τα περισσότερα sites είναι φτιαγμένα με tables τα οποία έχουν συν και πλην.
Οι εποχές των geocities και των ιστοσελίδων με μαύρο background, marquee text, μεγάλα fonts και html tables έχουν ξεπεραστεί.
Το web 2.0 έχει φέρει μαζί του και νέες τεχνικές στον σχεδιασμό μιας ιστοσελίδας και την χρήση tableless design.
Το W3C αναφέρει:
Use style sheets to control layout and presentation. [Priority 2]
Πλεονεκτήματα:
1) Καθαρός κώδικας
Στο html source της σελίδας υπάρχουν τα divs και σε εξωτερικό αρχείο css τα attributes. Οι μηχανές αναζήτησης μπορούν να κάνουν crawl ευκολότερα το περιεχόμενο της κάθε σελίδας ενώ μπορούμε να δημιουργήσουμε διαφορετικά layout για mobile browsing.
2) Διαχείριση
Αλλάζοντας μόνο ένα αρχείο (CSS) μπορούμε εύκολα να κάνουμε αλλαγές στην δομή όλων των σελίδων. Με tables πρέπει να πάμε σε κάθε σελίδα και να κάνουμε τις αλλαγές που θέλουμε.
3) Bandwidth savings
Το μέγεθος του html αρχείου (σε kb) είναι μικρότερο αφού τα divs καταλαμβάνουν λιγότερο χώρο σε σχέση με τα tables.
4) Πλεονέκτημα στο βιογραφικό!
Αν μάθετε να σχεδιάζετε sites με css τότε βελτιώνετε τις ικανότητες σας σαν web designer και ανοίγουν παράθυρα για ευκαιρίες εργασίας. Αρκετές εταιρείες αναζητούν designer για συνεργασία με πολύ καλή γνώση css και tableless deisgn.
Ο Darth, ο Jesus και ο Chuck στο Twitter
Τα brands προσπαθούν να κάνουν ισχυρή την παρουσία τους στα social media αλλά την ίδια στιγμή funny accounts γνωρίζουν μεγάλη επιτυχία στο twitter.
Το Like button και η επίδραση στα comments
Αρκετά sites έχουν προσθέσει το Like button στα posts τους αλλά σε αρκετές περιπτώσεις υπάρχει μια δυσαναλογία με τον αριθμό των comments.
Facebook Like: το επόμενο world wide (social) web;
Εδώ και λίγες μέρες το Facebook έχει προσθέσει το κουμπί Like για τα pages ενώ θέλει να δημιουργήσει ένα Like button για ολόκληρο το web.
Οι αλλαγές στο CSS του YouTube και οι διαφορές στους browsers
Το YouTube άλλαξε πρόσφατα το design του αλλά το καινούργιο CSS είναι πιο φιλικό για browsers σαν τον Firefox παρά για τον Internet Explorer.
in.gr - σταθερό design από τα τέλη της δεκαετίας του 90
Το in.gr δημιουργήθηκε το 1999 και από τότε μέχρι και σήμερα το design του έχει παραμείνει αναλλοίωτο.
Τι είναι το technotes.gr;
Το technotes.gr ασχολείται με ειδήσεις internet, άρθρα για την τεχνολογία, web 2.0 και αξιολόγηση ιστοσελίδων.
Το περιεχόμενο του site μπορεί να χρησιμοποιηθεί σύμφωνα με την άδεια Creative Commons Attribution-Share Alike 3.0
Latest tweets
Live in London: Φτιάξε τη διαφήμισή σου και δες την ζωντανά στο Λονδίνο! http://t.co/R2lzdL0c [ » ]
Five Questions with Lea Verou | CSS-Tricks http://t.co/i0ObcJwP [ » ]
Μάντεψε πόσοι frappé θα φτιαχτούν μέσα σε 8 ώρες και κέρδισε ένα iPad2! Κάθε μέρα, ζωντανά στο #Frappopular! http://t.co/JSTGPOj4 [ » ]
I just ousted popi a. as the mayor of Robin Food on @foursquare! http://t.co/gRX4rkTx [ » ]