Ako importovať HTML do Adobe Edge Animate

Adobe Edge Animate CC je veľmi priateľský k HTML. Ak máte existujúcu – aj keď veľmi jednoduchú – webovú stránku HTML, ktorú chcete animovať, potom na úvodnej obrazovke kliknite na položku Otvoriť súbor a začnite s ňou pracovať.

Uistite sa, že všetky obrázky a súvisiace súbory sú v rovnakom priečinku ako súbor htm, keď ho otvoríte – alebo vo vnorenom priečinku v súbore htm. Inak sa na javisku neobjavia.

Pri importe existujúceho kódu HTML majte na pamäti nasledovné:

  • Edge Animate sa nemusí páčiť vašim súborom CSS

  • Obrázky vo vašom súbore htm sa zobrazia na paneli Knižnica.

  • Text sa importuje ako prvok.

Možné problémy so súbormi CSS

Majte na pamäti, že čím jednoduchšiu stránku HTML importujete, tým ľahšie ju otvorí Edge Animate.

Ak máte problém s otvorením súboru htm, skúste odstrániť všetky súvisiace súbory CSS. Môžete sa obávať straty predchádzajúcej práce, ale majte na pamäti, že všetku túto prácu s dizajnom môžete rýchlo nahradiť pomocou Edge Animate.

Ak otvoríte existujúci súbor HTML s ponukami a podobne, môžete ponuky a prvky animovať, ale nemôžete preformátovať farbu a niektoré ďalšie aspekty.

Dôvodom je, že Edge Animate povoľuje len sekvencie animácií pre importované objekty HTML, aby sa nehádali žiadne štýly CSS, ktoré ste už použili. Môže to byť trochu chaotické, keď na prvok použijete dva štýly, čo môže viesť k neočakávaným výsledkom.

Obrázky sa zobrazia na paneli Knižnica

Ak stránka HTML, ktorú importujete, obsahuje obrázky, potom Edge Animate importuje tieto obrázky do panela Knižnica ako aktívum (pozrite si tento obrázok).

Ako importovať HTML do Adobe Edge Animate

Pôvodná ikona Edge Animate bola importovaná ako aktívum do panela Knižnica.

Teraz môžete s importovanými obrázkami zaobchádzať ako s prvkami, ktoré môžete animovať alebo pridať interaktívne atribúty; môžete zmeniť obrázok na pohyb po obrazovke a/alebo vytvoriť odkaz.

Text sa importuje ako prvok

Keď importujete súbor HTML s textom, Animate importuje tento text ako prvok. Môžete vybrať textové prvky a animovať ich alebo k nim pridať akcie; nemôžete však upravovať text.

Ak pôvodný súbor HTML používal pre text značky H1 alebo odsekov, Animate rozpozná tieto atribúty a zobrazí ich na paneli Prvky, ako je znázornené.

Ako importovať HTML do Adobe Edge Animate

Text sa importuje ako prvok.

Leave a Comment

Vlákno a prepojenie textových rámov InDesign CS5

Vlákno a prepojenie textových rámov InDesign CS5

Naučte sa, ako prepojiť (prepojiť) textové rámčeky v InDesign Creative Suite 5, aby medzi nimi mohol plynúť text a optimalizovať tak svoje publikácie.

Prepojiť a vložiť obrázky do dokumentov InDesign CS5

Prepojiť a vložiť obrázky do dokumentov InDesign CS5

Obrázky, ktoré importujete do dokumentov InDesign, môžu byť prepojené alebo vložené. Pochopte, kedy použiť každú metódu pre optimalizované publikovanie.

Ako upraviť akciu vo Photoshope CS6

Ako upraviť akciu vo Photoshope CS6

Adobe Photoshop CS6 vám umožňuje upravovať akcie. Naučte sa, ako upraviť akcie, aby ste dosiahli požadované výsledky pri práci s obrázkami.

Ako umiestniť a orezať kresbu v aplikácii Adobe Illustrator

Ako umiestniť a orezať kresbu v aplikácii Adobe Illustrator

Predtým, ako sa naučíte orezávať obrázky v aplikácii Adobe Illustrator, musíte najprv umiestniť obrázky. Preskúmajte, ako vložiť a prepojiť súbory a umiestniť text do cesty.

Prispôsobenie a používanie pravítka a príručky Adobe CS5 Illustrator

Prispôsobenie a používanie pravítka a príručky Adobe CS5 Illustrator

Adobe Illustrator v rámci Adobe CS5 ponúka pokročilé metódy pre efektívne usporiadanie a umiestňovanie ilustrácií. Prispôsobenie pravítka a sprievodcov vám pomôže dosiahnuť presné výsledky.

Zmeňte nastavenie dokumentu InDesign CS5

Zmeňte nastavenie dokumentu InDesign CS5

Naučte sa, ako zmeniť nastavenie dokumentu v InDesign Creative Suite 5 vrátane veľkosti strán a počtu strán. Toto je praktický sprievodca pre efektívnu prácu s dokumentmi.

Ako vytvoriť orezové cesty v programe Adobe Photoshop CS6

Ako vytvoriť orezové cesty v programe Adobe Photoshop CS6

Naučte sa, ako vytvoriť orezové cesty v Adobe Photoshop CS6 pre dokonalé siluety, ktoré sú vhodné na prenášanie do iných aplikácií na zalamovanie textu. Orezové cesty sú základom pre efektívnu prácu s grafikou.

Ako nastaviť zásady správy farieb vo Photoshope CS6

Ako nastaviť zásady správy farieb vo Photoshope CS6

Naučte sa, ako nastaviť zásady správy farieb vo Photoshope CS6, aby ste optimálne spravovali farebné profily a dosiahli presné farby vo svojich projektoch.

Úprava tabuľky v programe Adobe CS5 Dreamweaver

Úprava tabuľky v programe Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver ponúka efektívne metódy na úpravu tabuliek, vrátane pridávania a odstraňovania riadkov a stĺpcov. Naučte sa optimalizovať svoje tabulky pre lepšie SEO.

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Pri navrhovaní v aplikácii Adobe Illustrator CC často potrebujete presnú veľkosť tvarov. Zmeňte veľkosť tvarov rýchlo pomocou nástroja Transformácia a rôznych techník.