[eeei.gr Logo]
Επικοινωνία
Ταυτότητα
Μαθήματα Internet | Μαθήματα Προγραμματισμού | Net Business | Τα νέα του Internet | Ο Κόσμος του Αύριο

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

Επιλέγουμε TextCSS StylesNew – του δίνουμε ένα όνομα ή επιλέγουμε την 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.


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


 

© Eeei.gr 2009