Ορισμός φόντου – κειμένου με CSS Styles στο Dreamweaver

Επιλέγουμε Text – CSS Styles – New – του δίνουμε ένα όνομα ή επιλέγουμε την Tag που επιθυμούμε (οι ρυθμίσεις θα ισχύσουν για όλες τις εμφανίσεις της στο κείμενο) και επιλέγουμε αν θέλουμε οι ρυθμίσεις να ισχύουν για όλο το site ή μόνο για την τρέχουσα σελίδα.

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

Αν δεν εμφανίζεται το φόντο πηγαίνουμε στο παράθυρο των CSS Styles (ανοίγει από την επιλογή Window) και με δεξί κλικ πάνω στο όνομα του style επιλέγουμε Apply.

Αντίστοιχα λειτουργούμε και με το κείμενο.

Ο αριθμός των διαθέσιμων επιλογών για CSS είναι τεράστιος για να τον απομνημονεύει κανείς. Η πλήρης λίστα είναι διαθέσιμη στο: http://www.w3schools.com/css/css_reference.asp

Για παράδειγμα το μέγεθος του κειμένου μπορεί να οριστεί με CSS styles όπως:

<HTML>
<STYLE TYPE="text/css">
body{font-size: x-large}
p{font-size: 10px}
</STYLE>
<HEAD><TITLE>Ο Τίτλος</TITLE></HEAD>
<BODY bgcolor=red>
<h3>Μια Δοκιμή</h3>
<p>Λίγο κείμενο σε μία παράγραφο</p>
<br>Λίγο ακόμη κείμενο σε μία άλλη παράγραφο
</BODY></HTML>

Οι γενικές ρυθμίσεις που αφορούν το μέγεθος του κειμένου είναι:

Τιμή	Περιγραφή
xx-small x-small small medium large x-large xx-large	Διάφορες διαστάσεις κειμένου με default το medium
smaller	Μικρότερο από τη μητρική κλάση
larger	Μεγαλύτερο από τη μητρική κλάση
length	Συγκεκριμένο μήκος γραμμάτων
%	Ποσοστό της μητρικής κλάσης

Υπάρχουν κυριολεκτικά χιλιάδες css ρυθμίσεις. Για παράδειγμα για να ορίσεις από ποιά κατεύθυνση θα ακούγεται ο ήχος σε ένα sound element υπάρχει το Azimouth:

<p style="azimuth : right-side;"> When this paragraph is read, it will heard from the right side. </p>

Η δική μας συμβουλή είναι: Χρησιμοποιήστε μόνο όσες αναγνωρίζει το ίδιο το Dreamweaver. Διαφορετικά, πιθανότατα θα έχετε πρόβλημα υποστήριξής τους από κάποιους browsers.

Ορισμός φόντου – κειμένου με CSS Styles στο Dreamweaver

Τρέχουσα Ενότητα: Προχωρημένο HTML - Dreamweaver