Imagine de copiere - macromedia Dreamweaver

Imagine de copiere

Macromedia Dreamweaver

O imagine de copiere faciliteaza alinierea obiectelor si nu este vizibila in browser ci numai in Dreamweaver.

Pentru a incarca o imagine de copiere in Dreamweaver :

1.            In caseta de dialog Page Properties selectati butonul Browse de langa caseta Tracing Image (imagine de copiere). Selectati comanda Tracing image din meniul View si alegeti Load;

2.            Navigati pana la fisierul imagine de copiere;

3.            Trageti glisorul Image Transparency pentru a controla transparenta imaginii de copiere;

4.            OK.

Adaugarea de legaturi la un obiect grafic cu hartile de imagine

Harta de imagine - o imagine cu regiunile definite sub forma de hiperlegaturi. Aceste regiuni se numesc 'pete fierbinti' (hotspots) si se comporta ca orice alta hiperlegatura.

Cand utilizatorul executa clic pe petele fierbinti va trece automat la sectiunea corespunzatoare a sit--ului Web.

Dreamweaver creeaza harti de imagine pe parte de client, ceea ce inseamna ca pagina Web contine coordonatele si hiperlegaturile definite. Celalalt tip de harta de imagine, pe parte de server, se bazeaza pe un program care ruleaza pe un server Web pentru interpretarea coordonatelor si a hiperlegaturilor.

Puteti avea atat o harta de imagine pe parte de server, cat si o harta de imagine pe parte de client definite pentru o singura imagine. Harta de imagine pe parte de client va avea prioritate daca browserul accepta harti de imagine pe parte de client.

Creati o harta de imagine

1.              Inserati o imagine in pagina dvs. Web. Imaginea trebuie sa fie selectata pentru ca instrumentele aferente hartii de imagine sa apara in inspectorul Property;

Referat: Contabilitatea tertilor Referat: Structurarea elementelor de activ si pasiv dupa criterii financiare

2.              Dati hartii un nume in caseta Map Name. Numele trebuie sa fie unic in raport cu celelalte nume de harti din pagina;

3.              Selectati unul din instrumentele de desenare din inspectorul Property pentru a desena pata fierbinte;

4.              Avand selectata o pata fierbinte recent desenata, tastati o adresa URL in caseta Link sau executati clic pe pictograma in forma de dosar pentru a naviga spre o pagina Web locala. Puteti lega pata fierbinte la o ancora cu nume, introducand simbolul diez, urmat de numele ancorei;

5.              Introduceti text alternativ in caseta Alt text;

6.              Selectati o fereastra tinta din meniul pop-up Target al inspectorului Property;

7.              Repetati etapele 3-6 pentru a crea toate petele fierbinti din harta de imagine.

Pentru o harta de imagine, proprietatile se stabilesc ca si pentru o imagine obisnuita.

Aliniati petele fierbinti

Selectati petele pe care doriti sa le aliniati. Pentru a selecta toate petele fierbinti dintr-o harta de imagine, folositi scurtatura de la tastatura Ctrl+A, sau selectati pe rand petele fierbinti avand apasata tasta Shift.

Submeniul Layers and Hotspots din meniul Modify contine comenzi pentru alinierea petelor fierbinti.

Puteti atribui mai multor pete fierbinti aceeasi inaltime folosind comanda Make Same Height, respectiv aceeasi latime folosind comanda Make Same Width.

Petele fierbinti se pot suprapune, legatura fiind declansata de pata amplasata in pozitia cea mai de sus. Puteti manipula ordinea de stivuire a petelor fierbinti selectand comenzile Bring to Front respectiv Send to Back din submeniul Layers and Hotspots al meniului Modify.

Deschiderea unei legaturi intr-o noua fereastra browser

Atunci cand este selectata o hiperlegatura, inspectorul Property are o caseta pop-up denumita  Target (tinta). Numele rezervat de tinta _blank este folosit cand doriti sa lasati fereastra curenta a browserului deschisa si sa permiteti legaturii sa creeze o noua fereastra a browserului care sa contina pagina Web legata.

Exercitii:

1.     Creati o pata fierbinte de mari dimensiuni, care actioneaza ca pata fierbinte prestabilita.

Creati cateva pete fierbinti mai mici deasupra petei fierbinti prestabilite.

Modificati ordinea de stivuire a petei fierbinti prestabilite, astfel incat aceasta sa fie amplasata

in pozitia cea mai de jos.

2.     Creati mai multe pete fierbinti.Aliniati petele fierbinti folosind comenzile de aliniere.

Exercitii recapitulative:

1.Adaugati text alternativ la o imagine. Deschideti browserul, selectati optiunea Browser Preferences sau Internet Options si dezactivati vizualizarea imaginilor.

Numele comenzii poate fi Show Pictures sau Automatically Load Images. Reveniti la Dreamweaver si previzualizati pagina Web in acel browser, pentru a vedea cum se prezinta

textul alternativ.

2.Introduceti o imagine intr-o pagina noua. Redimensionati-o cu ajutorul manerelor de redimensionare. Executati clic pe butonul Refresh. Redimensionati imaginea mentinand

apasata tasta Shift in timp ce trageti cu mouse-ul de un maner de redimensionare plasat intr-un colt.

Executati clic pe butonul Refresh.Modificati latimea si inaltimea introducand diferite valori in casetele W si H ale inspectorului Property.