Πώς να δημιουργήσετε μια νέα σελίδα με διάταξη CSS στο Dreamweaver

Το Dreamweaver περιλαμβάνει δύο διατάξεις CSS σχεδιασμένες με ετικέτες HTML5 που μπορείτε να προσαρμόσετε για να δημιουργήσετε μια φαινομενικά άπειρη ποικιλία σχεδίων σελίδων. Αυτές οι διατάξεις σάς δίνουν ένα προβάδισμα όταν δημιουργείτε μια νέα σελίδα και έχουν σχεδιαστεί για να λειτουργούν καλά σε μια ποικιλία προγραμμάτων περιήγησης ιστού, ώστε να σας βοηθήσουν να αποφύγετε κοινά προβλήματα που προκαλούνται από τους διαφορετικούς τρόπους με τους οποίους τα προγράμματα περιήγησης ιστού εμφανίζουν HTML5 και CSS.

Για όλους αυτούς τους λόγους, θα πρέπει να ξεκινήσετε τη σχεδίασή σας στο Dreamweaver με μια διάταξη CSS επιλεγμένη στο παράθυρο Νέο Έγγραφο, ειδικά αν θέλετε να χρησιμοποιήσετε HTML5.

Για να δημιουργήσετε μια νέα σελίδα χρησιμοποιώντας μία από τις διατάξεις CSS του Dreamweaver, ακολουθήστε αυτές τις οδηγίες:

Επιλέξτε Αρχείο→ Νέο.

Εμφανίζεται το πλαίσιο διαλόγου Νέο έγγραφο.

Επιλέξτε Κενή σελίδα από την αριστερή στήλη και HTML από τη στήλη Τύπος σελίδας στη μέση.

Εναλλακτικά, μπορείτε να ορίσετε μια επιλογή στο κάτω μέρος της ενότητας Τύπος σελίδας που αντιστοιχεί στη γλώσσα προγραμματισμού που χρησιμοποιείται στον ιστότοπό σας, όπως ASP.NET, PHP ή ColdFusion και, στη συνέχεια, να προχωρήσετε στο Βήμα 3. (Εάν είστε δεν είναι εξοικειωμένοι με αυτές τις επιλογές προγραμματισμού, μείνετε με HTML.)

Στην ενότητα Διάταξη, επιλέξτε μια διάταξη CSS.

Σημειώστε ότι όταν επιλέγετε μια διάταξη CSS, μια προεπισκόπηση της διάταξης εμφανίζεται στην επάνω δεξιά γωνία του πλαισίου διαλόγου.

Από την αναπτυσσόμενη λίστα Layout CSS, επιλέξτε τον τύπο φύλλου στυλ που θέλετε να δημιουργήσετε καθώς σχεδιάζετε τη σελίδα:

• Το Add to Head δημιουργεί ένα εσωτερικό φύλλο στυλ και περιλαμβάνει όλα τα στυλ για τη διάταξη στην περιοχή κεφαλίδας του νέου εγγράφου.

• Το Create New File δημιουργεί ένα νέο εξωτερικό φύλλο στυλ με όλα τα στυλ σελίδας καθώς δημιουργείτε το νέο έγγραφο με το σχέδιο.

• Η σύνδεση με το υπάρχον αρχείο προσθέτει τις πληροφορίες φύλλου στυλ για το νέο έγγραφο σε ένα υπάρχον εξωτερικό φύλλο στυλ.

Σημείωση : Μπορείτε πάντα να αλλάξετε τον τρόπο ρύθμισης του φύλλου στυλ αργότερα μετακινώντας στυλ από ένα εσωτερικό φύλλο στυλ σε ένα εξωτερικό ή από ένα εξωτερικό φύλλο στυλ σε άλλο.

Κάντε κλικ στην επιλογή Δημιουργία.

Η νέα σελίδα δημιουργείται και ανοίγει στον κύριο χώρο εργασίας.

Επιλέξτε Αρχείο→ Αποθήκευση για να αποθηκεύσετε τη σελίδα και τα στυλ.

Εάν αποθηκεύσατε τα στυλ σε ένα εξωτερικό φύλλο στυλ, ένα δεύτερο πλαίσιο σάς προτρέπει να αποθηκεύσετε το φύλλο στυλ ξεχωριστά. Εάν τα στυλ περιέχονται σε ένα εσωτερικό φύλλο στυλ, αποθηκεύονται αυτόματα όταν αποθηκεύετε τη σελίδα.