Video: Introduzione ad Adobe XD CC 2024
Dopo aver versato sangue, sudore e lacrime durante il processo di creazione del tuo animazione, molto probabilmente vuoi metterlo online in modo che il mondo possa godere della tua magnifica creazione. Esistono molti modi per mettere online la composizione di Edge Animate o incorporarla in un altro strumento per la presentazione, ad esempio un iBook.
L'animazione può essere una pagina web autonoma, occupare parte di un sito Web come propria pagina o essere incorporata in una pagina esistente. È possibile aggiungere progetti Edge Animate ai sistemi di gestione dei contenuti (CMS) come WordPress, Joomla! o Blogger.
Quando salvi il progetto Edge Animate, il software crea molti file diversi per te. Uno di questi file è scritto in HTML5. Puoi caricare questo file HTML, insieme agli altri file creati da Edge Animate, sul Web tramite FTP al tuo sito o al sito del tuo cliente. Facendolo in questo modo ti permette di creare una singola pagina web per la tua animazione o renderla parte di un sito più grande.
È anche possibile incorporare l'animazione in una pagina Web esistente. Se vuoi farlo, devi comunque caricare i file che Edge Animate crea per te nella struttura delle cartelle del sito in cui risiede la pagina.
Quindi, prendi uno snippet di codice dal file HTML creato da Edge Animate e posiziona lo snippet di codice nel file HTML della pagina in cui desideri visualizzare l'animazione.
Lo snippet di codice che si desidera copiare e incollare dal file HTML di Edge Animate al file HTML della pagina in cui si desidera incorporare l'animazione è il seguente:
È inoltre necessario posizionare una riga di codice come questa nel tag body della pagina:
Il codice precedente può sembrare un po 'intimidatorio per coloro che non conoscono il codice, ma non c'è davvero nulla di cui preoccuparsi. In sostanza, questo snippet di codice è ciò che chiama la tua animazione in azione. Il file HTML agisce come una shell che attiva JavaScript. Assicurati di caricare tutti i file creati da Edge Animate per te, in modo che la composizione non appaia danneggiata.
Il. La riga di codice edgeLoad in questo snippet di codice contiene un numero univoco, in questo caso, 15449885. Questo numero è stato creato da Edge Animate per connettere il file HTML ai file JavaScript. Se si modifica questo numero, si interromperà la connessione tra i file e l'animazione non verrà riprodotta correttamente.
