Adobe CS5 Dreamweaver HTML - notițe

Crearea unei pagini web în Adobe Creative Suite 5 (Adobe CS5) Dreamweaver este o sarcină simplă. Înțelegerea codului HTML pe care îl creează necesită o mică explicație. Pagina web poate fi la fel de complexă sau simplă pe cât doriți și ambele tipuri sunt la fel de eficiente dacă sunt create corespunzător.

Dreamweaver funcționează în fundal pentru a vă asigura că noua pagină funcționează în majoritatea versiunilor recente de browsere web obișnuite, cum ar fi Firefox, Internet Explorer și Safari. O mulțime de coduri este creat pentru a ajuta browserul web să recunoască faptul că acesta este codul HTML și ce versiune de cod HTML utilizează.

În mod implicit, Dreamweaver utilizează standardul XHTML 1. 0 de tranziție de fiecare dată când creați o pagină HTML nouă. XHTML combină rigurozitatea limbajului XML (Extensible Markup Language) cu etichete HTML pentru a crea o limbă care funcționează în mod fiabil și consecvent între browserele web și dispozitivele noi (cum ar fi telefoanele mobile și dispozitivele PDA).

1. Pentru a crea o pagină goală, selectați File → New → Blank Page → HTML → și apoi faceți clic pe Create.

   Apare o pagină HTML neimprimată. Nu are formatare până când nu adăugați tabele sau straturi.

2. Introduceți un text (de exemplu, numele dvs.) pe pagină și faceți clic pe butonul Cod din bara de instrumente Document.

   Când tastați pe pagină în document, textul apare pe pagina web. Dar este mult mai mult decât atât.

3. Selectați Split view făcând clic pe butonul Split din bara de instrumente Document.

   Această acțiune afișează simultan atât afișări Design cât și cod, astfel încât să puteți vedea cum modificările dvs. afectează HTML în spatele scenei.

   

   Lucrul în vizualizarea Split vă ajută să vedeți modul în care elementele de pagină sunt create și formatate cu etichete HTML.

4. Selectați textul.

5. Selectați opțiunea Text din lista derulantă comună din panoul Inserare.

   Să presupunem că alegeți B (pentru caractere aldine) să bifați textul selectat. În vizualizarea de cod a paginii dvs., ați vedea că eticheta a fost adăugată înainte de text și că eticheta a fost adăugată după text.

Puteți schimba orientarea și aranjarea vederilor în vizualizarea Split View. Pentru a comuta vizualizarea Design din dreapta spre stânga, alegeți View → Design View din Stânga. Pentru a aranja vizualizările pe verticală, selectați View → Split Vertical. Notă: Puteți să inversați aceste opțiuni la fel de ușor din aceleași opțiuni din meniul Vizualizare.