Imaginile Rollovers în Adobe CS5 Dreamweaver - dummies

În Dreamweaver Adobe Creative Suite 5 (Adobe CS5) aveți posibilitatea să inserați obiecte de imagine, inclusiv elemente de plasare a imaginilor, imagini cu rollover (imagini care se modifică atunci când un vizualizator rotește mouse-ul peste imagine) și Fireworks HTML. Accesați aceste obiecte de imagine selectând Insert → Obiecte imagine.

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.

2Se poziționați cursorul de pe pagină oriunde doriți să apară rolloverul.

Selectați Inserare → Obiecte imagine → Imagine rulantă sau faceți clic pe butonul Rollover Image din panoul Inserare. Caseta de dialog Inserare rollover imagine.

3Numai imaginea.

Introduceți un nume de imagine fără spații în câmpul text Nume imagine. Acest nume este folosit în scriptul care creează rolloverul.

4Click pe butoanele Browse.

Butonul Răsfoire se află în partea dreaptă a câmpurilor de text Original Image și Rollover Image. Găsiți imaginea pe care doriți să o afișați ca implicită pe pagină și imaginea care apare numai când cineva deplasează mouse-ul 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.

6 Descrieți imaginea.

Introduceți text altfel descriptiv în câmpul Alt text.

7Completați câmpul text Când a fost făcut clic, Urmează la URL.

Aceasta direcționează Dreamweaver în cazul în care spectatorii sunt direcționați atunci când fac clic pe imaginea rollover. 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. Notă: dacă vă conectați la un alt site Web, trebuie să includeți prefixul // la începutul adresei URL.

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 atingerea barei de spațiu pentru a crea un spațiu gol ca legătură, deoarece va afișa o eroare de pagină care nu a fost găsită atunci când a fost făcută clic pe ea.

8Click OK.

Imaginea rollover este creată pe pagină.

9Vizualizați imaginea.

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