Kako dodati sliku praćenja na stranicu u Dreamweaveru

Značajka Tracing Image u Dreamweaveru posebno je popularna među dizajnerima. Koncept, koji potječe iz najranijih dana dizajna, omogućuje vam korištenje grafike kao vodiča za dizajn stranica, baš kao što biste mogli kopirati crtić kroz tanki prozirni papir.

Značajka Tracing Image idealna je za ljude koji žele prvo izraditi dizajn u programu, kao što je Photoshop ili Fireworks, a zatim po njemu modelirati svoju web stranicu. Korištenjem značajke Tracing Image možete umetnuti bilo koju web-spremnu sliku u pozadinu bilo koje Dreamweaver stranice.

Tada možete pozicionirati

oznake ili umetnite tablice ili druge elemente na vrh slike praćenja, što olakšava ponovno stvaranje vašeg dizajna u Dreamweaveru. Možete koristiti JPG, GIF ili PNG slike kao slike za praćenje i možete ih izraditi u bilo kojoj grafičkoj aplikaciji koja podržava ove formate.

Iako se slika za praćenje pojavljuje u pozadini stranice, ona ne zauzima mjesto pozadinske slike i neće se pojaviti u pregledniku.

Da biste svojoj stranici dodali sliku za praćenje, slijedite ove korake:

Napravite novu stranicu ili otvorite postojeću stranicu u Dreamweaveru.

Odaberite Prikaz→ Slika praćenja→ Učitaj.

Otvara se dijaloški okvir Odabir izvora slike.

Odaberite sliku koju želite poslužiti kao svoju sliku za praćenje i kliknite U redu.

Otvara se dijaloški okvir Svojstva stranice s odabranom kategorijom slike praćenja.

Zasluge: Fotografija istockphoto.com

Kliknite gumb Pregledaj da biste pronašli sliku koju želite koristiti kao sliku za praćenje.

Pojavljuje se dijaloški okvir Odabir izvora slike.

Kliknite sliku s koje želite pratiti, a zatim kliknite Primijeni za pregled kako slika izgleda iza stranice.

Postavite neprozirnost za sliku praćenja pomoću klizača Transparentnost.

Smanjenje razine prozirnosti uzrokuje da slika za praćenje izgleda izblijedjela, što olakšava razlikovanje slike za praćenje i sadržaja na stranici. Možete postaviti razinu transparentnosti kako bi odgovarala vašim željama, ali negdje oko 50 posto dobro funkcionira s većinom slika.

Kliknite OK.

Slika praćenja pojavljuje se u prozoru dokumenta, a dijaloški okvir se zatvara.

Imate nekoliko drugih opcija sa značajkom Tracing Image. Odaberite Prikaz→ Slika praćenja da biste otkrili sljedeće opcije:

• Prikaži: sakriva sliku praćenja ako želite provjeriti svoj rad bez slike, ali je ne želite ukloniti.

• Poravnaj s odabirom: Omogućuje vam da automatski poravnate sliku praćenja s odabranim elementom na stranici.

• Prilagodi položaj: Omogućuje vam korištenje tipki sa strelicama ili unos koordinata X, Y za kontrolu položaja slike praćenja iza stranice.

• Reset Position: Resetuje sliku praćenja na 0, 0 na X, Y koordinatama.

• Učitaj: Omogućuje dodavanje ili zamjenu slike praćenja.

Nakon što je slika za praćenje postavljena, možete je koristiti kao vodič dok dizajnirate svoju stranicu. Budući da se slika za praćenje nalazi iza stranice, neće ometati vaš rad na dizajnu, a preko slike za praćenje možete dodati sve elemente koje biste mogli dodati bilo kojoj drugoj web stranici. Koristite sliku praćenja kao referencu za umetanje i položaj

oznake, slike i drugi elementi.