Az Adobe Edge Animate fájlok használata a Dreamweaverben

Az Adobe Edge Animate egy szoftverprogram, amelyet a Dreamweaver CC új funkcióival együtt használhat, és lehetővé teszi a Flash felületet ismerő tervezők számára, hogy animációkat készítsenek, majd csomagolt .oam fájlokként exportálják azokat, amelyeket könnyen beilleszthetnek weboldalaiba. Amióta az Apple rendkívül népszerű iPhone-ja és iPadjei híresen megtagadták a Flash támogatását, az Adobe azon dolgozik, hogy alternatívákat kínáljon a webtervezőknek.

Az .oam fájlok tartalmazzák a képeket, valamint a JavaScript-, HTML5- és CSS-kódokat, amelyeket a Dreamweaver használ az animáció megjelenítéséhez a weboldalon. Ha .oam fájlokat szeretne hozzáadni egy oldalhoz a Dreamweaver alkalmazásban, kövesse az alábbi lépéseket:

Kattintson arra a helyre, ahol meg szeretné jeleníteni az Edge Animate fájlt a weboldalán.

Ha a Beszúrás panel még nincs megnyitva, válassza az Ablak → Beszúrás menüpontot. Ezután a legördülő listából válassza ki a Média panelt.

A Média legördülő listában válassza az Él animált kompozíció lehetőséget.

Választhatja a Beszúrás → Média → Él animált kompozíciót is, vagy nyomja meg a Ctrl+Alt+Shift+E billentyűkombinációt. Megjelenik a Select Edge Animate Package párbeszédpanel.

Tallózással keresse meg az oldalába beszúrni kívánt Edge Animate csomagfájlt, jelölje ki a fájlt, majd kattintson az OK gombra.

Ha a kisegítő lehetőségek be vannak kapcsolva, a rendszer felkéri, hogy adjon hozzá alternatív szöveget az Edge Animate fájl leírásához. Adja meg a fájl leírását, majd kattintson az OK gombra.

A párbeszédpanel bezárul, és az Edge Animate fájl bekerül a dokumentumba. A Dreamweaver a szükséges jQuery-, CSS-, HTML- és képfájlokat is a webhely gyökérmappájába másolja.

Az Adobe Edge Animate fájlok használata a Dreamweaverben

A beillesztett animáció megtekintéséhez kattintson a munkaterület tetején található Élő nézet gombra.

(A Flash-től eltérően nincs gomb az animáció lejátszására annak ellenőrzésére, hogy működik-e.) Figyelje meg a fájlok kiterjedt listáját, amely a Forráskód gomb mellett található az oldal kialakítása felett.

Az Adobe Edge Animate fájlok használata a Dreamweaverben

A Dreamweaver csak néhány lehetőséget tartalmaz a Tulajdonságvizsgálóban az Edge animációk módosításához a weboldalain. Hozzárendelhet osztálystílust az Edge Animate fájlhoz, de ne módosítsa az animáció magasságát vagy szélességét a Tulajdonságvizsgáló párbeszédpaneleivel, hacsak nem jártas a CSS-, jQuery- és HTML-fájlok kézi szerkesztésében.

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.