Documente Academic
Documente Profesional
Documente Cultură
1 / 11
1. Introducere n Dreamweaver CC
1. Introducere
n cadrul acestei lecii am rememorat principalele noiuni despre limbajele HTML i CSS, iar n continuarea cursului vom face
paralele ntre Dreamweaver i elementele HTML i CSS.
2 / 11
2. Site-uri n Dreamweaver
5. Definirea i gestionarea site-urilor
n aceast lecie ne-am familiarizat cu principalele noiuni legate de crearea proiectelor n Dreamweaver. inei minte c
ntotdeauna prima dat trebuie s crem site-ul local (proiect). Abia apoi ncepem crearea paginilor i a altor elemente. n
timpul lucrului trebuie folosite diferite browsere pentru testarea paginilor.
3 / 11
3. Textul
8. Bazele textului
Exist dou tipuri de elemente constructive, tag-urile block i inline. Dac vrem s introducem textul direct n DW, putem
face asta n design view. Comenzile sunt asemntoare cu cele din text editors. Cnd lucrm cu textul n documentele
HTML, este foarte important ca textul s fie setat corect i s nu aib prea multe tag-uri i atribute. Dac copiem din Word i
instrumente similare, trebuie curat codul.
9. Listele
Listele n sine nu trebuie s arate aa cum ne imaginm noi, ci pot avea un aspect total diferit. Exist trei tipuri de baz pe
care le putem folosi n DW, respectiv n documentul HTML: liste ordonate (engl. ordered), neordonate (engl. unordered) i
de definiie (engl. definition). Listele pot avea mai multe nivele de elemente. n Dreamweaver-ul listei putem seta prin
meniul drop-down Format > List > Properties sau prin panoul Properties Inspector.
4 / 11
4. CSS i Dreamweaver
10. Lucrul cu codul
Dei putem s facem cea mai mare parte a site-ului n Design View, trebuie s cunoatem i codul HTML i CSS. DW ofer o
mulime de circumstane atenuante pentru lucrul cu codul, printre care i codul Hitn. De asemenea, coding toolbar ofer o
manipulare uoar a view-ului. Comentariile le vom posta atunci cnd vrem s nsemne ceva. Quick tag editor se poate
utiliza n design view pentru a modifica rapid i uor codul i pentru a-l aduga n pagin.
5 / 11
6 / 11
6. CSS Layout
14. CSS Box Model
n aceast lecie ne-am familiarizat cu Box Model. Box Model este un cadru de programare oferit de CSS pentru a formata
i/sau redefini orice element HTML dat. n materialul video aferent acestei lecii, sunt prezentate aceste detalii de
poziionare prin exemple simple i este acordat o atenie sporit codului i structurii n sine, pentru a le clarifica. n leciile
urmtoare, n materialele video vom clarifica toate acestea i vom vedea mai multe exemple prin interfaa Dw.
16. Layout-ul
nainte de introducerea coninutului trebuie s setm pagina layout. Pentru layout, putem utiliza acum i noi elemente
semantice HTML5.
7 / 11
7. Stilizarea cu CSS
17. Imaginile
Exist trei tipuri de imagini folosite astzi pe web: JPG, GIF i PNG. Fiecare format are avantajele i dezavantajele sale.
Putem aduga imaginile prin meniurile drop-down, prin panoul files, prin panoul assets i aa mai departe. Panoul Assets se
utilizeaz pentru o manipulare mai uoar a materialelor pe care le folosim. Dreamweaver are o integrare excelent cu
instrumentul Photoshop i accept direct fiierele PSD.
8 / 11
8. Linkuri i tabele
19. Linkurile
n Dw linkurile le putem stabili cel mai simplu prin panoul properties inspector. Linkurile se pot seta pn la pagin i fiiere,
dar, de asemenea, i pn la name anchor, respectiv amplasarea pe aceeai pagin sau pe o alta. De asemenea, putem
posta linkuri i pn la adresele de email.
20. Tabelele
n loc s introducei tabelul manual, proces care poate fi foarte obositor, Dw permite introducerea tabelului ntr-un mod
vizual simplu, folosind instrumente built-in/ncorporate. Elementele tabelului se pot modifica uor i putem corecta afiarea
prin modul de lucru Design. Tabelele pot fi stilizate cu descrierile CSS.
9 / 11
9. Formulare i multimedia
21. Formularele
Dw permite introducerea formularului i a elementelor formularului direct prin Design View, fr a fi nevoie de
introducerea manual a codului. De asemenea, acum sunt introduse i elementele formularului care au aprut n limbajul
HTML5. Formularele i elementele se pot stiliza n descrierile CSS.
10 / 11
11 / 11