Si të krijoni një imazh të thjeshtë rrotullues në Dreamweaver

Rrotullimet janë një veçori kaq popullore sa Dreamweaver përfshin një kuti dialogu të veçantë vetëm për rrotullime: kutinë e dialogut Insert Rollover Image. Imazhet e rrotullimit, siç nënkupton edhe emri, janë krijuar për të reaguar kur dikush rrotullon një kursor mbi një imazh. Efekti mund të jetë po aq dramatik sa një foto e një qeni që zëvendësohet nga një fotografi e një luani, ose po aq delikate sa ndryshon ngjyra e një fjale.

Mund të krijoni efekte më komplekse të imazhit të përmbysjes me opsionin Swap Image nga paneli i sjelljeve. Opsioni Swap Image ju mundëson të ndryshoni disa imazhe në të njëjtën kohë.

Për të krijuar një efekt të thjeshtë rrotullimi me dy imazhe duke përdorur kutinë e dialogut Insert Image Rollover të Dreamweaver, ndiqni këto hapa:

Vendoseni kursorin në faqen ku dëshironi të shfaqet përmbysja.

Efektet e rrotullimit kërkojnë të paktën dy imazhe: një për gjendjen fillestare dhe një për gjendjen e rrotullimit. Mund të përdorni dy imazhe të ndryshme ose dy të ngjashme, por të dyja duhet të kenë të njëjtat dimensione. Përndryshe, ju shihni efekte të çuditshme shkallëzimi sepse të dy imazhet duhet të shfaqen në të njëjtën hapësirë ​​në faqe.

Zgjidhni Fut → Imazhi → Imazh i rrotullimit.

Përndryshe, mund të përdorni listën rënëse të disponueshme nga ikona Images në panelin Common Insert dhe zgjidhni Rollover Image.

Shfaqet kutia e dialogut Insert Rollover Image.

Në kutinë Emri i imazhit, emërtoni imazhin tuaj.

Përpara se të aplikoni një sjellje në një element, si për shembull një imazh, elementi duhet të ketë një emër në mënyrë që skripti i sjelljes të mund t'i referohet. Ju mund t'i emërtoni elementët çdo gjë që ju pëlqen për sa kohë që nuk përdorni hapësira ose karaktere të veçanta.

Në kutinë e imazhit origjinal, specifikoni imazhin e parë që dëshironi të shihet. Përdorni butonin Browse për të gjetur dhe zgjedhur imazhin.

Nëse imazhet nuk janë tashmë në dosjen tuaj lokale të faqes, Dreamweaver i kopjon ato në faqen tuaj kur krijoni rollover-in.

Në kutinë Rollover Image, futni imazhin që dëshironi të bëhet i dukshëm kur një vizitor lëviz kursorin mbi imazhin e parë.

Përsëri, mund të përdorni butonin Browse për të gjetur dhe zgjedhur imazhin.

Zgjidhni kutinë e zgjedhjes së Para-ngarkimit të imazhit të rrotullimit për të ngarkuar të gjitha imazhet e rrotullimit në memorien specifike të shfletuesit kur faqja të ngarkohet për herë të parë.

Nëse nuk zgjidhni të bëni këtë hap, vizitorët tuaj mund të kenë një vonesë sepse imazhi i dytë nuk do të shkarkohet derisa kursori të rrotullohet mbi imazhin origjinal.

Në fushën e tekstit alternativ, vendosni një përshkrim të imazheve.

Teksti alternativ është opsional, por rekomandohet sepse përdorimi i fjalëve kyçe mund të përmirësojë optimizimin e motorëve të kërkimit. Në mënyrë të ngjashme, teksti alternativ është një pjesë kyçe e aksesit në ueb sepse ky tekst lexohet me zë të lartë nga shfletues të veçantë të quajtur lexues ekrani, të cilët përdoren nga njerëz të verbër dhe të tjerë me shikim ose lëvizshmëri të kufizuar. Teksti alternativ shfaqet vetëm në shfletues nëse imazhet nuk janë të dukshme.

Në kutinë Kur klikohet, Shkoni te URL-ja, futni çdo adresë ueb ose shfletoni për të gjetur një faqe tjetër në faqen tuaj me të cilën dëshironi të lidheni.

Nëse nuk specifikoni një URL, Dreamweaver automatikisht fut shenjën # si mbajtëse në kod.

Shenja # është një teknikë e zakonshme për krijimin e lidhjeve që nuk lidhen askund. Për shkak se imazhet e rrotullimit që nuk lidhen me një faqe tjetër kanë shumë përdorime të shkëlqyera, kjo teknikë është e dobishme. Vetëm mos harroni se nëse dëshironi që rikthimi juaj të lidhet, duhet të zëvendësoni shenjën # me një lidhje në një faqe tjetër.

Klikoni OK.

Imazhet konfigurohen automatikisht si përmbysje.

Për të parë lëvizjen në veprim, ruajeni skedarin dhe më pas klikoni ikonën e globit në krye të hapësirës së punës për të parë paraprakisht faqen tuaj në një shfletues uebi.

Mund të shihni se si funksionon rollover-i juaj në pamjen e dizajnit të Dreamweaver ose duke përdorur opsionin Live View. Kur klikoni butonin Live në pjesën e sipërme majtas të hapësirës së punës, në thelb e ktheni Dreamweaver në një shfletues uebi që shfaq faqe shumë si shfletuesi Chrome.

Kur jeni duke parë paraprakisht një faqe në kompjuterin tuaj që përfshin një imazh të përmbysur, disa shfletues ueb do të shfaqin një paralajmërim që thotë se duhet të lejoni kontrollet ActiveX të shikojnë faqen. Ky është një paralajmërim sigurie që shfaqet vetëm kur faqja hapet në të njëjtin kompjuter ku ruhet faqja.

Nëse e publikoni faqen në një server në internet dhe më pas e shikoni atë përmes një lidhjeje interneti, ju dhe vizitorët e faqes suaj nuk do ta shihni këtë gabim.

Kredia: Vepra artistike nga istockphoto.com