Βίντεο: #14.HTML5-CSS3.Δημιουργία Layout Σελίδας (Greek Web Tutorials) 2025
Το Dreamweaver περιλαμβάνει δύο CSS σχεδιαστεί με ετικέτες HTML5 που μπορείτε να προσαρμόσετε για να δημιουργήσετε μια φαινομενικά απεριόριστη ποικιλία σχεδίων σελίδας. Αυτές οι διατάξεις σας δίνουν ένα ξεκίνημα κατά τη δημιουργία μιας νέας σελίδας και έχουν σχεδιαστεί για να λειτουργούν καλά σε μια ποικιλία περιηγητών ιστού, ώστε να μπορούν να σας βοηθήσουν να αποφύγετε κοινά προβλήματα που προκαλούνται από τους διαφορετικούς τρόπους προβολής των HTML5 και CSS από τα προγράμματα περιήγησης ιστού.
Για όλους αυτούς τους λόγους, θα πρέπει να αρχίσετε το σχεδιαστικό έργο σας στο Dreamweaver με μια διάταξη CSS που επιλέχθηκε στο παράθυρο Νέο έγγραφο, ειδικά αν θέλετε να χρησιμοποιήσετε το HTML5.
Για να δημιουργήσετε μια νέα σελίδα χρησιμοποιώντας μια διάταξη CSS του Dreamweaver, ακολουθήστε αυτές τις οδηγίες:
-
Επιλέξτε Αρχείο → Νέο.
Εμφανίζεται το παράθυρο διαλόγου Νέο έγγραφο.
-
Επιλέξτε κενή σελίδα από την αριστερή στήλη και HTML από τη στήλη Τύπος σελίδας στη μέση.
Εναλλακτικά, μπορείτε να επιλέξετε μια επιλογή στο κάτω μέρος της ενότητας Τύπος σελίδας που αντιστοιχεί στη γλώσσα προγραμματισμού που χρησιμοποιείται στον ιστότοπό σας, όπως το ASP. NET, PHP ή ColdFusion, και στη συνέχεια προχωρήστε στο βήμα 3. (Εάν δεν είστε εξοικειωμένοι με αυτές τις επιλογές προγραμματισμού, κολλήστε με την HTML.)
-
Στην ενότητα Layout, επιλέξτε είτε CSS layout.
Σημειώστε ότι όταν επιλέγετε μια διάταξη CSS, μια προεπισκόπηση της διάταξης εμφανίζεται στην επάνω δεξιά γωνία του πλαισίου διαλόγου.
-
Από την αναπτυσσόμενη λίστα Layout CSS, επιλέξτε τον τύπο φύλλου στυλ που θέλετε να δημιουργήσετε κατά τη σχεδίαση της σελίδας:
-
Add to Head δημιουργεί ένα εσωτερικό φύλλο στυλ και περιλαμβάνει όλα τα στυλ για τη διάταξη στην περιοχή κεφαλίδας του νέου εγγράφου.
-
Δημιουργία νέου αρχείου δημιουργεί ένα νέο εξωτερικό φύλλο στυλ με όλα τα στυλ σελίδας καθώς δημιουργείτε το νέο έγγραφο με το σχέδιο.
-
Σύνδεση με υπάρχον αρχείο προσθέτει τις πληροφορίες φύλλου στυλ για το νέο έγγραφο σε υπάρχον εξωτερικό φύλλο στυλ.
Σημείωση : Μπορείτε πάντα να αλλάξετε τον τρόπο ρύθμισης της σελίδας στυλ αργότερα, μεταφέροντας στυλ από ένα εσωτερικό φύλλο στυλ σε ένα εξωτερικό φύλλο στυλ σε ένα εξωτερικό φύλλο στυλ ή από ένα εξωτερικό φύλλο στυλ σε άλλο.
-
-
Κάντε κλικ στην επιλογή Δημιουργία.
Η νέα σελίδα δημιουργείται και ανοίγει στον κύριο χώρο εργασίας.
-
Επιλέξτε Αρχείο → Αποθήκευση για να αποθηκεύσετε τη σελίδα και τα στυλ.
Εάν αποθηκεύσατε τα στυλ σε ένα εξωτερικό φύλλο στυλ, ένα δεύτερο πλαίσιο σας ζητά να αποθηκεύσετε ξεχωριστά το φύλλο στυλ. Εάν τα στυλ περιέχονται σε ένα εσωτερικό φύλλο στυλ, αποθηκεύονται αυτόματα όταν αποθηκεύετε τη σελίδα.
