Despre Dreamweaver




Dreamweaver este un editor HTML care permite crearea si administrarea de site-uri web. 
Printre avantajele Dreamweaver se numara:

  • crearea de pagini web atata in mediu grafic cat si cod HTML, CSS sau javascript;
  • posibililitatea verificarii link-uri din site;
  • verificarea compatibilitatii site-ului pe mai multe browsere;
  • upload-ul site-ului pe un server web;
  • actualizarea/intretinerea in timp optim a site-ului.

Prima data cand vei lansa programul va aparea o fereastra care va permite alegerea spatiului de lucru: primul este un spatiu de lucru integrat, in care toate ferestrele si panourile sunt bagate intr-o fereastra de aplicatie mai mare si al doilea spatiu de lucru in care fiecare aplicatie se afla in propria ferestra separat iar panourile nu sunt grupate intr-o singura fereastra. Daca mai tarziu te razgandesti modificare o vei face din Edit -Preferances -General  si apasarea butonului Change Workspace care va genera pagina de alegere a spatiului de lucru.

Tutoriale Dreamweaver

In partea de sus (culorile bleu si portocaliu) aveti:

Menu Bar – (bleu)-Menuiul ce contine comenzi pentru Dreamweaver. Multe optiuni din meniu sunt si in alte locatii precum in meniul windows, in panouri  si in tag inspector. Ca multe alte aplicatii bara de meniu ofera acces catre comenzile programului, precum File – Save, Edit – Undo, View- Zoom in ..etc… 

Insert Bar – (portocaliu)-Contine o serie de butoane ce permite insertarea diferitelor obiecte, precum text sau imagini. Exista diferite Insert Bars pe care le poti alege, depinde de tipul de element pe care doresti sa il bagi in pagina web. In loc de acest Tab puteti folosi meniul Insert (din Meniu Bar) care contine aceleasi optiuni.

La mijlocul pozei si programului Dreamweaver:

Fereastra de lucru – (rosu)- spatiu efectiv unde vei lucra, modifica, aranja etc pagina web.

Partea de jos:

Properties Inspector -(albastru)- denumit si Tag Inspector – afiseaza proprietatile obiectului selectat. Pentru a ascunde fereastra temporar apasati de sageata de langa Properties, pentru a vizualiza din nou tag-ul nu ramane decat sa apasati din nou pe respectiva sageata sau apasati CTRL+ F3.

In partea dreapta:

Panoul sau Grupul de Panouri – (mov)- contine un set de ferestre grupate impreuna. Pentru a vizualiza un panou (fereastra) nu trebuie decat sa apasati pe numele respectiv. Grupul de panouri permite acces catre Design, Code, Application, Tag, Files, Layers si History. 

Modul de vizualizare a paginilor

In Dreamweaver se pot edita paginile web in:

  • Design View – in modul Design/Grafic – vizualizand direct modificarile facute;
  • Code View – in codul HTML, pentru cei care cunosc limbajul;
  • Code & Design View – modul mixt – care imparte fereastra de lucru in 2: cod si design.

Meniul HELP pentru imbunatirea cunostintelor Dreamweaver !!!

Cand m-am apucat sa invat Dreamweaver nici macar nu stiam limbajul HTML. A fost primul program de web design cu care am luat cunostinta si vreau sa va zic ca fara cursuri de specialitate am invatat programul intr-o luna cu ajutorul meniului HELP.

Si care e parerea ta?...