Πώς να αλλάξετε τις μορφές συνδέσεων με τις ιδιότητες σελίδων στο Dreamweaver - ανδρείκελα

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

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

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

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

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

2. Στα αριστερά του πλαισίου διαλόγου Ιδιότητες σελίδας, επιλέξτε την κατηγορία Σύνδεσμοι (CSS).

   

3. Καθορίστε μια γραμματοσειρά και μέγεθος για τους συνδέσμους σας.

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

4. Καθορίστε χρώματα για κάθε κατάσταση υπερσύνδεσης κάνοντας κλικ στο αντίστοιχο χρώμα καλά και επιλέγοντας ένα χρώμα από το πλαίσιο διαλόγου Χρώμα.

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

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

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

   • Μετατροπή συνδέσμων: Το χρώμα που ένας σύνδεσμος αλλάζει σε όταν ένας χρήστης μετακινεί ένα δρομέα πάνω σε έναν σύνδεσμο. Η αντίστοιχη ετικέτα HTML είναι.

   • Ενεργός σύνδεσμος: Το χρώμα που ένας σύνδεσμος αλλάζει σε όταν ένας χρήστης κάνει ενεργό κλικ σε έναν σύνδεσμο. Η αντίστοιχη ετικέτα HTML είναι.

5. Επιλέξτε ένα στυλ από την αναπτυσσόμενη λίστα Underline Style.

   Από προεπιλογή, οι συνδέσεις που εμφανίζονται σε ένα πρόγραμμα περιήγησης ιστού υπογραμμίζονται. Πολλοί σχεδιαστές προτιμούν να αφαιρέσουν την υπογράμμιση που εμφανίζεται αυτόματα κάτω από το συνδεδεμένο κείμενο επιλέγοντας Never Underline. Μπορείτε να δώσετε στους επισκέπτες το οπτικό σύνθημα της υπογράμμισης, αλλά μόνο καθώς κυλούν ένα δρομέα πάνω σε έναν σύνδεσμο, οπότε επιλέξτε την επιλογή Show Underline Only on Rollover.

6. Κάντε κλικ στο κουμπί OK.

   Το παράθυρο διαλόγου Ιδιότητες σελίδας κλείνει, οι ρυθμίσεις στυλ εφαρμόζονται αυτόματα σε όλους τους συνδέσμους της σελίδας και τα αντίστοιχα στυλ προστίθενται στον πίνακα CSS Styles.

Για να δοκιμάσετε πλήρως τα στυλ συνδέσμων, προεπισκόπηση της σελίδας σας σε ένα πρόγραμμα περιήγησης ιστού ή κάντε κλικ στο κουμπί Live View στο επάνω μέρος του χώρου εργασίας. Είναι καλή πρακτική να δοκιμάζετε τις ρυθμίσεις σύνδεσης σε ένα πρόγραμμα περιήγησης όταν κάνετε αλλαγές όπως αυτές της προηγούμενης άσκησης. Ρίξτε μια ματιά στο πώς εμφανίζονται οι σύνδεσμοί σας.

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

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