A dobozokkal kapcsolatos viselkedések használata az Adobe Dreamweaver CS6 programban

Menő effektusok és interaktivitás hozzáadásához használhatja a beépített Adobe Dreamweaver CS6 viselkedésmódokat, a használatra kész szkriptek gyűjteményét, amelyeket az oldal szinte bármely elemére alkalmazhat. Ha DIV-ekkel vagy más tárolókkal együtt használják, a viselkedés speciális effektusokkal vagy egérrel való interakcióval (például kattintással és görgetéssel) javíthatja őket, hogy izgalmasabbá tegyék az oldalt.

A Viselkedések panel egy teljesen új effektuskészletet tartalmaz, mint például az elhalványítás/megjelenés, a zsugorítás, a kiemelés, a csúsztatás és még sok más – mindezt alkalmazhatja az Ön által létrehozott AP Div-ekre.

Az alábbi lépések követésével viselkedéseket adhat hozzá:

Válassza az Ablak → Viselkedések menüpontot a Viselkedések panel megnyitásához.

Válasszon ki egy DIV-t az AP Elements panel segítségével, vagy válasszon ki egy elemet közvetlenül az oldalon.

A Viselkedések panelen kattintson a pluszjelre.

Megjelenik az elérhető viselkedések menüje.

A menüből válassza ki az alkalmazni kívánt viselkedést.

Például az elhalványulási effektus alkalmazásához válassza az Effektusok→ Megjelenés/Eltüntetés menüpontot.

Megnyílik a Megjelenés/elhalványítás párbeszédpanel.

A dobozokkal kapcsolatos viselkedések használata az Adobe Dreamweaver CS6 programban

Győződjön meg arról, hogy az effektus Fade értékre van állítva, és jelölje be a Toggle Effect jelölőnégyzetet, hogy megbizonyosodjon arról, hogy a jelölőnégyzet ismét megjelenik, amikor másodszor is rákattint. Ezután kattintson az OK gombra.

A viselkedés hozzáadódik a listához. A bal oldalán található onClick kifejezés azt jelzi, hogy ez a művelet akkor történik meg, amikor a dobozra kattintanak.

Az oldal mentéséhez válassza a Fájl→Mentés menüpontot.

A hatás működésének megtekintéséhez tekintse meg az oldal előnézetét egy böngészőben.

Válassza a Fájl → Előnézet a böngészőben menüpontot, és válasszon egy böngészőt az oldal elindításához.

Amikor teszteli az oldalt, a négyzetre kattintva eltűnik vagy újra megjelenik – sok móka az Ön számára, és rendkívül interaktív a felhasználók számára!

Ha a böngésző korlátozza a weboldalon a parancsfájlok vagy ActiveX-vezérlők futtatását, kattintson a böngészőablak tetején lévő üzenetre, és válassza a Letiltott tartalom engedélyezése lehetőséget az új viselkedés megfelelő teszteléséhez.

Ha effektusokat használ, a Dreamweavernek több olyan fájlt is át kell másolnia a helyi webhelyre, amelyek lehetővé teszik az effektusokat.

Leave a Comment

A klónozó bélyegző eszköz használata a Photoshop CS6 programban

A klónozó bélyegző eszköz használata a Photoshop CS6 programban

Fedezze fel a Klónbélyegző eszköz használatát a Photoshop CS6 programban, és tanulja meg, hogyan klónozhat képeket szakmai szinten.

Adobe CS5 Dreamweaver Property Inspector

Adobe CS5 Dreamweaver Property Inspector

Az Adobe Creative Suite 5 (Adobe CS5) Dreamweaverben a Property Inspector az egyik leghasznosabb panel, amely részletes információkat nyújt a kiválasztott elemekről.

A korrekciós rétegek használata a Photoshop CS6 programban

A korrekciós rétegek használata a Photoshop CS6 programban

A korrekciós réteg a Photoshop CS6-ban színkorrekcióra szolgál, lehetővé téve a rétegek tartós módosítása nélkül történő szerkesztést.

Alakzatok átméretezése az Illustratorban

Alakzatok átméretezése az Illustratorban

Amikor az Adobe Illustrator CC-ben tervez, gyakran pontos méretű formára van szüksége. Fedezze fel az átalakítás panel használatát az alakzatok precíz átméretezéséhez.

A Photoshop CS6 panelek beállítása

A Photoshop CS6 panelek beállítása

A Photoshop CS6 paneljeinek kezelése egyszerű és hatékony módja a grafikai munkafolyamatok optimalizálásának. Tanulja meg a paneleket a legjobban kihasználni!

Kijelölések az Adobe Illustrator CC programban

Kijelölések az Adobe Illustrator CC programban

Fedezze fel, hogyan kell hatékonyan kijelölni objektumokat az Adobe Illustratorban a legújabb trükkökkel és technikákkal.

Rétegek automatikus igazítása a Photoshop CS6 alkalmazásban

Rétegek automatikus igazítása a Photoshop CS6 alkalmazásban

Fedezze fel a Photoshop CS6 legmenőbb funkcióját, a Rétegek automatikus igazítását, amely lehetővé teszi a tökéletes képek létrehozását.

InDesign szövegkeret beállításai

InDesign szövegkeret beállításai

Fedezze fel, hogyan használhatja az InDesign szövegkeret beállításait a kívánt eredmények eléréséhez. Tudja meg, hogyan rendezheti el a szövegeket, és optimalizálja a kiadványait!

InDesign CS5 rácsok és segédvonalak megjelenítése és elrejtése

InDesign CS5 rácsok és segédvonalak megjelenítése és elrejtése

Fedezd fel, hogyan használhatod az InDesign Creative Suite 5 rácsait és segédvonalait az elemek pontos elhelyezésére. A rácsok és a segédvonalak megkönnyítik az oldal elrendezését és a nyomtatást.

Az átlátszóság alkalmazása az SVG-kre

Az átlátszóság alkalmazása az SVG-kre

Ismerje meg, hogyan alkalmazhat átlátszóságot az SVG-grafikákon az Illustratorban. Fedezze fel, hogyan lehet átlátszó hátterű SVG-ket nyomtatni, és hogyan alkalmazhat átlátszósági effektusokat.