Utilizarea formatării HTML
Deși CSS este metoda preferată pentru formatarea textului, Dreamweaver vă permite să formatați textul utilizând HTML.
Formatarea paragrafelor
Folosind meniul pop-up Format din inspectorul proprietății (secțiunea HTML) sau din submeniul Format> paragraf format, puteți aplica etichetele paragrafului și titlurilor standard.
1 Poziționați cursorul în paragraf sau selectați o parte din textul acestuia.
2 În inspectorul Proprietăți din submeniul Format> Format paragraf sau din meniul pop-up Format, selectați una dintre opțiuni.
• Selectați formatul paragrafului (de exemplu, "Rubrica 1", "Rubrica 2", "Textul formatat" etc.). Eticheta HTML asociată cu stilul selectat va fi aplicată întregului paragraf (de exemplu, eticheta h1 corespunde stilului "Rubrică 1", h2 - "Rubrică 2", pre - "Text formatat" etc.).
• Selectați "Nu" pentru a elimina formatarea paragrafelor.
Modificați culoarea textului selectat
❖ Selectați Format> Culoare, selectați o culoare utilizând paleta de culori a sistemului și faceți clic pe OK.
Aliniați textul
Pentru a alinia textul cu HTML, utilizați meniul Format> Aliniere. Pentru a alinia un element al paginii în centru, utilizați comanda "Format"> "Aliniere"> "Centrat".
Aliniați textul pe pagină
1 Selectați textul pe care doriți să îl aliniați sau pur și simplu plasați cursorul la începutul textului.
2 Selectați Format> Aliniere și alegeți comanda de aliniere corespunzătoare.
Aliniați elementele de pagină la centru
1 Selectați elementul (element imagine, plug-in, tabel sau alt tabel) pe care doriți să-l centrați.
2 Selectați Format> Aliniere> Centru.
Notă. Puteți centra în întregime blocurile de text din centru, dar nu părți ale titlurilor sau paragrafelor.
Indentarea textului
Cu ajutorul comenzii Indent, puteți aplica o etichetă HTML blocată la paragraful textului, creând o liniuță pe ambele părți ale paginii.
1 Poziționați cursorul în paragraful în care doriți să vă indentați.
2 Selectați Format> Indent sau Ledger sau alegeți List> Indent sau Ledge din meniul contextual.
Notă. Mai multe linii pot fi aplicate la paragraf. De fiecare dată când această comandă este selectată, textul este în continuare indentat de pe ambele părți ale documentului.
Aplicarea stilurilor de fonturi
Formatul HTML poate fi aplicat atât literei unice, cât și paragrafelor întregi și blocurilor de text de pe site. Utilizați meniul Format pentru a defini sau modifica setările de font pentru textul selectat. Puteți specifica tipul fontului, stilul (de exemplu, caractere aldine sau italice) și dimensiunea.
1 Selectați textul. Dacă textul nu este selectat, funcția este aplicată textului care urmează să fie introdus.
2 Selectați una dintre următoarele opțiuni.
• Pentru a modifica fontul, selectați combinația de fonturi din meniul Format> Font. Selectați "Implicit" pentru a anula fonturile aplicate anterior. Setarea implicită aplică fontul implicit la textul selectat (sau din browser sau atribuit acestei etichete în foaia de stil CSS).
• Pentru a schimba stilul fontului, selectați stilul fontului (caractere aldine, italice, subliniere etc.) din meniul Format> Stil.
În plus:
Crearea de machete de pagini utilizând CSS
Crearea unei noi reguli CSS
Redenumiți o clasă în inspectorul proprietății HTML
Dreamweaver afișează toate clasele disponibile pentru pagină din meniul Clasă al inspectorului proprietății (secțiunea HTML).
Stilurile din această listă pot fi redenumite selectând comanda "Rename" la sfârșitul listei de stiluri de clasă.
1 Selectați comanda Rename din meniul pop-up Style al inspectorului Text Properties.
2 Din meniul pop-up Rename Style, selectați stilul pe care doriți să îl redenumiți.
3 În caseta text New Name, introduceți un nume nou, apoi faceți clic pe OK.
Adăugarea spațiilor paragrafelor
Dreamweaver funcționează ca și multe alte procesoare de text: când apăsați tastele "Enter" (Windows) sau "Return" (Macintosh), se creează un nou paragraf. Browserele web introduc automat o linie goală între paragrafe. Puteți adăuga o linie separată între paragrafe introducând o pauză de linie.
Adăugarea unui caracter de sfârșit de paragraf
❖ Apăsați Enter (Windows) sau Return (Macintosh).
Adăugarea unei rupturi de linie
❖ Faceți una dintre următoarele acțiuni:
Utilizarea liniilor orizontale
Regulatoarele orizontale (linii) sunt utile pentru comanda informațiilor. Pe pagină, puteți separa vizual textul și obiectele utilizând unul sau mai mulți conducători.
Creați o riglă orizontală
1 În zona "Document window", poziționați cursorul unde doriți să introduceți o riglă orizontală.
2 Selectați Inserare> HTML> Linie orizontală.
Schimbarea liniei orizontale
1 În fereastra Document Window, selectați linia orizontală.
2 Selectați Fereastră> Proprietăți pentru a deschide inspectorul Proprietăți și schimbați proprietățile dorite.
Câmpul text al identificatorului În acest câmp, puteți specifica identificatorul pentru rigla orizontală.
W și H (lățime și înălțime) Specificați lățimea și înălțimea riglei în pixeli sau procente ale dimensiunii paginii.
Aliniere Specifică modul de aliniere a riglei ("Implicit", "Stânga", "Centru" sau "Dreapta"). Această opțiune se aplică numai dacă lățimea riglei este mai mică decât lățimea ferestrei browserului.
Umplere Specifică dacă rigla este umplută cu umplutură. Dacă deselectați această opțiune, rigla va fi desenată în culori solide.
Clasă Vă permite să atașați o foaie de stil sau să aplicați o clasă dintr-o foaie de stil deja atașată.
Schimbați combinațiile de fonturi
Folosind comanda "Edit Font List" puteți specifica combinațiile de fonturi afișate în inspectorul proprietății sau în submeniul "Format"> "Font".
Combinările de fonturi determină modul în care browserul afișează textul unei pagini Web. Browserul utilizează primul font din combinația instalată în sistemul utilizatorului. Dacă nu sunt setate fonturi din combinație, textul este afișat așa cum este specificat în setările browserului utilizatorului.
Schimbați combinațiile de fonturi
1 Selectați Format> Font> Schimbare listă fonturi.
2 Selectați combinația de fonturi din lista din partea de sus a casetei de dialog.
Fonturile din combinația selectată sunt listate în lista "Fonturi selectate" din colțul din stânga jos al casetei de dialog. În partea dreaptă este o listă a tuturor fonturilor disponibile instalate în sistem.
3 Efectuați una din următoarele acțiuni:
• Pentru a adăuga sau elimina fonturi dintr-o combinație, utilizați butoanele săgeată ("<<» или «>> ») Între listele" Fonturi selectate "și" Fonturi disponibile ".
• Pentru a adăuga sau elimina o combinație de fonturi, utilizați butoanele plus (+) sau minus (-) din partea superioară a casetei de dialog.
• Pentru a adăuga un font care nu este instalat pe sistem, introduceți numele în caseta de text de sub lista "Fonturi disponibile" și faceți clic pe "<<», чтобы добавить шрифт в сочетание. Добавление не установленного в системе шрифта полезно, например, для указания шрифта, используемого только в ОС Windows при разработке страниц в ОС Macintosh.
• Pentru a muta o combinație de litere în sus sau în jos în listă, utilizați butoanele săgeată din partea de sus a casetei de dialog.
Adăugarea unei noi combinații în lista de fonturi
1 Selectați Format> Font> Schimbare listă fonturi.
2 Selectați un font din lista "Fonturi disponibile" și faceți clic pe "<<», чтобы переместить его в список «Выбранные шрифты».
3 Repetați pasul 2 pentru fiecare font următor în combinație.
Pentru a adăuga un font care nu este instalat pe sistem, introduceți numele acestuia în caseta de text de sub lista "Fonturi disponibile" și faceți clic pe "<<», чтобы добавить шрифт в сочетание. Добавление не установленного в системе шрифта полезно, например, для указания шрифта, используемого только в ОС Windows при разработке страниц в ОС Macintosh.
4 După ce ați adăugat fonturi speciale, selectați familia de fonturi generice din meniul Fonturi disponibile și faceți clic pe<<», чтобы переместить это семейство в список «Выбранные шрифты».
Familiile de fonturi generalizate includ Cursive, Fantasy, Monospace, Sans-Serif și Serif.
Dacă în sistemul utilizator nu este disponibil niciun font din lista "Fonturi selectate", textul este afișat ca font prestabilit asociat familiei generice. De exemplu, în majoritatea sistemelor, fontul monospațiat este în mod implicit Courier.
Introducerea unei date
Dreamweaver suportă un obiect Date convenabil pentru a insera data curentă în formatul preferat (cu sau fără timp) și acceptă posibilitatea de a actualiza această dată de fiecare dată când fișierul este salvat.
Notă. Valorile datei și orei afișate în caseta de dialog Inserare dată nu se potrivesc fie cu data curentă, fie cu valorile date / oră afișate vizitatorului site-ului. Acestea sunt doar exemple de modul în care aceste informații sunt afișate.
1 În zona "Document window", poziționați cursorul în punctul în care doriți să introduceți data.
2 Efectuați una dintre următoarele acțiuni:
3 În caseta de dialog care apare, selectați data, ora și ziua formatului săptămânii.
4 Pentru a actualiza data introdusă de fiecare dată când salvați un document, bifați caseta de validare "Actualizați automat la salvare". Pentru a converti data după adăugarea textului simplu și a nu se actualiza automat, deselectați această opțiune.
5 Faceți clic pe OK pentru a insera data.
Dacă este selectată opțiunea "Actualizați automat la salvare", puteți modifica formatul datei după inserarea datei în document făcând clic pe textul formatat și selectând comanda "Modificați formatul datei" din inspectorul Proprietăți.
Articole similare
Trimiteți-le prietenilor: