Modelli di pubblicazione HTML

  1. Guida utente di Adobe Animate
  2. Introduzione ad Animate
    1. Novità di Animate
    2. Glossario visivo
    3. Requisiti di sistema per Animate
    4. Scelte rapide da tastiera di Animate
    5. Utilizzare diversi tipi di file in Animate
  3. Animazione
    1. Concetti di base sulle animazioni in Animate
    2. Come utilizzare i fotogrammi e i fotogrammi chiave in Animate
    3. Animazione fotogramma per fotogramma in Animate
    4. Come utilizzare le animazioni con interpolazione classica in Animate
    5. Strumento Pennello
    6. Guida di movimento
    7. Interpolazione di movimento e ActionScript 3.0
    8. L’animazione con interpolazione di movimento
    9. Animazioni con interpolazione di movimento
    10. Creazione di un’animazione con interpolazione di movimento
    11. Utilizzo dei fotogrammi chiave di proprietà
    12. Animare la posizione con un'interpolazione
    13. Come modificare le interpolazioni di movimento con l'Editor movimento
    14. Modifica del tracciato di movimento di un’animazione con interpolazione
    15. Manipolazione delle interpolazioni di movimento
    16. Aggiunta di andamenti personalizzati
    17. Creazione e applicazione di preimpostazioni di movimento
    18. Impostazione delle estensioni di interpolazione per l’animazione
    19. Operazioni con le interpolazioni di movimento salvate come file XML
    20. Interpolazioni di movimento e classiche a confronto
    21. Interpolazione di forme
    22. Utilizzare lo strumento di animazione Osso in Animate
    23. Utilizzare il rigging dei personaggi in Animate
    24. Come utilizzare i livelli maschera in Adobe Animate
    25. Come utilizzare le scene in Animate
  4. Interattività
    1. Come creare pulsanti con Animate
    2. Convertire progetti Animate in altri formati di tipi di documenti
    3. Creare e pubblicare documenti HTML5 Canvas in Animate
    4. Aggiungere interattività con gli snippet di codice in Animate
    5. Creazione di componenti HTML5 personalizzati
    6. Utilizzo dei componenti in HTML5 Canvas
    7. Creazione di componenti personalizzati: esempi
    8. Snippet di codice per componenti personalizzati
    9. Best practice - Pubblicità con Animate
    10. Creazione e pubblicazione di contenuti in realtà virtuale
  5. Area di lavoro e flusso di lavoro
    1. Creazione e gestione dei pennelli artistici
    2. Utilizzo di Google Fonts nei documenti HTML5 Canvas
    3. Utilizzo di Creative Cloud Libraries con Adobe Animate
    4. Utilizzare il pannello Strumenti e Stage per Animate
    5. Flusso di lavoro e area di lavoro di Animate
    6. Utilizzo di font Web nei documenti HTML5 Canvas
    7. Linee temporali e ActionScript
    8. Operazioni con più linee temporali
    9. Impostare le preferenze
    10. Uso dei pannelli di creazione di Animate
    11. Creare livelli della linea temporale con Animate
    12. Esportare animazioni per dispositivi mobili e motori grafici
    13. Spostamento e copia degli oggetti
    14. Modelli
    15. Trova e sostituisci in Animate
    16. Annulla, Ripeti e il pannello Cronologia
    17. Scelte rapide da tastiera
    18. Come utilizzare la linea temporale in Animate
    19. Creazione di estensioni HTML
    20. Opzioni di ottimizzazione per immagini e GIF animati
    21. Impostazioni per l’esportazione di immagini e file GIF
    22. Pannello Risorse in Animate
  6. File multimediali e video
    1. Trasformazione e combinazione di oggetti grafici in Animate
    2. Creazione e utilizzo di istanze di simboli in Animate
    3. Ricalco immagine
    4. Come utilizzare l’audio in Adobe Animate
    5. Esportazione di file SVG
    6. Creare file video da utilizzare in Animate
    7. Come aggiungere un video in Animate
    8. Operazioni con i cue point video
    9. Disegnare e creare oggetti con Animate
    10. Rimodellare linee e forme
    11. Tratti, riempimenti e gradienti con Animate CC
    12. Utilizzo di Adobe Premiere Pro e After Effects
    13. Pannelli per il colore in Animate CC
    14. Apertura di file Flash CS6 con Animate
    15. Utilizzare il testo classico in Animate
    16. Inserimento di grafica in Animate
    17. Bitmap importate in Animate
    18. Grafica 3D
    19. Utilizzo dei simboli in Animate
    20. Disegnare linee e forme con Adobe Animate
    21. Utilizzare le librerie in Animate
    22. Esportazione di suoni
    23. Selezione degli oggetti in Animate CC
    24. Utilizzare i file AI di Illustrator in Animate
    25. Applicare pattern con lo strumento Pennello spray
    26. Applicazione di metodi di fusione
    27. Disposizione degli oggetti
    28. Automazione delle operazioni con il menu Comandi
    29. Testo in più lingue
    30. Utilizzo della funzione Videocamera di Animate
    31. Utilizzo di Animate con Adobe Scout
    32. Operazioni con file di Fireworks
    33. Filtri grafici
    34. Suono e ActionScript
    35. Preferenze di disegno
    36. Disegno con lo strumento Penna
  7. Piattaforme
    1. Convertire progetti Animate in altri formati di tipi di documenti
    2. Supporto piattaforme personalizzate
    3. Creare e pubblicare documenti HTML5 Canvas in Animate
    4. Creazione e pubblicazione di un documento WebGL
    5. Come creare pacchetti di applicazioni per AIR per iOS
    6. Pubblicazione di applicazioni AIR for Android
    7. Pubblicazione per Adobe AIR per desktop
    8. Impostazioni di pubblicazione ActionScript
    9. Procedure ottimali - Organizzazione del codice ActionScript in un’applicazione
    10. Come utilizzare ActionScript con Animate
    11. Best practice - Linee guida per l’accessibilità
    12. Accessibilità dell’area di lavoro di Animate
    13. Creazione e gestione di script
    14. Abilitazione del supporto per piattaforme personalizzate
    15. Panoramica di Supporto piattaforme personalizzate
    16. Creazione di contenuto accessibile
    17. Operazioni con i plug-in di Supporto piattaforme personalizzate
    18. Debug di ActionScript 3.0
    19. Abilitazione del supporto per piattaforme personalizzate
  8. Esportazione e pubblicazione
    1. Come esportare i file da Animate CC
    2. Pubblicazione OAM
    3. Esportazione di file SVG
    4. Esportazione di elementi grafici e video con Animate
    5. Pubblicazione di documenti AS3
    6. Esportare animazioni per dispositivi mobili e motori grafici
    7. Esportazione di suoni
    8. Esportare i file video QuickTime
    9. Controllo della riproduzione dei video esterni mediante ActionScript
    10. Best practice - Suggerimenti per la creazione di contenuti per dispositivi mobili
    11. Best practice - Convenzioni per i contenuti video
    12. Best practice - Linee guida per la creazione di applicazioni SWF
    13. Best practice - Strutturazione dei file FLA
    14. Best practice per ottimizzare i file FLA per Animate
    15. Impostazioni di pubblicazione ActionScript
    16. Specificare le impostazioni di pubblicazione per Animate
    17. Esportazione di file proiettore
    18. Esportare immagini e GIF animati
    19. Modelli di pubblicazione HTML
    20. Utilizzo di Adobe Premiere Pro e After Effects
    21. Condividere e pubblicare rapidamente le animazioni

Informazioni sui modelli di pubblicazione HTML

Un modello Animate HTML è un file che contiene sia codice HTML statico che codice modello flessibile costituito da un particolare tipo di variabili (diverse dalle variabili di ActionScript). Quando si pubblica un file SWF, Animate sostituisce queste variabili con i valori selezionati nella scheda HTML della finestra di dialogo Impostazioni pubblicazione e produce una pagina HTML con il file SWF incorporato.

Animate include inoltre diversi modelli che soddisfano le esigenze della maggior parte degli utenti e che eliminano la necessità di modificare una pagina HTML per inserire il file SWF. Ad esempio, il modello Animate Only è utile per eseguire la prova dei file in un browser. Semplicemente, posiziona un file SWF di Flash nella pagina HTML in modo che gli utenti possano visualizzarla in un browser Web con Flash Player installato.

Per pubblicare una nuova pagina HTML, utilizzate lo stesso modello e modificate le impostazioni. Potete creare modelli personalizzati utilizzando un qualsiasi editor HTML. Creare un modello equivale a creare una pagina HTML standard, salvo per il fatto che si sostituiscono i valori specifici relativi a un file SWF con variabili che iniziano con il simbolo del dollaro ($).

I modelli HTML di Animate hanno le caratteristiche speciali seguenti:

  • Un titolo di una riga visualizzato nel menu a comparsa Modello nella scheda HTML della finestra di dialogo Impostazioni di pubblicazione.

  • Una descrizione più lunga visualizzata quando fate clic su Informazioni nella scheda HTML della finestra di dialogo Impostazioni di pubblicazione.

  • Variabili di modello che iniziano con il simbolo del dollaro ($) e che specificano dove sostituire i valori parametrici quando Animate genera il file di output.

    Nota: utilizzate una barra rovesciata prima del simbolo del dollaro (\$) se nel documento il simbolo $ viene utilizzato anche per altri scopi.

  • I tag HTML object ed embed richiesti rispettivamente da Microsoft Internet Explorer e Netscape® Communicator® o Navigator®. Per visualizzare un file SWF correttamente su una pagina HTML, è necessario soddisfare questi requisiti di tag. Internet Explorer utilizza il tag HTML object per aprire un file SWF; Netscape usa il tag embed.

Personalizzare i modelli di pubblicazione HTML

Potete modificare le variabili di modello HTML per creare una mappa di un'immagine, un rapporto di testo o un rapporto URL oppure per inserire valori personalizzati per alcuni dei parametri più comuni dei tag HTML object e embed di Animate (per i browser che utilizzano rispettivamente i controlli ActiveX e i plug-in).

I modelli di Animate possono includere qualsiasi contenuto HTML per l'applicazione o addirittura codice per interpreti quali ColdFusion e ASP.

  1. Utilizzando un editor HTML, aprite il modello HTML di Animate da modificare. I modelli si trovano nei seguenti percorsi:

    • Windows XP o Vista: unità di avvio\Documents and Settings\utente\Impostazioni locali\Dati applicazioni\Adobe\Flash CS5\lingua\Configuration\HTML\. Solitamente, Dati applicazioni è una cartella nascosta; potrebbe essere necessario cambiare le impostazioni di Esplora risorse per vederla.

    • Mac OS X 10.3 e versioni successive: Macintosh HD/Applicazioni/Adobe Flash CS5/lingua/First Run/HTML

      Per unità di avvio si intende l'unità da cui viene avviato il sistema operativo Windows; solitamente è l'unità C. Per utente si intende il nome utente della persona che ha effettuato il login al sistema operativo Windows. Il valore di lingua è impostato su un nome di lingua abbreviato. Ad esempio, negli Stati Uniti, lingua è impostato su “en” come abbreviazione di English.

  2. Modificate il modello.
  3. Salvate il modello nella stessa cartella da cui lo avete recuperato.
  4. Per applicare le impostazioni del modello al file SWF, selezionate File > Impostazioni pubblicazione, fate clic su HTML, quindi selezionate il modello modificato. Animate modifica solo le variabili di modello nel modello selezionato.

  5. Selezionate le restanti impostazioni di pubblicazione, quindi fate clic su OK.

Variabili di modello HTML

La seguente tabella elenca le variabili di modello riconosciute da Animate:

Attributo/parametro

Variabile di modello

Titolo modello

$TT

Inizio descrizione modello

$DS

Fine descrizione modello

$DF

Titolo Animate (file SWF)

$T1

Titolo Animate (file SWF) per i metadati per i motori di ricerca

$TL

Descrizione dei metadati per i motori di ricerca

$DC

Stringa XML dei metadati per l'uso con i motori di ricerca

$MD

Larghezza

$WT

Altezza

$HT

Filmato

$MO

Allineamento HTML

$HA

Ciclo

$LO

Parametri per object

$PO

Parametri per embed

$PE

Riproduci

$PL

Qualità

$QU

Scala

$SC

Allineamento della modifica in scala

$SA

Modalità finestra

$WM

Carattere dispositivo

$DE

Colore di sfondo

$BG

Testo filmato (area dove scrivere il testo del filmato)

$MT

URL filmato (posizione dell'URL del file SWF)

$MU

Larghezza immagine (tipo immagine non specificato)

$IW

Altezza immagine (tipo immagine non specificato)

$IH

Nome file dell'immagine (tipo immagine non specificato)

$IS

Nome mappa dell'immagine

$IU

Posizione tag mappa dell'immagine

$IM

Larghezza QuickTime

$QW

Altezza QuickTime

$QH

Nome file QuickTime

$QN

Larghezza GIF

$GW

Altezza GIF

$GH

Nome file GIF

$GN

Larghezza JPEG

$JW

Altezza JPEG

$JH

Nome file JPEG

$JN

Larghezza PNG

$PW

Altezza PNG

$PH

Nome file PNG

$PN

Uso delle variabili di modello abbreviate

Le variabili di modello $PO (per i tag object) e $PE (per i tag embed) sono utili elementi abbreviati. Ogni variabile fa in modo che Animate inserisca in un modello qualsiasi valore non predefinito per alcuni dei parametri object e embed più comuni, tra cui PLAY ($PL), QUALITY ($QU), SCALE ($SC), SALIGN ($SA), WMODE ($WM), DEVICEFONT ($DE) e BGCOLOR ($BG).

Modello HTML di esempio

Il seguente file modello Default.HTML in Animate contiene molte delle variabili di modello usate comunemente:

$TTFlash Only 
$DS 
Display Adobe SWF file in HTML. 
$DF 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
$CS 
<title>$TI</title> 
</head> 
<body bgcolor="$BG"> 
<!--url's used in the movie--> 
$MU 
<!--text used in the movie--> 
$MT 
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.adobe.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="$WI" height="$HE" id="$TI" align="$HA"> 
<param name="allowScriptAccess" value="sameDomain" /> 
$PO 
<embed $PEwidth="$WI" height="$HE" name="$TI" align="$HA" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> 
</object> 
</body> 
</html>

Creare una mappa immagine da sostituire a un file SWF

Animate è in grado di generare una mappa dell'immagine per visualizzare qualsiasi immagine e mantenere la funzione dei pulsanti di collegamento agli URL. Quando un modello HTML include la variabile di modello $IM, Animate inserisce il codice della mappa dell'immagine. La variabile $IU identifica il nome del file GIF, JPEG o PNG.

  1. Nel documento, selezionate il fotogramma chiave da utilizzare per la mappa dell'immagine e assegnate l'etichetta #Map nella finestra di ispezione Proprietà del fotogramma (Finestra > Proprietà). Utilizzate qualsiasi fotogramma chiave con pulsanti a cui siano associate azioni ActionScript 1.0 o 2.0 getURL.

    Se non si crea un'etichetta fotogramma, Animate crea una mappa dell'immagine usando i pulsanti nell'ultimo fotogramma del file SWF. Questa opzione genera una mappa dell'immagine incorporata, non un file SWF incorporato.

  2. Per selezionare il fotogramma da utilizzare per la visualizzazione della mappa dell'immagine, effettuate una delle seguenti operazioni:
    • Per i file PNG o GIF, assegnate l'etichetta #Static al fotogramma da utilizzare per la visualizzazione.

    • Per i file JPEG, durante l'operazione di pubblicazione, posizionate l'indicatore di riproduzione sul fotogramma da usare per la visualizzazione.

  3. In un editor HTML, aprite il modello HTML che desiderate modificare.
  4. Salvate il modello.
  5. Selezionate File > Impostazioni pubblicazione, fate clic su Formato, selezionate un formato per la mappa dell'immagine e fate clic su OK.

    Ad esempio, inserite il codice seguente in un modello:

    $IM 
    <img src=$IS usemap=$IU width=$IW height=$IH BORDER=0>

    Questa azione può produrre il codice seguente nel documento HTML creato con il comando Pubblica:

    <map name="mymovie"> 
    <area coords="130,116,214,182" href="http://www.adobe.com"> 
    </map> 
    <img src="mymovie.gif" usemap="#mymovie" width=550 height=400 border=0>

Creazione di rapporti URL e di testo

La variabile di modello $MT fa in modo che Animate inserisca tutto il testo del file SWF di Flash corrente come commento nel codice HTML. Ciò è utile per indicizzare il contenuto di un file SWF e renderlo visibile ai motori di ricerca.

La variabile di modello $MU indica a Animate di generare l'elenco degli URL a cui viene fatto riferimento in azioni del file SWF corrente e di inserirlo nella posizione corrente come commento. Questa operazione consente agli strumenti di verifica dei collegamenti di rilevare e verificare i collegamenti nel file SWF.

Incorporamento dei metadati di ricerca

Le variabili di modello $TL (titolo del file SWF) e $DC (metadati di descrizione) consentono di includere i metadati di ricerca nel codice HTML. Si tratta di una funzionalità particolarmente utile per rendere il file SWF più visibile ai motori di ricerca e per produrre risultati di ricerca significativi. Potete utilizzare la variabile di modello $MD per includere i metadati di ricerca sotto forma di stringa XML.

Altri argomenti correlati

Logo Adobe

Accedi al tuo account