S1/C13 - Dreamweaver

DREAMWEAVER


Dreamweaver este un editor HTML folosit pentru constructia de pagini web. Programul recunoaste fisierele realizare in FireWorks
Optiunea Site Definition permite definirea paginii de site dar si elemente de configurare site si de control fisiere.
Optiunea Remote Info, permite definirea serverului pe care va fi publicata pagina de site. O adresa Web se numeste URL – locator uniform de resurse. O adresa URL are urmatoarea componenta:
- http:// - protocol de comunicatie
- domeniul (ex.artesiasi.ro)
- portul de comunicare (de regula 8080)
- path – calea catre fisierul de lansare a paginii (are extensia index.htm)
Definirea unei pagini web incede cu optiunea File , New, Basic Page , HTML
In interiorul unei pagini Web, fisierele sunt legate cu ancore. Deci o pagina Web poate contina mai multe documente, suprapuse unele peste altele, incat in fata observatorului sa fie pagina cruenta. Legatura dintre aceste documente se face prin ancore (link).
Pentru a crea o ancoră :
1. Plasati punctul de inserţie în locul unde va fi amplasată ancora cu nume;
2. Selectaţi Named Anchor din meniul Insert sau Panoul Invisibles al paletei Object;
3. Denumiţi ancora în caseta de dialog Insert Named Anchor
4. OK.
Pentru a crea o legătură cu noua ancoră cu nume :
1. Selectaţi textul care va constitui legătura cu ancora cu nume;
2. Introduceţi numele ancorei precedat de simbolul # în caseta Link.
Programul permite introducerea de imagini (Insert Image), de tabele, text etc. Fiecare din aceste obiecte, pot fi folosite pentru a crea o noua legatura (ancora) cu alte imagini sau alte documente.
Crearea unui tabel cu linii si coloane, se face folosind optiunea Table din meniu Object
1. Plasaţi punctul de inserţie;
2. Selectaţi pictograma Table din paleta Object sau alegeţi comanda Table din meniul Insert. Va apărea caseta de dialog Insert Table;
3. Acceptaţi valorile prestabilite sau introduceţi propriile valori pentru Rows (rânduri) şi Columns (coloane). De asemenea, în această casetă de dialog puteţi selecta lăţimea tabelului (Width) şi dimensiunea chenarului (Border);
4. OK.
Elementele din tabel pot fi sortate folosind optiunea Sort Table din meniul Commands
Formatul imaginilor recunoscute de program sunt de tip jpg, gif sau png. Exista posibilitatea ca imaginile sa se acopere unele peste altele, procedeu numit imagini derulante folosind urmatorii pasi:( aceasta se transformă într-o altă imagine când cursorul cititorului este aşezat deasupra acesteia).
Pentru a realiza o imagine derulantă :
1. Plasati punctul de inserţie;
2. Din meniul Insert (sau din paleta Object) Rollover Image;
3. Va apărea caseta de dialog Insert Rollover Image. În caseta de sus denumiţi imaginea;
4. Selectaţi atât fişierul imagine original cât şi fişierul imagine derulat, executând clic pe butoanele Browse;
5. Dacă doriti ca imaginea derulantă să fie descărcată în memoria cache a browser-ului cititorului selectaţi caseta de validare Preload Rollover Image;
6. Adăugati o legătură la imaginea derulantă executând clic pe butonul Browse sau tastati adresa URL externă sau ancora cu nume;
7. OK.
Independent de documentale introduse intr-o pagina web, putem defini buttane cu rol de coordonare a paginilor dintr-un site, prin crearea unei bare de navigare:
1. Selectaţi obiectul Navigation Bar din paleta Object (sau din meniul Insert);
2. Iniţial este vizibil un element tip buton, fără nume. Se atribuie elementului numele primului buton sau treceţi la următoarea etapă (butonului îi va fi atribuit acelaşi nume cu al fişierului imagine);
3. Navigaţi pentru a încărca o imagine de tip buton neapăsat, o imagine de tip "mouse deasupra butonului" şi o imagine de tip buton apăsat. De asemenea puteţi introduce o imagine de tip "mouse deasupra butonului apăsat", o imagine derulantă pentru starea "apăsat" a unui buton. Pentru un aspect estetic, toate aceste imagini trebuie să aibă aceeaşi dimensiune.;
4. Introduceţi o hiperlegătură în caseta When Clicked, Go To URL;
5. Selectaţi caseta de validare Preload Images, dacă doriţi ca imaginile să fie pre-încărcată automat, Selectaţi caseta de validare Show "Down Image" Initially dacă doriţi ca butonul să pară apăsat la început;
6. Adăugaţi butoane suplimentare executând clic pe butonul plus şi repetând etapele 2-5. Rearanjaţi butoanele cu ajutorul butoanelor cu săgeţi din partea superioară a casetei de dialog Insert Navigation Bar. Pentru a şterge un buton, executaţi clic pe butonul minus;
7. În partea inferioară a casetei de dialog Insert Navigation Bar, puteţi opta pentru a insera bara de navigare orizontal sau vertical în pagina Web. Selectaţi caseta de validare Use Tables dacă doriţi ca bara de navigare să fie creată într-un tabel;
8. OK.
Procedeul poate fi folosit si pentru crearea unor zone sensibile, numite harti de imagine.(hotspot) Cand mouse-ul trece peste o astfel de zona sensibila, ea se comporta ca un buton si partite agatarea unui alt document .
Procedeul de realizzare a unei harti de imagini este urmatorul:
1. Inseraţi o imagine în pagina dvs. Web. Imaginea trebuie să fie selectată pentru ca instrumentele aferente hărţii de imagine să apară în inspectorul Property;
2. Daţi hărţii un nume în caseta Map Name. Numele trebuie să fie unic în raport cu celelalte nume de hărţi din pagină;
3. Selectaţi unul din instrumentele de desenare din inspectorul Property pentru a desena pata fierbinte;
4. Având selectată o pată fierbinte recent desenată, tastaţi o adresă URL în caseta Link sau executaţi clic pe pictograma în formă de dosar pentru a naviga spre o pagină Web locală. Puteţi lega pata fierbinte la o ancoră cu nume, introducând simbolul diez, urmat de numele ancorei;
5. Introduceţi text alternativ în caseta Alt text;
6. Selectaţi o fereastră ţintă din meniul pop-up Target al inspectorului Property;
7. Repetaţi etapele 3-6 pentru a crea toate petele fierbinţi din harta de imagine.

Imaginile introduse intr-o pagina Web pot si insotite de sunete , care se pot introduce folosind optiunea Plugin din meniul Object
5. Poziţionaţi punctul de inserţie;
6. Selectaţi obiectul Plugin din paleta Object. Va apărea caseta de dialog Select File. Navigati şi selectaţi un fişier de sunet. Executaţi clic pe Select;
7. Salvaţi pagina.
Parametri de control ai sunetului sunt:
- loop – numarul de repetari
- autostart (true / false)
- hidden (true / false)
- volume (0-100)