Modul de utilizare a panoului text în Panoul de proprietăți CSS al Dreamweaver - dummies

Panoul Dreamweaver Text conține o colecție de opțiuni care controlează afișarea textului în paginile dvs. Puteți accesa opțiunile de pe panoul text prin derularea în jos a panoului Proprietăți până când ajungeți sub opțiunile Layout sau făcând clic pe pictograma T din partea de sus a panoului.

Panoul Text include următoarele opțiuni de formatare:

• Culoare: Setați culoarea textului. Puteți să faceți clic pe culoarea corectă și să alegeți o culoare, să utilizați picopeta pentru a examina orice culoare pe ecran sau să introduceți un cod de culoare hexazecimală în câmpul de culoare. Dacă introduceți un cod de culoare hexazecimal, includeți semnul de început (#).

• Font-Family: Definiți o familie de fonturi sau o serie de familii. Puteți adăuga fonturi de pe unitatea hard disk locală sau de la Adobe TypeKit selectând Gestionați fonturile din partea de jos a listei derulante și lansând caseta de dialog Gestionare fonturi.

  

• Font-style: Introduceți Normal, Italic sau Oblic. Cu toate acestea, italic și oblice sunt rareori diferite într-un browser web, deci lipiți cu italic dacă nu aveți un motiv special să nu.

• Variantă font-ul: Schimbați textul în capacele mici. Testați cu atenție modelele, deoarece acest atribut nu este acceptat de toate browserele.

• Font-Weight: Faceți textul să fie bold selectând Bold sau Bolder din lista derulantă. De asemenea, puteți introduce un număr între 100 și 900 pentru a controla mai precis cât de îndrăzneț este textul. Pentru a elimina formatarea îngroșată, alegeți Normal sau Lighter.

• Dimensiune font: Definiți dimensiunea textului. Puteți alege o dimensiune numerică specifică sau o dimensiune relativă. Opțiunile de dimensiune sunt pixel (px), punct (pt), pica (pc), procent (%), em, rem, ex și ch. Pixelii, ems și procentele sunt opțiunile cele mai frecvent utilizate pentru dimensiunile de text.

• Înălțimea liniei: Specificați înălțimea liniei pe care este plasat textul. La fel ca dimensiunea textului, puteți specifica înălțimea liniei într-o varietate de moduri, inclusiv pixeli, ems și procente. Este o bună practică pe web să adăugați o înălțime a liniei, deoarece spațiul din jurul textului dvs. facilitează citirea pe ecranul unui computer.

• Alinierea textului: Aliniați la stânga, aliniați-vă drept, centrați sau justificați textul făcând clic pe pictograma corespunzătoare. Prima pictogramă, pentru Inherit, este implicită. De exemplu, ați putea să centrați textul în subsolul paginii dvs. web prin includerea setării Text-aliniere la Centru în definiția unui stil pe care îl aplicați etichetei din partea de jos a paginii.

• Decorarea textului: Specificați dacă textul este subliniat, subliniat, afișat cu o ștergere sau afișat cu efectul clipirii.De asemenea, puteți alege Niciuna, care este frecvent folosită pentru a elimina sublinierea din textul conectat.

• Indent text: Specificați suma în care textul va fi indentat din partea stângă a paginii prin introducerea unui număr într-una dintre opțiunile de dimensiune, cum ar fi pixeli, ems sau procente.

De ce atât de multe fonturi?

Este posibil să fi auzit că acum puteți utiliza orice font doriți pe paginile dvs. web, datorită celei mai recente versiuni a foilor de stil cascadă, CSS3. Această afirmație este adevărată, dar cu anumite limitări: Trebuie să aveți dreptul legal de a publica fontul, iar fontul trebuie să fie găzduit pe un server web.

Pentru a vă asigura că textul dvs. apare așa cum intenționați, Dreamweaver include colecții de fonturi cele mai comune pe computerele Windows și Macintosh. Aceste fonturi sunt grupate în familii, cum ar fi

• Gotham, Helvetica Nue, Helvetica, Arial, sans serif

• Cambria, Textul lui Hoefler, Liberation Serif, Times, Times New Roman, Times și serif

propriile dvs. colecții de fonturi utilizând caseta de dialog Gestionare fonturi, care este accesibilă prin selectarea opțiunii Gestionare fonturi din partea inferioară a listei derulante Familie font în panoul Text din panoul CSS Designer.

Secțiunea Text-Shadow din panoul Text

Secțiunea Text-Umbre din panoul Text oferă instrumente pentru adăugarea de umbre de text, una dintre cele mai noi proprietăți CSS incluse în definiția CSS3. Cele mai populare opțiuni sunt următoarele:

• H-shadow: Adăugați o umbră la textul dvs. pe axa orizontală. Mai întâi alegeți o opțiune de dimensiune, apoi introduceți un număr în câmp. De exemplu, introduceți 2px, pentru a adăuga o umbră orizontală de 2 pixeli.

• V-shadow: Adăugați o umbră la text pe axa verticală. Mai întâi alegeți o opțiune de dimensiune, apoi introduceți un număr în câmp.

• Blur: Controlați gradul de estompare în umbră. Cu cât este mai mare numărul, cu atât mai mult umbra este răspândită sau neclară.

• Culoare: Introduceți un cod de culoare hexazecimal pentru a specifica culoarea umbrei sau utilizați pipeta pentru a preleva orice culoare de pe ecran.

  

Funcțiile din partea inferioară a panoului Text, care nu sunt la fel de comune ca celelalte opțiuni ale panoului de text, sunt următoarele:

• Transformare text: Modificați cazul textului. Opțiunile sunt capitalizare, majuscule și litere mici. Faceți clic pe pictograma corespunzătoare pentru a seta această proprietate.

• Spațierea cu litere: Definește cantitatea de spațiu alb introdusă între litere. Opțiunile de dimensiune sunt pixel (px), punct (pt), pica (pc), procent (%), em, rem, ex și ch.

• Spațierea cuvintelor: Definește cantitatea de spațiu alb introdus între cuvinte. Opțiunile de dimensiune sunt pixel (px), punct (pt), pica (pc), procent (%), em, rem, ex și ch. (Vedeți bara laterală precedentă "Compararea opțiunilor de dimensiune CSS")

• Spațiu alb: Spuneți browserului cum să se ocupe de rupturile liniei și de spațiile într-un bloc de text. Opțiunile dvs. sunt Inherit, Normal, Nowrap, Pre, Pre-line sau Pre-wrap. Nowrap este util mai ales pentru că împiedică separarea elementelor dacă trebuie să se înfășoare pentru a se încadra într-o fereastră a browserului sau într-un alt container.

• Aliniere verticală: Aliniați elementele inline, cum ar fi textul și imaginile, în raport cu elementele care le înconjoară. Puteți să setați o valoare numerică sau să alegeți linia de bază, sub, super, partea superioară, partea superioară a textului, mijlocul, partea inferioară și textul de jos.