Κατά τη διαδικασία εργασίας στον ιστότοπο, τόσο οι επαγγελματίες webmaster όσο και οι άνθρωποι που ασχολούνται με την ενημέρωση του ιστότοπου, αλλά δεν είναι επαγγελματίες, κάνουν διάφορες αλλαγές στο στυλ του πόρου ιστού. Για παράδειγμα, ίσως χρειαστεί να αλλάξετε το χρώμα των συνδέσμων στον ιστότοπο για κάποιο λόγο.
Σε αυτήν την περίπτωση, πρέπει να γνωρίζετε ότι το χρώμα των συνδέσμων αλλάζει χρησιμοποιώντας CSS (Cascading Style Sheets) - cascading style φύλλα. Αυτοί είναι πίνακες που χρησιμοποιούνται σε συνδυασμό με μια γλώσσα προγραμματισμού για τη δημιουργία ενός πόρου Ιστού. Το CSS είναι υπεύθυνο για τη δομή του ιστότοπου, δηλαδή για το στυλ, την εμφάνισή του και το html - για το περιεχόμενο του πόρου. Το CSS είναι συνέχεια της εξέλιξης του HTML.
Σύνδεση χρώματος στον ιστότοπο
Έτσι, μπορείτε να αλλάξετε το χρώμα των συνδέσμων τόσο για τον ιστότοπο ως σύνολο όσο και για κάθε σύνδεσμο ξεχωριστά. Τα χρώματα συνδέσμου ορίζονται ως χαρακτηριστικό της κύριας ετικέτας. Ένα χαρακτηριστικό είναι κάτι που δεν χρειάζεται να γράψετε στον κώδικα, καθώς ορισμένα από αυτά έχουν ήδη οριστεί από προεπιλογή. Το χαρακτηριστικό link καθορίζει το χρώμα των συνδέσμων στη σελίδα του ιστότοπου. Η προεπιλογή είναι μπλε. Το Alink είναι ένα χαρακτηριστικό που καθορίζει το χρώμα των ενεργών συνδέσμων, από προεπιλογή είναι κόκκινο. Vlink - επισκεπτόμενοι σύνδεσμοι, το γενικά αποδεκτό χρώμα τους είναι μοβ.
Τις περισσότερες φορές, το χρώμα των συνδέσμων στις ιστοσελίδες ορίζεται σε δεκαεξαδική σημειογραφία (#EEEEEE - γκρι) ή σε μορφή rgb (# 808080 - γκρι), αλλά μπορείτε επίσης να χρησιμοποιήσετε την παραδοσιακή αγγλική χρωματική σημειογραφία (γκρι - γκρι). Επιπλέον, το χρώμα μπορεί να ρυθμιστεί σε μοίρες, η μορφή HSL είναι κατάλληλη για αυτό. Οι χρωματικοί χάρτες είναι εύκολο να βρεθούν στο Διαδίκτυο.
Αλλάξτε το χρώμα των συνδέσμων
Για να αλλάξετε το χρώμα όλων των συνδέσμων στη σελίδα, αρκεί να αλλάξετε το χρώμα του χαρακτηριστικού χρώματος στα στυλ. Για να το κάνετε αυτό, βρείτε το αρχείο style.css, ανοίξτε το και βρείτε το χαρακτηριστικό. Για παράδειγμα, A {color: green; / * Χρώμα συνδέσμου * /}, όπου το Α είναι σύνδεσμος, το χρώμα του οποίου αλλάζουμε σε πράσινο. Μπορείτε να αλλάξετε την τιμή χρώματος όπως θέλετε χρησιμοποιώντας οποιοδήποτε από τα συστήματα σημειογραφίας χρώματος. Το πρόγραμμα περιήγησης θα σας «καταλάβει». Το στυλ θα ισχύει για όλους τους συνδέσμους στην ιστοσελίδα. Μπορείτε να αλλάξετε τα χρώματα άλλων χαρακτηριστικών με τον ίδιο τρόπο, για παράδειγμα, το χρώμα ενός συνδέσμου όταν τοποθετείτε το δείκτη του ποντικιού πάνω από αυτόν.
Για να δημιουργήσετε συνδέσμους σε διαφορετικά χρώματα σε μια ιστοσελίδα, χρησιμοποιήστε την ακόλουθη καταχώριση στο φύλλο στυλ:
.menu a {color: grey; }
. Περιεχόμενο a {color: green; }
Από το παράδειγμα προκύπτει ότι οι σύνδεσμοι για το μενού θα είναι γκρι και οι σύνδεσμοι στο μπλοκ περιεχομένου θα είναι πράσινοι.
Τα ίδια βήματα μπορούν να γίνουν με συνδέσμους εάν τα στυλ δεν βρίσκονται σε ξεχωριστό αρχείο, αλλά στο ίδιο το έγγραφο html. Αυτοί είναι επιλογείς με βάση τα συμφραζόμενα.
Εάν θέλετε να επεξεργαστείτε γρήγορα τα στυλ και να αλλάξετε τα χρώματα των συνδέσμων, τότε είναι καλύτερο να χρησιμοποιήσετε το οπτικό πρόγραμμα επεξεργασίας Dreamwever. Το κύριο πράγμα που πρέπει να θυμάστε είναι ότι οι σύνδεσμοι πρέπει να φαίνονται οργανικοί σε σχέση με ολόκληρη την ιστοσελίδα. Για ανοιχτόχρωμο φόντο, οι σκοτεινοί σύνδεσμοι είναι καλύτεροι και το αντίστροφο.
