Come importare HTML in Adobe Edge Animate - dummies

Adobe Edge Animate CC è molto intuitivo per HTML. Se si dispone di una pagina Web HTML, anche se di base, che si desidera animare, fare clic su Apri file dalla schermata di benvenuto per iniziare a lavorare con essa.

Assicurarsi che tutte le immagini e i file associati si trovino nella stessa cartella del file htm quando lo si apre - o in una cartella nidificata nel file htm. Altrimenti non appariranno sullo stage.

Quando importi l'HTML esistente, tieni presente quanto segue:

• Edge Animate potrebbe non apprezzare i file CSS

• Le immagini nel file htm compaiono nel pannello Libreria.

• Il testo viene importato come elemento.

Possibili problemi con i file CSS

Tenere presente che più semplice è la pagina HTML che si importa, più è facile per Edge Animate aprirlo.

Se si verificano problemi durante l'apertura del file htm, provare a rimuovere tutti i file CSS associati. Potresti preoccuparti della perdita di quel lavoro precedente, ma tieni presente che puoi rapidamente sostituire tutto il lavoro di progettazione con Edge Animate.

Se apri un file HTML esistente con menu e simili, puoi animare i menu e gli elementi ma non puoi riformattare il colore e alcuni altri aspetti.

La ragione di ciò è che Edge Animate consente solo sequenze di animazione per oggetti HTML importati in modo da non combattere con lo stile CSS che potresti aver già applicato. Può diventare un po 'complicato quando si applicano due stili a un elemento, il che può portare a risultati imprevisti.

Le immagini vengono visualizzate nel pannello Libreria

Se la pagina HTML che si sta importando contiene immagini, Edge Animate importa tali immagini nel pannello Libreria come una risorsa (vedere questa figura).

Qui l'icona Edge Animate originale è stata importata come risorsa nel pannello Libreria.

Ora puoi trattare le immagini importate come elementi che puoi animare o aggiungere attributi interattivi; puoi spostare l'immagine sullo schermo e / o rendere l'immagine un collegamento.

Il testo viene importato come elemento

Quando si importa un file HTML con testo, Animate importa quel testo come elemento. È possibile selezionare gli elementi di testo e animarli o aggiungere azioni a loro; tuttavia, non è possibile modificare il testo.

Se il file HTML originale utilizza tag H1 o paragrafo per il testo, Animate riconosce quegli attributi e li visualizza nel pannello Elementi, come mostrato.

Il testo viene importato come elemento.