Το Adobe Dreamweaver CS6 σάς παρέχει μια βιβλιοθήκη δειγμάτων σελίδων με διατάξεις που βασίζονται σε CSS ως εναλλακτική λύση για να ξεκινήσετε από την αρχή. Αυτές οι δειγματοληπτικές σελίδες CSS διαθέτουν χρήσιμες και κοινές ιδέες διάταξης και επειδή έχουν δημιουργηθεί με τοποθέτηση CSS, είναι εξαιρετικά ευέλικτες. Μπορείτε να τα τροποποιήσετε απευθείας από τον πίνακα CSS Styles ή από το Property inspector. Απλώς προσθέστε το περιεχόμενό σας και πηγαίνετε!
Ακολουθήστε αυτά τα βήματα για να δημιουργήσετε ένα νέο έγγραφο από μια αρχική σελίδα CSS:
1 Επιλέξτε Αρχείο→ Νέο.
Εμφανίζεται ο πίνακας Νέο έγγραφο.

2 Επιλέξτε Κενή σελίδα από τα αριστερά, επιλέξτε μια διάταξη από τη στήλη Layout στα δεξιά (για παράδειγμα, τη διάταξη 2 Column Fixed, Left Sidebar, Header και Footer) και κάντε κλικ στο Create.
Ανοίγει μια νέα, χωρίς τίτλο σελίδα, με βάση τη διάταξη που επιλέξατε.
Από προεπιλογή, οι νέες αρχικές σελίδες CSS τοποθετούν όλους τους κανόνες CSS τους σε ένα ενσωματωμένο φύλλο στυλ. Για να χρησιμοποιήσετε ένα εξωτερικό (συνδεδεμένο) φύλλο στυλ, επιλέξτε Δημιουργία νέου αρχείου από την αναπτυσσόμενη λίστα Layout CSS στο παράθυρο διαλόγου Νέο έγγραφο. Θα σας ζητηθεί να αποθηκεύσετε το αρχείο στον ριζικό κατάλογο του ιστότοπού σας.
3 Επιλέξτε Αρχείο→ Αποθήκευση.
Εμφανίζεται το παράθυρο διαλόγου που σας επιτρέπει να ονομάσετε και να αποθηκεύσετε το έγγραφο.

4 Αντικαταστήστε το κείμενο κράτησης θέσης σε κάθε στήλη με το δικό σας περιεχόμενο.
Βιόλα! Τώρα έχετε ένα νέο έγγραφο που βασίζεται σε μια αρχική σελίδα CSS. Πόσο εύκολο είναι αυτό;