Πώς να κάνετε εναλλαγή μεταξύ λειτουργίας CSS και HTML στο Dreamweaver Property Inspector

Το Property inspector, το οποίο είναι προσβάσιμο από το κάτω μέρος του χώρου εργασίας Dreamweaver, εμφανίζει τις ιδιότητες που είναι διαθέσιμες σε οποιοδήποτε επιλεγμένο στοιχείο στη σελίδα. Έτσι, οι επιλογές στο Property inspector είναι διαφορετικές όταν επιλέγεται μια εικόνα από ό,τι όταν επιλέγεται κείμενο, για παράδειγμα.

Όταν δεν επιλέγεται τίποτα ή όταν επιλέγετε κείμενο σε μια σελίδα, το Property inspector χωρίζεται σε δύο ενότητες: HTML και CSS.

Σημειώστε ότι τα κουμπιά στην αριστερή πλευρά του Property inspector διευκολύνουν την εναλλαγή μεταξύ αυτών των δύο λειτουργιών.

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

Στη λειτουργία CSS, μπορείτε επίσης να επιλέξετε να επεξεργαστείτε υπάρχοντα στυλ για να προσθέσετε νέες επιλογές μορφοποίησης σε στυλ που εφαρμόζονται ήδη σε κείμενο, εικόνες ή άλλα στοιχεία μιας σελίδας. Μπορείτε να επεξεργαστείτε ένα υπάρχον στυλ επιλέγοντας απλώς το στυλ στην αναπτυσσόμενη λίστα Targeted Rule και, στη συνέχεια, χρησιμοποιώντας τα πεδία Γραμματοσειρά, Μέγεθος και άλλα πεδία στο Property inspector για να κάνετε αλλαγές ή προσθήκες.

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

Κάθε φορά που θέλετε να δημιουργήσετε ή να επεξεργαστείτε ένα στυλ, χρησιμοποιήστε το Property inspector σε λειτουργία CSS. Από την άλλη πλευρά, για να εφαρμόσετε ένα υπάρχον στυλ σε ένα στοιχείο της σελίδας, βεβαιωθείτε ότι βρίσκεστε σε λειτουργία HTML. Για παράδειγμα, για να ευθυγραμμίσετε μια εικόνα με ένα στυλ κλάσης ή να εφαρμόσετε ένα στυλ αναγνωριστικού σε ένα

ετικέτα, πρέπει να είστε σε λειτουργία HTML.

Για να εφαρμόσετε ένα στυλ σε λειτουργία HTML, επιλέξτε την εικόνα, το κείμενο ή άλλο στοιχείο στη σελίδα όπου θέλετε να εφαρμόσετε το στυλ και, στη συνέχεια, χρησιμοποιήστε τις αναπτυσσόμενες λίστες Class ή ID για να επιλέξετε το στυλ. Το Dreamweaver το εφαρμόζει αυτόματα.

Ομοίως, για να εφαρμόσετε μια ετικέτα HTML, όπως η

ετικέτα, θα πρέπει να είστε σε λειτουργία HTML. Αλλά δημιουργείτε ή επεξεργάζεστε έναν κανόνα CSS για το

ετικέτα σε λειτουργία CSS. Φυσικά, δεν χρειάζεται να δημιουργήσετε ή να επεξεργαστείτε στυλ με το Property inspector. Θεωρήστε αυτή τη μέθοδο συντόμευσης. ίσως εξακολουθείτε να προτιμάτε να χρησιμοποιείτε τον πίνακα σχεδιασμού CSS για να κάνετε σημαντικές αλλαγές σε ένα στυλ.