curs webdesign
Despre Dreamweaver
Dreamweaver este un editor HTML care permite crearea şi administrarea de site-uri web. Printre avantajele Dreamweaver se numără: • • • • •
crearea de pagini web atât în mediu grafic cât şi cod HTML, CSS sau JavaScript; posibililitatea verificării link-uri din site; verificarea compatibilităţii site-ului pe mai multe browsere; upload-ul site-ului pe un server web; actualizarea/întreţinerea în timp optim a site-ului.
Prima dată când veţi lansa programul va apărea o fereastră care va permite alegerea spaţiului de lucru: primul este un spaţiu de lucru integrat, în care toate ferestrele şi panourile sunt băgate într-o fereastră de aplicaţie mai mare şi al doilea spaţiu de lucru în care fiecare aplicaţie se află în propria ferestră separat iar panourile nu sunt grupate într-o singură fereastră. Dacă mai târziu vă razgândiţi modificarea o veţi face din Edit -Preferances -General şi apăsarea butonului Change Workspace care va genera pagina de alegere a spaţiului de lucru. În partea de sus aveţi: Menu Bar – Meniul ce conţine comenzi pentru Dreamweaver. Multe opţiuni din meniu sunt şi în alte locaţii precum în meniul Windows, în panouri şi în tag inspector. Ca multe alte aplicaţii bara de meniu oferă acces către comenzile programului, precum File – Save, Edit – Undo, View- Zoom etc. Insert Bar – Conţine o serie de butoane ce permite inserarea diferitelor obiecte, precum text sau imagini. Există diferite Insert Bars pe care le puteţi alege, depinde de tipul de element pe care doriţi să îl inseraţi în pagina web. În loc de acest Tab puteţi folosi meniul Insert (din Meniu Bar) care conţine aceleaşi opţiuni. La mijlocul pozei şi programului Dreamweaver se află: Fereastra de lucru – spaţiu efectiv unde veţi lucra, modifica, aranja pagina web. Partea de jos: Properties Inspector – denumit şi Tag Inspector – afişează proprietăţile obiectului selectat. Pentru a ascunde fereastra temporar apăsaţi de săgeata de lângă Properties. Pentru a vizualiza din nou tag-ul nu rămâne decât să apăsaţi din nou pe respectiva săgeată sau apăsaţi CTRL+ F3. În partea dreaptă: Panoul sau Grupul de Panouri – conţine un set de ferestre grupate împreună. Pentru a vizualiza un panou (fereastra) nu trebuie decât să apăsaţi pe numele respectiv. Grupul de panouri permite acces catre Design, Code, Application, Tag, Files, Layers si History.
Modul de vizualizare a paginilor În Dreamweaver se pot edita paginile web în: • • •
Design View – în modul Design/Grafic – vizualizând direct modificările făcute; Code View – în codul HTML, pentru cei care cunosc limbajul; Code & Design View – modul mixt – care împarte fereastra de lucru în 2: cod şi design.
Meniul HELP pentru îmbunăţirea cunoştinţelor Dreamweaver !!!
1