Πώς να αλλάξετε χρώματα φόντου και κειμένου στο Dreamweaver - dummies

Στο Dreamweaver, μπορείτε να αλλάξετε το φόντο και τα διαθέσιμα χρώματα κειμένου από τις κατηγορίες Εμφάνιση. Σημειώστε ότι οι επιλογές CSS συνιστώνται σε επιλογές HTML. Όταν χρησιμοποιείτε τις επιλογές εμφάνισης (CSS), το Dreamweaver δημιουργεί αυτόματα τα αντίστοιχα στυλ για την ετικέτα σώματος. Όταν χρησιμοποιείτε οποιεσδήποτε επιλογές CSS στο παράθυρο διαλόγου Ιδιότητες σελίδας, το Dreamweaver δημιουργεί αυτόματα τα αντίστοιχα στυλ και τα εμφανίζει στον πίνακα CSS Styles.

Αν και μπορείτε να εφαρμόσετε σφαιρικές ρυθμίσεις, όπως το μέγεθος κειμένου και το χρώμα, στο παράθυρο διαλόγου Ιδιότητες σελίδας, μπορείτε να αντικαταστήσετε αυτές τις ρυθμίσεις με άλλες επιλογές μορφοποίησης σε συγκεκριμένες περιπτώσεις. Για παράδειγμα, μπορείτε να ορίσετε όλο το κείμενό σας σε Helvetica στις ιδιότητες σελίδας και στη συνέχεια να αλλάξετε τη γραμματοσειρά για τίτλους σε Arial χρησιμοποιώντας CSS.

Για να αλλάξετε τις ρυθμίσεις γραμματοσειράς, χρώμα φόντου, χρώμα κειμένου και περιθώρια σελίδας για μια ολόκληρη σελίδα, ακολουθήστε τα παρακάτω βήματα:

1. Επιλέξτε Τροποποίηση → Ιδιότητες σελίδας.

   Εμφανίζεται η κατηγορία εμφάνισης (CSS) του παραθύρου διαλόγου Ιδιότητες σελίδας.

2. Στην αναπτυσσόμενη λίστα Γραμματοσειρά σελίδας, καθορίστε τις γραμματοσειρές που θέλετε για το κείμενο στη σελίδα σας.

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

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

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

4. Στην αναπτυσσόμενη λίστα Μέγεθος, καθορίστε το μέγεθος γραμματοσειράς που θέλετε για το κείμενο στη σελίδα σας.

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

5. Κάντε κλικ στο πλαίσιο κειμένου χρώματος κειμένου για να αποκαλύψετε την παλέτα χρωμάτων. Επιλέξτε οποιοδήποτε χρώμα θέλετε.

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

6. Κάντε κλικ στο πλαίσιο παραθύρου χρώματος φόντου για να αποκαλύψετε την παλέτα χρωμάτων. Επιλέξτε οποιοδήποτε χρώμα θέλετε.

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

7. Εάν θέλετε να εισαγάγετε ένα γραφικό ή μια φωτογραφία στο φόντο της σελίδας σας, κάντε κλικ στο κουμπί Περιήγηση δίπλα στο πλαίσιο Εικόνα φόντου και επιλέξτε την εικόνα στο παράθυρο διαλόγου Επιλογή εικόνας προέλευσης.

   Όταν εισάγετε μια εικόνα φόντου, επαναλαμβάνεται αυτόματα ή πλακάκια, απέναντι και κάτω από τη σελίδα, εκτός εάν επιλέξετε μια επιλογή από την αναπτυσσόμενη λίστα Repeat. Η επιλογή No-Repeat αποτρέπει την επανάληψη της εικόνας φόντου. Repeat-X και Repeat-Y επαναλαμβάνουν την εικόνα κατακόρυφα (άξονας x) ή οριζόντια (άξονας y), αντίστοιχα, σε όλη τη σελίδα.

8. Χρησιμοποιήστε τις επιλογές περιθωρίου στο κάτω μέρος του πλαισίου διαλόγου για να αλλάξετε τα περιθώρια στο αριστερό, το δεξιό, το επάνω ή το κάτω μέρος της σελίδας σας.

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

9. Κάντε κλικ στο κουμπί Εφαρμογή για να δείτε πώς εμφανίζονται τα χρώματα στη σελίδα σας.

10. Κάντε κλικ στο κουμπί OK για να ολοκληρώσετε και να κλείσετε το παράθυρο διαλόγου Ιδιότητες σελίδας.