Πώς ορίζουμε το χρώμα του φόντου και του κειμένου της σελίδας

Η οδηγία <BODY> ρυθμίζει την εμφάνιση του κυρίως σώματος της σελίδας. Η <BODY> ανοίγει αμέσως μετά τις <TITLE> και <HEAD> και είναι κλείνει </BODY> προτελευταία αμέσως πριν την </HTML>.

Το χρώμα του φόντου της σελίδας ορίζεται παραμετρικά μέσα στην οδηγία <BODY>

Η σύνταξη είναι: <BODY BGCOLOR="#934CE8"> (Για πράσινο χρώμα) ή <BODY BGCOLOR=BLUE> (για μπλε χρώμα).

Παράδειγμα σελίδας με κόκκινο φόντο:

<HTML><HEAD><TITLE>Το μέλλον της Τηλεεργασίας</TITLE></HEAD>

<BODY BGCOLOR=RED>Το 1980 ο γνωστός μελλοντολόγος Alvin Toffler οραματίστηκε στο βιβλίο του "Το Τρίτο Κύμα", έναν κόσμο με μισοάδειες πόλεις.Συνήθως δεν πρέπει να δίνουμε μεγάλη σημασία σε τέτοιες προβλέψεις μια και οι σύγχρονοι προφήτες (έστω και αν έχουν αποκτήσει το πιο επιστημονικό όνομα του μελλοντολόγου) σπάνια αποδεικνύονται καλύτεροι από τους προκατόχους τους.Ωστόσο, στην συγκεκριμένη περίπτωση, η αυξανόμενη δημοτικότητα της τηλεεργασίας, φαίνεται πως θα επιβεβαιώσει σε μεγάλο βαθμό αυτές τις προβλέψεις.</BODY></HTML>

Αν θέλουμε να ορίσουμε το χρώμα λεκτικά <BODY BGCOLOR=όνομα χρώματος> τότε θα χρησιμοποιήσουμε ένα από τα black, white, green, maroon, olive, navy, purple, gray, red, yellow, blue, teal, lime, aqua, fuchsia, silver. Για μεγαλύτερη ποικιλία σε χρώματα και αποχρώσεις, χρησιμοποιούμε τον δεκαεξαδικό κωδικό <BODY BGCOLOR="ο κωδικός"> του κάθε χρώματος (π.χ. το #934CE8 είναι μια απόχρωση του πράσινου).

Προσοχή! Ο δεκαεξαδικός κωδικός, πρέπει να μπαίνει μέσα σε εισαγωγικά. Δεν βάζουμε όμως εισαγωγικά αν το χρώμα δίνεται λεκτικά.

Σημείωση: Η BGCOLOR μπορεί να χρησιμοποιηθεί και μέσα στην οδηγία <TR> ή <TD> για να ορίσει το χρώμα του φόντου μιας σειράς κελιών ή ενός κελιού αντίστοιχα.

Το χρώμα του κειμένου της σελίδας ορίζεται παραμετρικά μέσα στην οδηγία <BODY>

Η σύνταξη είναι: <BODY TEXT=ΧΡΩΜΑ LINK=ΧΡΩΜΑ VLINK=ΧΡΩΜΑ ALINK=ΧΡΩΜΑ>

Όπου ΧΡΩΜΑ= Το όνομα ή ο δεκαεξαδικός κωδικός (με εισαγωγικά) του χρώματος που θέλουμε να έχει η αντίστοιχη παράμετρος.

Οι παράμετροι που έχουμε διαθέσιμες για το χρώμα του κειμένου είναι:

TEXT	Καθορίζει το χρώμα του κειμένου
LINK	Καθορίζει το χρώμα του κειμένου που κρύβει μια παραπομπή που δεν έχουμε ακολουθήσει ακόμη (η default παράμετρος είναι μπλε)
VLINK	Καθορίζει το χρώμα του κειμένου που κρύβει μια παραπομπή που έχει ακολουθηθεί στο παρελθόν (η default παράμετρος είναι κόκκινο)
ALINK	Καθορίζει το χρώμα του κειμένου μιας επιλεγμένης παραπομπής. Δηλαδή έχουμε πατήσει τοποθετήσει τον δρομέα επάνω της, έχουμε πατήσει το αντίστοιχο πλήκτρο του ποντικιού, αλλά δεν το έχουμε ακόμη αφήσει (το κρατάμε πατημένο). Η default παράμετρος είναι συνήθως κόκκινο.

Παράδειγμα:

<HTML><HEAD><TITLE>Το μέλλον της Τηλεεργασίας</TITLE></HEAD>

<BODY BGCOLOR=RED TEXT=WHITE LINK=LIME VLINK=YELLOW ALINK=BLACK >Το 1980 ο γνωστός μελλοντολόγος Alvin Toffler οραματίστηκε στο βιβλίο του Το Τρίτο Κύμα, έναν κόσμο με μισοάδειες πόλεις.Συνήθως δεν πρέπει να δίνουμε μεγάλη σημασία σε τέτοιες προβλέψεις μια και οι σύγχρονοι προφήτες (έστω και αν έχουν αποκτήσει το πιο επιστημονικό όνομα του μελλοντολόγου) σπάνια αποδεικνύονται καλύτεροι από τους προκατόχους τους.Ωστόσο, στην συγκεκριμένη περίπτωση, η αυξανόμενη δημοτικότητα της τηλεεργασίας, φαίνεται πως θα επιβεβαιώσει σε μεγάλο βαθμό αυτές τις προβλέψεις.</BODY></HTML>

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

Σημείωση: Η TEXT χρησιμοποιείται για τον καθορισμό του χρώματος ολόκληρου του κειμένου. Για τον χρωματισμό μέρους του κειμένου χρησιμοποιούμε την οδηγία (ορισμός γραμματοσειρών).

Π.χ. κείμενο σε κίτρινο χρώμα

Προσοχή! Είναι προτιμότερο να μην αλλάζετε τα χρώματα των παραπομπών (LINK, VLINK και ALINK). Οι χρήστες έχουν συνηθίσει να περιμένουν πως οι παραπομπές θα είναι μπλε αν δεν τις έχουν ακολουθήσει και κόκκινες (ή ροζ) αν έχουν ακολουθηθεί. Προσπαθήστε να μην τους αποπροσανατολίζετε με χρώματα διαφορετικά από αυτά που περιμένουν.

Επιστροφή στον Οδηγό Κατασκευής Web Σελίδων