Βίντεο: ITA - Cascate in stile impressionista, parte 2/3 2024
Αφού δημιουργήσετε ένα εξωτερικό φύλλο στυλ στο Dreamweaver, μπορείτε να το επισυνάψετε σε οποιαδήποτε ιστοσελίδα. Στις βήμα προς βήμα οδηγίες που ακολουθούν, μπορείτε να χρησιμοποιήσετε οποιοδήποτε από τα προκαθορισμένα φύλλα στυλ που περιλαμβάνονται στο Dreamweaver ή μπορείτε να χρησιμοποιήσετε αυτές τις οδηγίες για να επισυνάψετε τυχόν φύλλα στυλ που δημιουργείτε χρησιμοποιώντας τα βήματα της προηγούμενης άσκησης.
Ξεκινήστε ανοίγοντας τη σελίδα στην οποία θέλετε να επισυνάψετε το φύλλο στυλ και ακολουθήστε τα παρακάτω βήματα:
-
Κάντε κλικ στο εικονίδιο συν (+) στον πίνακα "Πηγές" στην κορυφή του πλαισίου του σχεδιαστή CSS και επιλέξτε την επισύναψη του υπάρχοντος αρχείου CSS από την αναπτυσσόμενη λίστα.
Ανοίγει το παράθυρο διαλόγου Προσάρτηση υπάρχοντος αρχείου CSS.
-
Κάντε κλικ στο κουμπί Αναζήτηση και εντοπίστε το αρχείο CSS στο φάκελο του τοπικού ιστότοπού σας.
Μπορείτε επίσης να εισαγάγετε μια διεύθυνση URL εάν θέλετε να χρησιμοποιήσετε ένα απομακρυσμένο αρχείο CSS που βρίσκεται σε έναν άλλο ιστότοπο, αλλά είναι συνηθισμένο να χρησιμοποιήσετε ένα φύλλο στυλ που περιλαμβάνεται στον ιστότοπο στον οποίο εργάζεστε.
-
Επιλέξτε την επιλογή Link ή Import.
Αν συνδέετε ένα φύλλο στυλ σε ένα αρχείο HTML, η καλύτερη επιλογή σας είναι σχεδόν πάντα να επιλέξετε Link, η οποία είναι η προεπιλογή. Επιλέξτε Εισαγωγή αν θέλετε να δημιουργήσετε ένα κύριο εξωτερικό φύλλο στυλ που περιέχει αναφορές σε άλλα φύλλα στυλ, μια προηγμένη επιλογή που επιτρέπει σε ένα φύλλο στυλ να αναφέρεται σε άλλο.
-
(Προαιρετικό) Επιλέξτε επιλογές από την ενότητα "Χρήση υπό όρους".
Χρησιμοποιήστε τις λειτουργίες "Προϋπόθεση χρήσης" για να ορίσετε ένα ερώτημα πολυμέσων καθώς προσαρμόζετε το φύλλο στυλ.
-
Κάντε κλικ στο κουμπί OK.
Το παράθυρο διαλόγου κλείνει και το Dreamweaver ορίζει τη σύνδεση με το φύλλο στυλ προσθέτοντας μια γραμμή κώδικα στην κορυφή του αρχείου HTML. Αφού συνδέσετε ένα εξωτερικό φύλλο στυλ, τυχόν εφαρμοστέα στυλ εφαρμόζονται αυτόματα στο περιεχόμενο της σελίδας στο Dreamweaver και τα ονόματα των επιλογέων των στυλ που ορίζονται στο φύλλο στυλ γίνονται ορατά στον πίνακα επιλογών του πίνακα σχεδιαστή CSS.
Μπορείτε να επισυνάψετε πολλά φύλλα στυλ στην ίδια σελίδα HTML και μπορείτε να χρησιμοποιήσετε εσωτερικά και εξωτερικά φύλλα στυλ στο ίδιο έγγραφο. Για παράδειγμα, μπορείτε να αποθηκεύσετε τα στυλ κειμένου σας σε ένα φύλλο στυλ, να αποθηκεύσετε τα στυλ διαμόρφωσης σε ένα άλλο και, στη συνέχεια, να τα προσαρτήσετε στο ίδιο έγγραφο - το οποίο καθιστά διαθέσιμα όλα τα καθορισμένα στυλ στη σελίδα.
Παρομοίως, δημιουργείτε διαφορετικά φύλλα στυλ για διαφορετικούς σκοπούς, όπως ένα για την εκτύπωση του αρχείου και ένα άλλο για την εμφάνιση του προγράμματος περιήγησης.