Αφού δημιουργήσετε ένα εξωτερικό φύλλο στυλ στο Dreamweaver, μπορείτε να το επισυνάψετε σε οποιαδήποτε ιστοσελίδα. Στις οδηγίες βήμα προς βήμα που ακολουθούν, μπορείτε να χρησιμοποιήσετε οποιοδήποτε από τα προκαθορισμένα φύλλα στυλ που περιλαμβάνονται στο Dreamweaver ή μπορείτε να χρησιμοποιήσετε αυτές τις οδηγίες για να επισυνάψετε οποιοδήποτε φύλλο στυλ δημιουργήσατε χρησιμοποιώντας τα βήματα της προηγούμενης άσκησης.
Ξεκινήστε ανοίγοντας τη σελίδα στην οποία θέλετε να επισυνάψετε το φύλλο στυλ και, στη συνέχεια, ακολουθήστε τα εξής βήματα:
Κάντε κλικ στο εικονίδιο συν (+) στον πίνακα Πηγές στο επάνω μέρος του πίνακα σχεδιασμού CSS και επιλέξτε Επισύναψη υπάρχοντος αρχείου CSS από την αναπτυσσόμενη λίστα.
Ανοίγει το παράθυρο διαλόγου Επισύναψη υπάρχοντος αρχείου CSS.
Κάντε κλικ στο κουμπί Αναζήτηση και εντοπίστε το αρχείο CSS στον τοπικό φάκελο του ιστότοπού σας.
Μπορείτε επίσης να εισαγάγετε μια διεύθυνση URL εάν θέλετε να χρησιμοποιήσετε ένα απομακρυσμένο αρχείο CSS που βρίσκεται σε άλλο ιστότοπο, αλλά είναι πιο συνηθισμένο να χρησιμοποιείτε ένα φύλλο στυλ που περιέχεται στον ιστότοπο στον οποίο εργάζεστε.
Επιλέξτε την επιλογή Σύνδεσμος ή Εισαγωγή.
Εάν επισυνάπτετε ένα φύλλο στυλ σε ένα αρχείο HTML, η καλύτερη επιλογή σας είναι σχεδόν πάντα να επιλέξετε Link, που είναι η προεπιλογή. Επιλέξτε Εισαγωγή εάν θέλετε να δημιουργήσετε ένα κύριο εξωτερικό φύλλο στυλ που περιέχει αναφορές σε άλλα φύλλα στυλ, μια σύνθετη επιλογή που επιτρέπει σε ένα φύλλο στυλ να παραπέμπει σε άλλο.
(Προαιρετικό) Επιλέξτε επιλογές από την ενότητα Χρήση υπό όρους.
Χρησιμοποιήστε τις δυνατότητες χρήσης υπό όρους για να ορίσετε ένα ερώτημα πολυμέσων καθώς επισυνάπτετε το φύλλο στυλ σας.
Κάντε κλικ στο OK.
Το παράθυρο διαλόγου κλείνει και το Dreamweaver ορίζει τη σύνδεση στο φύλλο στυλ προσθέτοντας μια γραμμή κώδικα στην κορυφή του αρχείου HTML. Αφού συνδέσετε ένα εξωτερικό φύλλο στυλ, τυχόν ισχύοντα στυλ εφαρμόζονται αυτόματα στο περιεχόμενο της σελίδας στο Dreamweaver και τα ονόματα επιλογέα των στυλ που ορίζονται στο φύλλο στυλ γίνονται ορατά στον πίνακα Επιλογείς του πίνακα σχεδιασμού CSS.
Μπορείτε να επισυνάψετε πολλά φύλλα στυλ στην ίδια σελίδα HTML και μπορείτε να χρησιμοποιήσετε εσωτερικά και εξωτερικά φύλλα στυλ στο ίδιο έγγραφο. Για παράδειγμα, μπορείτε να αποθηκεύσετε τα στυλ κειμένου σας σε ένα φύλλο στυλ, να αποθηκεύσετε τα στυλ διάταξης σε ένα άλλο και, στη συνέχεια, να τα επισυνάψετε στο ίδιο έγγραφο — κάτι που καθιστά διαθέσιμα όλα τα καθορισμένα στυλ στη σελίδα.
Ομοίως, δημιουργείτε διαφορετικά φύλλα στυλ για διαφορετικούς σκοπούς, όπως ένα για την εκτύπωση του αρχείου και ένα άλλο για την εμφάνιση του προγράμματος περιήγησης.