Hogyan hozzunk létre ráfordításokat az Adobe Dreamweaver CS6-ban

Az Adobe Dreamweaver CS6 alkalmazásban beszúrhat képobjektumokat, beleértve a kép helyőrzőit, az áthúzó képeket (olyan képeket, amelyek megváltoznak, amikor a néző a kép fölé viszi az egeret), navigációs sávokat és Fireworks HTML-t. Ezeket a képobjektumokat a Beszúrás→Képobjektumok menüpontban érheti el.

Átfordító kép létrehozásához kövesse az alábbi lépéseket:

1Hozza létre az átgörgetésként használni kívánt képeket.

Ezeket a képeket Fireworksben, Illustratorban, Photoshopban vagy bármely más olyan alkalmazásban állíthatja elő, amely képes a webre optimalizált képek mentésére. A legjobb eredmény érdekében készítsen pontosan azonos szélességű és magasságú képeket.

2 Helyezze a kurzort arra az oldalra, ahol meg szeretné jeleníteni az átgörgetést, és válassza a Beszúrás→ Képobjektumok→ Áthelyezett kép menüpontot, vagy kattintson az Áthelyezett kép gombra a Beszúrás panelen.

Megjelenik az Insert Rollover Image párbeszédpanel.

3 Írja be a kép nevét szóközök nélkül a Kép neve szövegmezőbe.

Ezt a nevet használja az átgörgetést létrehozó szkript.

4 Kattintson az Eredeti kép és az Átgörgetési kép szövegmezőktől jobbra található Tallózás gombokra, hogy megkeresse azt a képet, amelyet alapértelmezettként szeretne megjeleníteni az oldalon.

A kép csak akkor jelenik meg, ha valaki a kép fölé viszi az egérmutatót.

5 Hagyja bejelölve az Előzetes átgörgetési kép jelölőnégyzetet.

Ez az opció letölti az átgörgetési képet az oldal letöltésekor, hogy elkerülje a görgetési késéseket.

6 Gépeljen be megfelelően leíró alternatív szöveget.

Természetesen be kell írnia az Alt szöveg mezőbe.

7A Kattintáskor, Ugrás az URL-hez szövegmezőben adja meg a Dreamweavernek, hogy hová irányítják a nézőket, amikor rákattintnak az egérmutató képére.

A Tallózás gombra kattintva megkereshet egy másik oldalt webhelyén, vagy megadhat egy URL-t.

Ha egy másik webhelyre hivatkozik, akkor az URL elejére fel kell tüntetnie a http:// előtagot. Ha ezt üresen hagyja, a Dreamweaver automatikusan hozzáad egy holt hivatkozást (#).

8 Kattintson az OK gombra.

A görgetőkép létrejön az oldalon.

9Az új átgörgetési kép előnézetéhez válassza a Fájl→ Előnézet a böngészőben menüpontot, vagy kattintson az Élő nézet gombra a Dokumentum eszköztáron.

Ha még nem rendelkezik valódi hivatkozással egy gombhoz vagy hiperhivatkozáshoz, írjon be egy font jelet (#) egy holt hivatkozás létrehozásához. A hivatkozás vagy gomb kattinthatónak tűnik, de kattintáskor nem megy sehova. Ez a lehetőség jobb, mint a szóköz billentyű lenyomása üres hely létrehozásához hivatkozásként, mert a hivatkozásra az Oldal nem található hibaüzenet jelenik meg, amikor rákattint.