Cum să adăugați și să formatați text în Dreamweaver - manechine

Mulți oameni sunt plăcut surprinși de cât de ușor pot crea o pagină web de bază cu text și imagini în Dreamweaver. Puteți face formatarea textului de bază utilizând opțiunile de formatare HTML ale Dreamweaver, inclusiv etichetele de titlu și paragrafe. Începeți cu aceste etichete HTML de bază pentru a păstra lucrurile simple la început.

Cum se adaugă text într-o pagină web în Dreamweaver

Pentru a adăuga text la o pagină, puteți să faceți clic pur și simplu pentru a insera cursorul în partea de sus a paginii și tastați. Dacă doriți să adăugați text pe care îl aveți în altă parte, cum ar fi într-un fișier creat în Microsoft Word, puteți să copiați și să inserați textul în Dreamweaver în loc să îl retipați.

Dreamweaver oferă numeroase moduri de a menține formatarea când copiați și inserați text dintr-un alt program. Această caracteristică este deosebit de importantă atunci când copiați textul din Microsoft Word, deoarece dacă lipiți text ca atare, riscați să includeți o mulțime de cod suplimentar care este unic pentru Microsoft Word și poate provoca probleme în pagina dvs. Web.

Puteți schimba setările implicite pentru modul în care Dreamweaver se ocupă de formatare atunci când alegeți Edit → Paste prin modificarea Preferințelor din categoria Copy / Paste. De asemenea, puteți alege Modificați → Paste special pentru a afișa aceste opțiuni ori de câte ori inserați conținut nou.

Următoarele sunt cele patru opțiuni principale pentru introducerea textului atunci când alegeți Edit → Paste Special, precum și trei moduri de a rafina alegerea dvs.:

• Text Only: Dreamweaver strivește orice formatare și inserții text simplu.

• Text cu structură: Dreamweaver include paragrafe, liste, tabele și alte opțiuni de formatare structurală.

• Text cu Structura Plus Formatare de bază: Dreamweaver include formatarea structurală, precum și formatarea de bază, cum ar fi bold și italic.

  ->

• Text cu Structura Plus Formatare completă: Pe lângă opțiunile anterioare, Dreamweaver include formatarea creată de foi de stil în programe precum Microsoft Word.

• Păstrați liniile de întrerupere: Păstrați liniile, chiar dacă nu păstrați alte opțiuni de formatare. Această opțiune nu este disponibilă dacă alegeți Numai text.

• Curățare spațiu paragraf cuvânt: Această opțiune elimină un cod special de formatare unic pentru Microsoft Word și nu este necesar (și nu este recomandat) pentru text pe web.

• Citate inteligente la cotații directe: Citate inteligente - numele comun pentru acele citate pe care designerii le place să le folosească în documentele tipărite - necesită un caracter special care să fie afișat corect pe web și acest caracter special nu funcționează în toate browserele web.Pentru a evita această problemă potențială, selectați această casetă și convertiți toate citatele dvs. inteligente la cele drepte.

Cum se formatează textul cu etichetele de titlu din Dreamweaver

Una dintre cele mai bune opțiuni de formatare pentru titluri este colecția de etichete de titlu. În HTML, folosirea etichetelor de titlu (

,

și așa mai departe) pentru a formata textul care servește ca titlu sau titlul oferă multe avantaje. Etichetele de etichetare sunt proiectate să fie afișate în dimensiuni relative, cu

cele mai mari,

mai mici,

mai mici, și așa mai departe prin

.

Deci, indiferent de mărimea implicită a textului unei pagini web (și dimensiunile textului pot varia în funcție de setările browserului și de platforma calculatorului), orice text formatat cu o etichetă

este întotdeauna mai mare decât textul formatat cu

.

Convingerea populară este că multe motoare de căutare dau prioritate cuvintelor cheie în text formatate cu o etichetă

, deoarece cel mai important text dintr-o pagină este, în general, inclus în cel mai mare titlu. În mod similar, experții în motoarele de căutare vă vor spune că ar trebui să utilizați eticheta

o singură dată pe pagină.

Pentru a formata textul cu o etichetă de titlu, urmați acești pași:

1. Evidențiați textul pe care doriți să-l formați.

2. În inspectorul proprietăți, în partea de jos a spațiului de lucru, asigurați-vă că este selectat butonul HTML din partea stângă a inspectorului.

3. Utilizați lista derulantă Format pentru a selecta o opțiune pentru titlu.

   Când se aplică etichetele de titlu, textul se modifică automat pentru a deveni mare și îndrăzneț în vizualizarea Design.

   

   Credit: Photo by Casey Stoll

În general, inspectorul proprietății este cel mai simplu mod de a aplica formatul de bază, dar puteți găsi aceste opțiuni de formatare HTML, de asemenea, selectând Format → Paragraf Format și apoi selectând o opțiune de titlu submeniul care apare.

Cum se adaugă paragrafe și pauze de linii în Dreamweaver

Când creați desenele de pagini pentru web, trebuie să lucrați în mai multe limite care pot părea la început confuze. Designul web și designul de tipărire sunt fundamental diferite și pot face chiar și sarcini aparent simple mai complicate decât s-ar putea aștepta. Modul în care creați pauze de paragrafe și linii este un bun exemplu.

Dacă lucrați în vizualizarea Design în Dreamweaver și apăsați tasta Enter (Windows) sau tasta Return (Mac), Dreamweaver introduce un cod de paragraf sau

în codul care creează o linie de pauză urmată de o linie necompletată.

Dacă doriți o întrerupere de linie fără linia extra extrasă, țineți apăsată tasta Shift în timp ce apăsați Enter (sau Return) pentru a determina Dreamweaver să introducă eticheta

în cod, creând o pauză de linie unică.

Cea mai bună practică este de a evita folosirea mai multor etichete pentru paragraf sau rupere pentru a crea spațiu suplimentar într-o pagină Web (și nu toate browserele vor menține spațiul gol dacă îl creați în acest fel). Dacă doriți să adăugați o mulțime de spațiu între paragrafe sau alte elemente de pe o pagină, cea mai bună opțiune este să utilizați CSS.

Dacă lucrați în vizualizarea Cod și adăugați spațiu utilizând tasta Enter sau Return, adăugați spațiu gol în cadrul codului. Spațiul extra în codul HTML poate fi util, deoarece spațiul suplimentar poate face citirea mai ușor a codului, dar, în general, nu afectează modul în care o pagină este afișată în vizualizarea Design sau într-un browser web.