HTML importálása az Adobe Edge Animate programba

Az Adobe Edge Animate CC nagyon HTML-barát. Ha van egy meglévő – bár nagyon egyszerű – HTML-weboldala, amelyet animálni szeretne, akkor az üdvözlőképernyőn kattintson a Fájl megnyitása elemre a munka megkezdéséhez.

Győződjön meg arról, hogy minden kép és társított fájl ugyanabban a mappában van, mint a htm fájl, amikor megnyitja azt – vagy a htm fájl beágyazott mappájában. Ellenkező esetben nem fognak megjelenni a Színpadon.

Meglévő HTML importálásakor ne feledje a következőket:

  • Előfordulhat, hogy az Edge Animate-nek nem tetszenek a CSS-fájlok

  • A htm-fájlban lévő képek a Könyvtár panelen jelennek meg.

  • A szöveg elemként importálódik.

Lehetséges problémák a CSS fájlokkal

Ne feledje, hogy minél egyszerűbb az importált HTML-oldal, annál könnyebben tudja megnyitni az Edge Animate.

Ha problémái vannak a htm fájl megnyitásával, próbálja meg eltávolítani az összes kapcsolódó CSS ​​fájlt. Lehet, hogy ideges lesz a korábbi munka elvesztése miatt, de ne feledje, hogy az összes tervezési munkát gyorsan helyettesítheti az Edge Animate programmal.

Ha megnyit egy meglévő HTML-fájlt menükkel és hasonlókkal, akkor animálhatja a menüket és az elemeket, de nem tudja újraformázni a színt és néhány más szempontot.

Ennek az az oka, hogy az Edge Animate csak az importált HTML-objektumok animációs szekvenciáit engedélyezi, így nem ütközik az esetleg már alkalmazott CSS-stílusokkal. Kicsit zavaró lehet, ha két stílust alkalmaz egy elemre, ami váratlan eredményekhez vezethet.

A képek a Könyvtár panelen jelennek meg

Ha az importált HTML-oldal képeket tartalmaz, akkor az Edge Animate ezeket a képeket elemként importálja a Könyvtár panelre (lásd az ábrát).

HTML importálása az Adobe Edge Animate programba

Itt az eredeti Edge Animate ikont tartalomként importálták a Könyvtár panelre.

Mostantól az importált képeket elemként kezelheti, amelyeket animálhat vagy interaktív attribútumokat adhat hozzá; mozgathatja a képet a képernyőn és/vagy hivatkozássá teheti a képet.

A szöveg elemként importálódik

Amikor szöveget tartalmazó HTML-fájlt importál, az Animate elemként importálja a szöveget. Kijelölheti a szövegelemeket és animálhatja őket, vagy műveleteket adhat hozzájuk; a szöveget azonban nem szerkesztheti.

Ha az eredeti HTML-fájl H1- vagy bekezdéscímkéket használt a szöveghez, akkor az Animate felismeri ezeket az attribútumokat, és az ábra szerint megjeleníti az Elemek panelen.

HTML importálása az Adobe Edge Animate programba

A szöveg elemként importálódik.

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.