Η δημιουργία μιας ετικέτας (ή ενός στοιχείου) είναι μια απλή διαδρομή για τους νέους χρήστες του Adobe Creative Suite 5 (Adobe CS5) Dreamweaver να κατανοήσουν το CSS. Το Dreamweaver σάς επιτρέπει να εργάζεστε με υπάρχουσες ετικέτες HTML, όπως P, H1 και H2. Χρησιμοποιώντας υπάρχουσες ετικέτες στοιχείων στη σελίδα σας και το Property Inspector, μπορείτε να επιλέξετε να εφαρμόσετε αυτόματη μορφοποίηση όπου χρησιμοποιούνται συγκεκριμένες ετικέτες HTML.
1 Ανοίξτε μια σελίδα HTML.
Φροντίστε να επιλέξετε ένα που περιέχει κείμενο.
2 Κάντε κλικ στο κουμπί HTML στον πίνακα επιθεώρησης ιδιοτήτων.
Το κουμπί βρίσκεται στην αριστερή πλευρά του πίνακα. Αυτό εμφανίζει το Property inspector σε προβολή HTML.
3 Επιλέξτε μια γραμμή κειμένου.
Έντονη γραφή στο επιλεγμένο κείμενο χρησιμοποιώντας το κουμπί B που βρίσκεται στο Property inspector.
4 Μετάβαση σε προβολή CSS.
Κάντε κλικ στο κουμπί CSS στην αριστερή πλευρά του πίνακα ελέγχου ιδιοτήτων.
Ο στόχος είναι να αντιστοιχίσετε οριστικές πληροφορίες στυλ στην ετικέτα που προσθέτει έντονη γραφή στο κείμενο, έτσι ώστε κάθε έντονο κείμενο στη σελίδα να εμφανίζεται επίσης κόκκινο.
5 Ξεκινήστε έναν νέο κανόνα CSS.
Αφήστε επιλεγμένο το κείμενο με έντονη γραφή και στο Property Inspector επιλέξτε από την αναπτυσσόμενη λίστα Targeted Rule.
6Εφαρμογή χρώματος στο επιλεγμένο κείμενο.
Με το κείμενο ακόμα επιλεγμένο, χρησιμοποιήστε τον επιλογέα χρώματος στη δεξιά πλευρά του επιθεωρητή ιδιοτήτων (βρίσκεται κάτω από τα κουμπιά B και I) για να επιλέξετε ένα κόκκινο χρώμα που θα εφαρμοστεί στο επιλεγμένο, έντονο κείμενο.

7 Εμφανίζεται το πλαίσιο διαλόγου Νέος κανόνας CSS.
Από την αναπτυσσόμενη λίστα Τύπος επιλογέα, επιλέξτε Ετικέτα (Επαναπροσδιορίζει ένα στοιχείο HTML). επιλέξτε Ισχυρό από την αναπτυσσόμενη λίστα Όνομα επιλογέα. επιλέξτε (Μόνο αυτό το έγγραφο) από την αναπτυσσόμενη λίστα Ορισμός κανόνα.
Ο τύπος επιλογέα καθορίζει τον τρόπο με τον οποίο θα εφαρμοστεί η μορφοποίηση σε στοιχεία της σελίδας. Τα στυλ ετικετών αλλάζουν την εμφάνιση οποιουδήποτε στοιχείου που έχει μορφοποιηθεί με μια συγκεκριμένη ετικέτα HTML.
8 Κάντε κλικ στο OK για να δημιουργήσετε το νέο στυλ ετικέτας και κλείστε τον πίνακα.
Τώρα, κάθε φορά που εφαρμόζετε την ετικέτα για να κάνετε έντονη γραφή (χρησιμοποιώντας το κουμπί B ή άλλες συντομεύσεις), αυτό το έντονο κείμενο εμφανίζεται επίσης κόκκινο. Έχετε δημιουργήσει ένα στυλ ετικέτας που καθορίζει τον τρόπο εμφάνισης του έντονου κειμένου κάθε φορά που εμφανίζεται σε ένα έγγραφο.