Cum se creează roluri în software-ul Adobe Dreamweaver CS6

În Adobe Dreamweaver CS6 puteți introduce obiecte imagine, inclusiv elemente de selectare a imaginilor, imagini rollover mouse-ul peste imagine), bare de navigare și Fireworks HTML. Accesați aceste obiecte de imagine selectând Insert → Obiecte imagine.

Pentru a crea o imagine de rollover, urmați acești pași:

1Creați imaginile care urmează să fie utilizate ca rollover.

Puteți genera aceste imagini în Fireworks, Illustrator, Photoshop sau orice altă aplicație capabilă să salveze imagini optimizate pentru web. Pentru cele mai bune rezultate, creați imagini care au exact aceeași lățime și înălțime.

2Se poziționați cursorul pe pagină ori de câte ori doriți să apară rolloverul și selectați Insert → Image Objects → Rollover Image sau faceți clic pe butonul Rollover Image din panoul Insert.

Se afișează caseta de dialog Insert Image Rollover Image.

3 Formați un nume de imagine fără spații în câmpul text Nume imagine.

Acest nume este folosit în scriptul care creează rolloverul.

4Faceți clic pe butoanele Browse din dreapta câmpurilor de text Original Image și Rollover Image pentru a găsi imaginea pe care doriți să o afișați ca implicită pe pagină.

Imaginea apare numai când cineva bate cursorul mouse-ului peste imagine.

5Selectați caseta de selectare Preload Rollover Image.

Această opțiune descarcă imaginea rollover atunci când pagina este descărcată pentru a evita întârzierile în rollovers.

6Tip text altfel descriptiv.

Desigur, l-ați tasta în câmpul text Alt.

7În câmpul textului Când a fost făcut clic, mergeți la URL, anunțați-i pe Dreamweaver unde sunt îndreptățiți spectatorii atunci când fac clic pe imaginea dvs. de răsturnare.

Puteți să faceți clic pe butonul Răsfoiți pentru a găsi o altă pagină pe site-ul dvs. sau pentru a introduce o adresă URL.

Dacă vă conectați la un alt site web, trebuie să includeți prefixul // la începutul adresei URL. Dacă lăsați acest lucru gol, Dreamweaver va adăuga automat un link mort (#).

8Click OK.

Imaginea rollover este creată pe pagină.

9Pentru a previzualiza noua imagine a rolloverului, selectați File → Preview în Browser sau faceți clic pe butonul Live View din bara de instrumente Document.

Dacă nu aveți încă un link real pentru a utiliza un buton sau un hyperlink, puteți introduce un semn de literă (#) pentru a crea un link mort. Linkul sau butonul apare clicabil, dar nu merge nicăieri când este făcut clic. Această opțiune este mai bună decât apăsarea barei de spațiu pentru a crea un spațiu gol ca legătură, deoarece această legătură va afișa o eroare de pagină nu a fost găsită când a fost făcută clic pe ea.