Δημιουργία του Style Class σε Adobe CS5 Dreamweaver - Εικονίδια

Adobe Creative Suite 5 (Adobe CS5) Το Dreamweaver υποστηρίζει τη δημιουργία στυλ τάξης για πιο ακριβή έλεγχο της σελίδας σας μορφοποίηση. Μπορείτε να δημιουργήσετε επιλογείς κλάσης , οι οποίοι ονομάζονται στυλ για το σώμα, το κείμενο, τους τίτλους, τους υποτίτλους και άλλα στοιχεία. Σε αντίθεση με τους επιλογείς ετικετών, μπορείτε να επιλέξετε ακριβώς οποιοδήποτε όνομα για μια τάξη και να εφαρμόσετε το στυλ της επιλεκτικά στα αντικείμενα εάν και όταν θέλετε.

Μπορείτε επίσης να κάνετε τον νέο σας κανόνα διαθέσιμο σε περισσότερες από μία σελίδες στον ιστότοπό σας, ορίζοντας ένα νέο εξωτερικό φύλλο στυλ. Αυτή η μέθοδος αποθηκεύει τους κανόνες σας σε ένα εξωτερικό αρχείο που μπορεί να προσαρτηθεί σε πολλές σελίδες τη φορά.

1Επιλέξτε το παράθυρο διαλόγου Νέο κανόνα CSS.

Εντοπίστε τον πίνακα CSS προς τα δεξιά και κάντε κλικ στο κουμπί Νέο κανόνα CSS στο κάτω μέρος ή επιλέξτε Μορφή → Στυλ CSS → Νέα.

2Επιλέξτε την κλάση (μπορεί να εφαρμοστεί σε οποιοδήποτε στοιχείο HTML).

Αυτή η επιλογή βρίσκεται στην αναπτυσσόμενη λίστα Τύπος επιλογέα.

3Δείτε τη νέα σας τάξη.

Στο πλαίσιο κειμένου Επιλογέας Όνομα, εισάγετε ένα όνομα για τη νέα σας τάξη. Μπορείτε να εισαγάγετε οποιοδήποτε όνομα θέλετε, αλλά βεβαιωθείτε ότι δεν έχει κενά και είναι περιγραφικό για το πώς θα το χρησιμοποιήσετε. Το Reallycoolstyle είναι ένα κακό όνομα. headlinestyle είναι ένα καλύτερο όνομα. Το Dreamweaver εισάγει την περίοδο στο μπροστινό μέρος του ονόματος στυλ επειδή είναι μια απαραίτητη σύμβαση ονομασίας.

4Επιλέξτε (Νέο αρχείο φύλλου στυλ).

Αυτή είναι μια επιλογή στην αναπτυσσόμενη λίστα Ορισμός κανόνων στο κάτω μέρος. Κάντε κλικ στο κουμπί OK.

5 Εμφανίζεται το παράθυρο διαλόγου "Αποθήκευση φύλλου φύλλου στυλ".

Εντοπίστε το φάκελο του ιστότοπού σας (ή αν δεν έχετε ορίσει έναν ιστότοπο, έναν φάκελο στον οποίο θα διατηρείτε όλες τις σχετικές πληροφορίες, όπως αρχεία εικόνας και σελίδες για τον ιστότοπό σας).

6Εισάγετε ένα όνομα για το φύλλο στυλ.

Εισαγάγετε ένα κατάλληλο όνομα, όπως το κύριο. css ή βασικά. css εάν είναι το κύριο σύνολο στυλ που δημιουργείτε για τον ιστότοπό σας. (Το Dreamweaver θα προσθέσει την υποχρεωτική επέκταση css στο τέλος του ονόματος αρχείου.)

7Save your Style.

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

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