Come usare Adobe Edge Animate Files in Dreamweaver - dummies

Adobe Edge Animate è un programma software che è possibile utilizzare con le nuove funzioni di Dreamweaver CC che consente ai progettisti che hanno familiarità con l'interfaccia Flash di creare animazioni e quindi esportarli come pacchetti. file oam che sono facili da inserire nelle tue pagine web. Fin da quando l'iPhone e l'iPad di Apple, notoriamente popolari, si sono rifiutati di supportare Flash, Adobe ha lavorato per fornire alternative ai web designer.

Il. i file oam contengono le immagini e il codice JavaScript, HTML5 e CSS che Dreamweaver utilizza per visualizzare l'animazione nella tua pagina web. Per aggiungere il. file OAM in una pagina in Dreamweaver, attenersi alla seguente procedura:

1. Fare clic nel punto in cui si desidera visualizzare il file Edge Animate sulla pagina Web.

2. Se il pannello Inserisci non è già aperto, scegli Finestra → Inserisci. Quindi utilizzare l'elenco a discesa per selezionare il pannello Media.

3. Nell'elenco a discesa Supporto, selezionare l'opzione Composizione animate bordo.

   Puoi anche scegliere Inserisci → Media → Composizione bordi animati, o premere Ctrl + Alt + Maiusc + E. Viene visualizzata la finestra di dialogo Seleziona Edge Animate Package.

4. Sfoglia per individuare il file del pacchetto Edge Animate che si desidera inserire nella pagina, selezionare il file e fare clic su OK.

5. Se hai attivato le opzioni di accessibilità, ti viene chiesto di aggiungere testo alternativo per descrivere il file Edge Animate. Inserisci una descrizione del file e fai clic su OK.

   La finestra di dialogo si chiude e il file Edge Animate viene inserito nel documento. Dreamweaver copia inoltre i file jQuery, CSS, HTML e di immagine necessari nella cartella principale del sito.

   

6. Fare clic sul pulsante Vista live nella parte superiore dell'area di lavoro per visualizzare l'animazione inserita.

   (A differenza di Flash, non c'è alcun pulsante per riprodurre l'animazione per vedere se funziona.) Notare l'ampio elenco di file elencati accanto al pulsante Codice sorgente sopra il design della pagina.

   

Dreamweaver include solo alcune opzioni nella finestra di ispezione Proprietà per modificare le animazioni Edge nelle pagine Web. È possibile assegnare uno stile di classe al file Edge Animate, ma non modificare l'altezza o la larghezza dell'animazione con le finestre di dialogo nella finestra di ispezione Proprietà, a meno che non si sia esperti nel modificare manualmente i file CSS, jQuery e HTML.