5 Συμβουλές για την κωδικοποίηση XHTML / CSS διαγραμμάτων

Αυτές είναι μερικές συμβουλές που με βοήθησαν κατά τη μετάβαση από πίνακα με βάση το σχεδιασμό ιστοσελίδων με πρότυπα συμμορφώνονται css βασίζεται διαγραμμάτων.

1) Διαβάστε αλαζονικό σχεδιασμού Thenoodleincident του.
Αυτό είναι το άρθρο που έκανε τελικά κλικ »στο μυαλό μου σχετικά με τη χρήση CSS για σχεδιαγράμματα? Αυτό εξηγεί με σαφήνεια και σε βάθος σχετικά με τη λογική που χωρίζει το στυλ από το περιεχόμενο.

2) Το Dont πάνω-περιπλέκουν layouts
Χρησιμοποιήστε μεγαλύτερα εικόνες με περισσότερες λεπτομέρειες στην ως υπόβαθρο και να διαφανή divs πάνω από την κορυφή - τον τρόπο αυτό σας δίνει περισσότερο χώρο για ασυμβατότητες browser και άλλες ιδιορρυθμίες ότι θα μάθουν να αναγνωρίζουν και να αποφεύγουν ή στο μέλλον.

3) Το Dont go div τρελός!
Δεν είστε αναδημιουργία σχεδιαγράμματα τραπέζι με divs? Δεν χρειάζεται μια διαφορετική div για κάθε περιοχή - μπορείτε να χρησιμοποιήσετε για παράδειγμα άλλα στοιχεία για να πάρει το επιθυμητό αποτέλεσμα σας. Δηλαδή Μπορείτε να τοποθετήσετε και σκέψεις στυλ και άλλα στοιχεία σελίδας - δεν πρέπει πάντα να είναι ένα div!

4) Σημασιολογία - πώς τα πράγματα πρέπει να γίνουν
Αυτό είναι κάτι εξαιρετικά σημαντικό για την δομή του html σας, να χρησιμοποιείτε πάντα το σωστό html στοιχεία - εάν ένα κατάλογο των πραγμάτων, το σήμα ως μια λίστα - αυτό περιλαμβάνει την πλοήγηση σας. Αν του ζεύγη των πραγμάτων, η χρήση ενός καταλόγου ορισμός - θυμηθείτε μην ανησυχείτε ό, τι ο κατάλογος καθορίζεται αρνητικά, μοιάζει - μπορείτε να το στυλ πώς θέλετε, θέλετε να μας εκπλήσσει η αποτελέσματα μπορείτε να πάρετε. Χρησιμοποιήστε κεφαλίδες σας (υ1, h2 κλπ) σωστά - δεν ισχύει μόνο ένα τολμηρό στυλ σε κανονικό κείμενο, το σήμα ως μια κεφαλίδα και το στυλ που σας CSS.

5) ελέγξετε Browser όσο προχωράς.
Αντί να δημιουργηθεί ολόκληρη διάταξή σας, τότε αυτό τον έλεγχο και τη διαπίστωση βιδώνονται της σε ένα ή περισσότερα προγράμματα περιήγησης, το οποίο στη συνέχεια θα καθορίσει και τα διαλείμματα σε κάτι άλλο. Δημιουργήστε το τμήμα κεφαλίδας, ελέγξτε το πρόγραμμα περιήγησης και να διορθώσετε κάτι που είναι λάθος. Στη συνέχεια, δημιουργήστε την nav, κάνουν το ίδιο. Δημιουργήστε το σώμα, κάνει το ίδιο. Με το σπάσιμο είναι κάτω όπως αυτό δεν χρειάζεται να εντρυφήσω με φορτία των κώδικα και στυλ για να βρείτε το πρόβλημα. Σκεφτείτε τη διαχείρισή τους κομμάτια.

Αν σας άρεσε αυτό Dig it!