Δημιουργία νέων μορφών ετικετών σε Adobe CS5 Dreamweaver - dummies Δημιουργία νέων μορφών ετικετών σε Adobe CS5 Dreamweaver

Η δημιουργία μιας ετικέτας (ή ενός στοιχείου) είναι μια απλή διαδρομή για το νέο Adobe Creative Suite 5 (Adobe CS5) Οι χρήστες του Dreamweaver να κατανοούν το CSS. Το Dreamweaver σάς επιτρέπει να συνεργάζεστε με υπάρχουσες ετικέτες HTML, όπως P, H1 και H2. Χρησιμοποιώντας τις υπάρχουσες ετικέτες στοιχείου στη σελίδα σας και τον Έλεγχο ιδιοτήτων, μπορείτε να επιλέξετε να εφαρμόσετε την αυτόματη μορφοποίηση όπου χρησιμοποιούνται ορισμένες ετικέτες HTML.

1Ανοίξτε μια σελίδα HTML.

Βεβαιωθείτε ότι έχετε επιλέξει ένα κείμενο που περιέχει κείμενο.

2Κάντε κλικ στο κουμπί HTML στον πίνακα επιθεώρησης ιδιοτήτων.

Το κουμπί βρίσκεται στην αριστερή πλευρά του πίνακα. Αυτό εμφανίζει τον επιθεωρητή ιδιοτήτων σε προβολή HTML.

3Επιλέξτε μια γραμμή κειμένου.

Προσαρμόστε το επιλεγμένο κείμενο με το κουμπί B που βρίσκεται στον επιθεωρητή ιδιοτήτων.

4Πατήστε την προβολή CSS.

Κάντε κλικ στο κουμπί CSS στην αριστερή άκρη εκείνης του πλαισίου επιθεώρησης ιδιοτήτων.

Ο στόχος είναι να ορίσετε οριστικές πληροφορίες στυλ στην ετικέτα που εμφανίζει έντονη γραφή, έτσι ώστε κάθε έντονο κείμενο στη σελίδα να εμφανίζεται επίσης κόκκινο.

5 Ξεκινήστε έναν νέο κανόνα CSS.

Αφήστε το επιλεγμένο με έντονη γραφή κειμένου και στον Επιθεωρητή ιδιότητας επιλέξτε από την αναπτυσσόμενη λίστα Στοχοθετημένο κανόνα.

6Εφαρμογή χρώματος σε επιλεγμένο κείμενο.

Αν το κείμενο εξακολουθεί να είναι επιλεγμένο, χρησιμοποιήστε τον επιλογέα χρώματος στη δεξιά πλευρά του ελεγκτή ιδιότητας (κάτω από τα κουμπιά B και I) για να επιλέξετε ένα κόκκινο χρώμα για να εφαρμόσετε στο επιλεγμένο, τολμηρό κείμενο.

7 Εμφανίζεται το παράθυρο διαλόγου Νέο κανάλι CSS.

Από την αναπτυσσόμενη λίστα Τύπος επιλογής, επιλέξτε Ετικέτα (Επαναπροσδιορίζει ένα στοιχείο HTML). επιλέξτε Ισχυρή από την αναπτυσσόμενη λίστα Όνομα επιλογέα. επιλέξτε (Μόνο αυτό το έγγραφο) από την αναπτυσσόμενη λίστα Ορισμός κανόνων.

Ο τύπος επιλογέα καθορίζει τον τρόπο με τον οποίο θα εφαρμοστεί η μορφοποίηση στα στοιχεία της σελίδας. Τα στυλ ετικετών αλλάζουν την εμφάνιση οποιουδήποτε στοιχείου διαμορφωμένου με μια συγκεκριμένη ετικέτα HTML.

8Κάντε κλικ στο OK για να δημιουργήσετε το νέο στυλ ετικετών και να κλείσετε τον πίνακα.

Τώρα, κάθε φορά που εφαρμόζετε την ετικέτα για να κάνετε έντονο κείμενο (χρησιμοποιώντας το κουμπί B ή άλλες συντομεύσεις), το έντονο κείμενο εμφανίζεται επίσης κόκκινο. Δημιουργήσατε ένα στυλ ετικέτας που καθορίζει πόσο έντονο κείμενο εμφανίζεται κάθε φορά που εμφανίζεται σε ένα έγγραφο.