HTML Design: tables vs divs

Σάββατο, 30 Ιανουαρίου 2010

HTML design

Για την κατασκευή μιας ιστοσελίδας υπάρχουν διάφορες επιλογές σχετικά με την χρήση 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.

Σχόλια


Το σχόλιο σας

Όνομα:
email:
website:
Σχόλια:

πληκτρολογήστε τις λέξεις που βλέπετε στο πλαίσιο (βάλτε κενό μεταξύ των δύο λέξεων). Εάν δεν μπορείτε να διακρίνετε τις λέξεις κάντε click εδώ για να εμφανιστούν 2 καινούργιες.


Ειδοποίηση με e-mail για νέα σχόλια



Darth Vader στο twitter

Ο Darth, ο Jesus και ο Chuck στο Twitter

Τα brands προσπαθούν να κάνουν ισχυρή την παρουσία τους στα social media αλλά την ίδια στιγμή funny accounts γνωρίζουν μεγάλη επιτυχία στο twitter.

Like button and comments

Το Like button και η επίδραση στα comments

Αρκετά sites έχουν προσθέσει το Like button στα posts τους αλλά σε αρκετές περιπτώσεις υπάρχει μια δυσαναλογία με τον αριθμό των comments.

Facebook Like

Facebook Like: το επόμενο world wide (social) web;

Εδώ και λίγες μέρες το Facebook έχει προσθέσει το κουμπί Like για τα pages ενώ θέλει να δημιουργήσει ένα Like button για ολόκληρο το web.

YouTube

Οι αλλαγές στο CSS του YouTube και οι διαφορές στους browsers

Το YouTube άλλαξε πρόσφατα το design του αλλά το καινούργιο CSS είναι πιο φιλικό για browsers σαν τον Firefox παρά για τον Internet Explorer.

in.gr

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