Video: Punerea unei imagini de fundal în html (html episodul 8) 2024
În Dreamweaver, imagini Rollover - așa cum sugerează și numele - sunt concepute să reacționeze atunci când cineva rotește un cursor peste o imagine. Efectul poate fi la fel de dramatic ca o imagine a unui câine care este înlocuită de o imagine a unui leu sau subtilă ca culoarea unui cuvânt schimbându-se, pe măsură ce o singură imagine înlocuiește o altă imagine. În orice caz, Dreamweaver include o casetă de dialog specială pentru rollovers care face ca un simplu efect de rollover să fie unul dintre cele mai simple comportamente care se aplică.
Pentru a crea o imagine de rollover utilizând caseta de dialog Roll Image din Dreamweaver, urmați acești pași:
1. Faceți clic pentru a plasa cursorul pe pagina în care doriți să apară rolloverul.
Efectele de rulare necesită cel puțin două imagini: una pentru starea inițială și una pentru starea de răsturnare. Puteți utiliza două imagini diferite sau două similare, dar ambele ar trebui să aibă aceleași dimensiuni. În caz contrar, veți obține unele efecte de scalare ciudate, deoarece ambele imagini trebuie să fie afișate exact în același spațiu din pagină.
2. Alegeți Insert -> Image Objects -> Image Rollover.
Se afișează caseta de dialog Insert Image Rollover Image.
3. În caseta Nume imagine, denumiți imaginea.
Înainte de a putea aplica un comportament unui element, cum ar fi o imagine, elementul trebuie să aibă un nume, astfel încât scriptul de comportament să îl poată indica. Puteți numi elementele care vă plac, atâta timp cât nu utilizați spații sau caractere speciale.
4. În caseta Original Image, specificați prima imagine dorită. Utilizați butonul Răsfoiți pentru a localiza și selecta imaginea.
Dacă imaginile nu sunt deja în dosarul rădăcină al site-ului dvs., Dreamweaver le va copia pe site-ul dvs. când creați răsturnarea.
5. În caseta Rollover Image, introduceți imaginea pe care doriți să o faceți vizibilă atunci când vizitatorii își mișcă cursorul peste prima imagine.
Din nou, puteți utiliza butonul Răsfoiți pentru a localiza și selecta imaginea.
6. Bifați caseta de selectare Preload Rollover Image pentru a încărca toate imaginile în rollover în memoria cache a browserului atunci când prima pagină se încarcă.
Dacă nu alegeți să faceți acest pas, vizitatorii dvs. pot întâmpina o întârziere, deoarece a doua imagine nu va fi descărcată până când mouse-ul nu este rulat peste imaginea originală.
7. În caseta Când ați făcut clic, Mergeți la adresa URL, introduceți orice adresă Web sau răsfoiți pentru a găsi o altă pagină de pe site-ul pe care doriți să îl conectați.
Dacă nu specificați o adresă URL, Dreamweaver introduce automat semnul # ca substituent.
8. Faceți clic pe OK.
Imaginile sunt configurate automat ca o răsturnare.
9. Faceți clic pe pictograma globului din partea superioară a spațiului de lucru pentru a previzualiza munca dvs. într-un browser și pentru a testa modul de funcționare a rolloverului.