Open de Animate HTML-sjabloon die u wilt wijzigen in een HTML-editor. Deze sjablonen bevinden zich op de volgende locaties:
- Adobe Animate-handboek
- Inleiding tot Animate
- Animatie
- Grondbeginselen voor animaties in Animate
- Frames en hoofdframes gebruiken in Animate
- Frame-voor-frame-animaties in Animate
- Werken met klassieke tussenvoegingsanimaties in Animate
- De tool Penseel
- Hulplijnen voor bewegingen
- Bewegings-tween en ActionScript 3.0
- Over tussenvoegingsanimaties met beweging
- Animaties met bewegings-tweens
- Een animatie met bewegings-tween maken
- Eigenschapshoofdframes gebruiken
- Een positie animeren met een tween
- Bewegings-tweens bewerken in de Bewegingseditor
- Het bewegingspad van een tween-animatie bewerken
- Bewegings-tweens manipuleren
- Aangepaste versnellingen toevoegen
- Voorinstellingen voor beweging maken en toepassen
- Animatietween-reeksen instellen
- Werken met als XML-bestanden opgeslagen bewegings-tweens
- Bewegings-tweens en klassieke tweens
- Tussenvoegingen met vormen
- De tool Bone-animatie gebruiken in Animate
- Werken met structuren voor personages in Animate
- Maskeerlagen gebruiken in Adobe Animate
- Werken met scènes in Animate
- Interactiviteit
- Knoppen maken met Animate
- Animate-projecten converteren naar andere documentindelingen
- HTML5 Canvas-documenten maken en publiceren in Animate
- Interactiviteit toevoegen met codefragmenten in Animate
- Aangepaste HTML5-componenten maken
- Componenten in HTML5 Canvas gebruiken
- Maken van aangepaste componenten: Voorbeelden
- Codefragmenten voor aangepaste componenten
- Tips en trucs: Adverteren met Animate
- Ontwerp en publicatie van virtual reality
- Werkruimte en workflow
- Penselen maken en beheren
- Google-lettertypen gebruiken in HTML5 Canvas-documenten
- Creative Cloud Libraries en Adobe Animate gebruiken
- Het werkgebied en het deelvenster Tools voor Animate gebruiken
- Workflow en werkruimte in Animate
- Weblettertypen gebruiken in HTML5 Canvas-documenten
- Tijdlijnen en ActionScript
- Werken met meerdere tijdlijnen
- Voorkeuren instellen
- Deelvensters voor ontwerp in Animate gebruiken
- Tijdlijnlagen maken met Animate
- Animaties exporteren voor mobiele apps en game-engines
- Objecten verplaatsen en kopiëren
- Sjablonen
- Zoeken en vervangen in Animate
- Ongedaan maken, Opnieuw en het deelvenster Historie
- Sneltoetsen
- De tijdlijn gebruiken in Animate
- HTML-extensies maken
- Optimalisatieopties voor afbeeldingen en geanimeerde GIF-bestanden
- Exportinstellingen voor afbeeldingen en GIF-bestanden
- Deelvenster Elementen in Animate
- Multimedia en video
- Grafische objecten transformeren en combineren in Animate
- Symboolinstanties maken in Animate en ermee werken
- Afbeeldingen overtrekken
- Geluid gebruiken in Adobe Animate
- SVG-bestanden exporteren
- Videobestanden maken voor gebruik in Animate
- Een video toevoegen in Animate
- Objecten tekenen en maken met Animate
- Lijnen en vormen omvormen
- Streken, verlopen en vullingen met Animate CC
- Werken met Adobe Premiere Pro en After Effects
- Deelvensters voor kleuren in Animate CC
- Flash CS6-bestanden openen met Animate
- Werken met klassieke tekst in Animate
- Illustraties opnemen in Animate
- Geïmporteerde bitmaps in Animate
- 3D-afbeeldingen
- Werken met symbolen in Animate
- Lijnen en vormen tekenen met Adobe Animate
- Werken met bibliotheken in Animate
- Geluiden exporteren
- Objecten selecteren in Animate CC
- Werken met Illustrator AI-bestanden in Animate
- Overvloeimodi toepassen
- Objecten rangschikken
- Taken automatiseren met het menu Opdrachten
- Meertalige tekst
- De camera gebruiken in Animate
- Grafische filters
- Geluid en ActionScript
- Tekenvoorkeuren
- Tekenen met de pen
- Platforms
- Animate-projecten converteren naar andere documentindelingen
- Ondersteuning voor aangepaste platforms
- HTML5 Canvas-documenten maken en publiceren in Animate
- Een WebGL-document maken en publiceren
- Toepassingen verpakken voor AIR voor iOS
- AIR voor Android-toepassingen publiceren
- Publiceren voor Adobe AIR voor desktop
- Publicatie-instellingen voor ActionScript
- Tips en trucs: ActionScript organiseren in een toepassing
- ActionScript gebruiken met Animate
- Toegankelijkheid in de Animate-werkruimte
- Scripts schrijven en beheren
- Ondersteuning voor aangepaste platforms inschakelen
- Overzicht van ondersteuning voor aangepaste platforms
- Werken met plug-in voor ondersteuning voor aangepaste platforms
- Foutopsporing in ActionScript 3.0
- Ondersteuning voor aangepaste platforms inschakelen
- Exporteren en publiceren
- Bestanden exporteren uit Animate CC
- OAM-publicatie
- SVG-bestanden exporteren
- Afbeeldingen en video's exporteren met Animate
- AS3-documenten publiceren
- Animaties exporteren voor mobiele apps en game-engines
- Geluiden exporteren
- Tips en trucs: Tips voor het maken van inhoud voor mobiele apparaten
- Tips en trucs: Videoconventies
- Tips en trucs: Richtlijnen voor het ontwerpen van SWF-toepassingen
- Tips en trucs: Structuur geven aan FLA-bestanden
- Beste werkwijzen voor het optimaliseren van FLA-bestanden voor Animate
- Publicatie-instellingen voor ActionScript
- Publicatie-instellingen opgeven voor Animate
- Projectorbestanden exporteren
- Afbeeldingen en geanimeerde GIF-bestanden exporteren
- HTML-publicatiesjablonen
- Werken met Adobe Premiere Pro en After Effects
- Snel uw animaties delen en publiceren
- Problemen oplossen
Informatie over HTML-publicatiesjablonen
Een Animate HTML-sjabloon is een bestand dat statische HTML-code en flexibele sjablooncode bevat, bestaande uit een speciaal soort variabelen (die verschillen van ActionScript-variabelen). Wanneer u een SWF-bestand publiceert, vervangt Animate deze variabelen door de waarden die u selecteert op het tabblad HTML van het dialoogvenster Publicatie-instellingen, waarna een HTML-pagina wordt gemaakt waarin uw SWF-bestand is ingesloten.
Animate bevat sjablonen die tegemoetkomen aan de wensen van de meeste gebruikers. Dankzij deze sjablonen hoeft u de HTML-pagina die het SWF-bestand weergeeft, niet handmatig te maken. De sjabloon Alleen Animate is bijvoorbeeld handig als u uw bestanden in een browser wilt testen. Deze sjabloon plaatst het SWF-bestand op de HTML-pagina, zodat u dit kunt bekijken in een webbrowser waarin Flash Player is geïnstalleerd.
Als u een nieuwe HTML-pagina wilt publiceren, gebruikt u dezelfde sjabloon en wijzigt u de instellingen. U kunt aangepaste sjablonen maken met een HTML-editor. Een sjabloon maken is hetzelfde als een standaard HTML-pagina maken, behalve dat u bepaalde waarden met betrekking tot een SWF-bestand vervangt door variabelen die beginnen met het dollarteken ($).
Animate HTML-sjablonen hebben de volgende speciale kenmerken:
Een eenregelige titel die wordt weergegeven in het pop-upmenu Sjabloon op het tabblad HTML van het dialoogvenster Publicatie-instellingen.
Een langere beschrijving die wordt weergegeven wanneer u klikt op Info op het tabblad HTML van het dialoogvenster Publicatie-instellingen.
Sjabloonvariabelen die beginnen met een dollarteken ($) die aangeven waar parameterwaarden moeten worden ingevoegd wanneer Animate het uitvoerbestand genereert.
Opmerking: Voeg een backslash voor het dollarteken toe (\ $) als u een dollarteken om een andere reden in het document wilt gebruiken.
De HTML-tags object en embed die voldoen aan de tagvereisten van respectievelijk Microsoft Internet Explorer en Netscape® Communicator® of Navigator®. Houd u aan de volgende tagvereisten om te zorgen dat een SWF-bestand correct op een HTML-pagina wordt weergegeven: Internet Explorer gebruikt de HTML-tag object om een SWF-bestand te openen, terwijl Netscape de tag embed gebruikt.
HTML-publicatiesjablonen aanpassen
Wijzig de variabelen in de HTML-sjabloon om een afbeeldingskaart, een tekstrapport of een URL-rapport te maken of om aangepaste waarden in te voeren voor de meest gangbare parameters van de Animate HTML-tags object en embed (voor browsers die ActiveX-besturingselementen respectievelijk invoegtoepassingen gebruiken).
Animate-sjablonen kunnen elke gewenste HTML-inhoud voor uw toepassing bevatten of zelfs code voor interpreters zoals ColdFusion en ASP.
-
Windows XP of Vista: opstartschijf:\Documents and Settings\gebruiker\Local Settings\Application Data\Adobe\Flash CS5\taal\Configuration\HTML\. De map Application Data is meestal een verborgen map; mogelijk moet u de instellingen in Windows Verkenner wijzigen om deze map weer te geven.
Mac OS X 10.3 en hoger: Macintosh HD/Applications/Adobe Flash CS5/taal/First Run/HTML.
Het opstartstation is het station van waaraf het Windows-besturingssysteem wordt opgestart (gewoonlijk C:). De gebruiker is de naam van de persoon die is aangemeld bij het Windows-besturingssysteem. Taal is een afkorting van de taal. In Nederland is taal bijvoorbeeld ingesteld op 'nl' voor Nederlands.
-
Bewerk de sjabloon.
-
Sla de sjabloon op in dezelfde map als waaruit u deze hebt ingelezen.
-
Als u de sjablooninstellingen op het SWF-bestand wilt toepassen, selecteert u Bestand > Publicatie-instellingen, klikt u op HTML en selecteert u de gewijzigde sjabloon. Animate wijzigt alleen de sjabloonvariabelen in de geselecteerde sjabloon.
-
Selecteer de overige publicatie-instellingen en klik op OK.
HTML-sjabloonvariabelen
In de volgende tabel worden de sjabloonvariabelen vermeld die Animate herkent:
Kenmerk/parameter |
Sjabloonvariabele |
---|---|
Sjabloontitel |
$TT |
Start van sjabloonbeschrijving |
$DS |
Einde van sjabloonbeschrijving |
$DF |
Animate-titel (SWF-bestand) |
$T1 |
Animate-titel (SWF-bestand) voor metagegevens van zoekmachines |
$TL |
Beschrijving van metagegevens voor zoekmachines |
$DC |
XML-reeks met metagegevens voor gebruik met zoekmachines |
$MD |
Breedte |
$WT |
Hoogte |
$HT |
Film |
$MO |
HTML-uitlijning |
$HA |
Herhaling |
$LO |
Parameters voor object |
$PO |
Parameters voor embed |
$PE |
Play |
$PL |
Kwaliteit |
$QU |
Schaal |
$SC |
Salign |
$SA |
Wmode |
$WM |
Apparaatlettertype |
$DE |
Achtergrondkleur |
$BG |
Filmtekst (gebied waarin filmtekst moet worden geschreven) |
$MT |
Film-URL (locatie van URL van SWF-bestand) |
$MU |
Afbeeldingsbreedte (niet-opgegeven afbeeldingstype) |
$IW |
Afbeeldingshoogte (niet-opgegeven afbeeldingstype) |
$IH |
Bestandsnaam van afbeelding (niet-opgegeven afbeeldingstype) |
$IS |
Naam van afbeeldingskaart |
$IU |
Taglocatie voor afbeeldingskaart |
$IM |
QuickTime-breedte |
$QW |
QuickTime-hoogte |
$QH |
QuickTime-bestandsnaam |
$QN |
GIF-breedte |
$GW |
GIF-hoogte |
$GH |
GIF-bestandsnaam |
$GN |
JPEG-breedte |
$JW |
JPEG-hoogte |
$JH |
JPEG-bestandsnaam |
$JN |
PNG-breedte |
$PW |
PNG-hoogte |
$PH |
PNG-bestandsnaam |
$PN |
Verkorte sjabloonvariabelen gebruiken
De sjabloonvariabelen $PO (voor object-tags) en $PE (voor embed-tags) zijn handige elementen. Elke variabele zorgt dat Animate eventuele afwijkende waarden invoegt voor enkele van de meest gangbare parameters voor object en embed, waaronder PLAY ($PL), QUALITY ($QU), SCALE ($SC), SALIGN ($SA), WMODE ($WM), DEVICEFONT ($DE) en BGCOLOR ($BG).
HTML-voorbeeldsjabloon
Het onderstaande sjabloonbestand Default.HTML uit Animate bevat een groot aantal van de meestgebruikte sjabloonvariabelen:
$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>
Afbeeldingskaart maken ter vervanging van een SWF-bestand
Animate kan een afbeeldingskaart voor elke gewenste afbeelding genereren en daarbij de functie handhaven van knoppen die een koppeling naar een URL bevatten. Als een HTML-sjabloon de sjabloonvariabele $IM bevat, voegt Animate de code voor de afbeeldingskaart in. De variabele $IU geeft de naam aan van het GIF-, JPEG- of PNG-bestand.
-
Selecteer in het document het hoofdframe dat u als afbeeldingskaart wilt gebruiken en geef deze het label #Map in de Eigenschapcontrole voor het frame (Venster > Eigenschappen). U kunt elk hoofdframe gebruiken dat knoppen bevat waaraan de handelingen getURL van ActionScript 1.0 of 2.0 zijn gekoppeld.
Als u geen framelabel maakt, maakt Animate een afbeeldingskaart met de knoppen in het laatste frame van het SWF-bestand. Deze optie genereert een ingesloten afbeeldingskaart, geen ingesloten SWF-bestand.
-
Doe het volgende om het frame voor de afbeeldingskaart te selecteren:
Voor PNG- of GIF-bestanden geeft u het frame het label #Static.
Voor JPEG plaatst u tijdens het publiceren de afspeelkop in het frame dat voor de afbeeldingskaart moet worden gebruikt.
-
Open de HTML-sjabloon die u wilt wijzigen in een HTML-editor.
-
Sla de sjabloon op.
-
Selecteer Bestand > Publicatie-instellingen, klik op Indeling, selecteer een indeling voor de afbeeldingskaart en klik op OK.
Voeg bijvoorbeeld de volgende code in een sjabloon in:
$IM <img src=$IS usemap=$IU width=$IW height=$IH BORDER=0>
Dit kan de volgende code produceren in het HTML-document dat wordt gemaakt met de opdracht Publiceren:
<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>
Tekst- en URL-rapporten maken
De sjabloonvariabele $MT zorgt ervoor dat Animate alle tekst uit het huidige SWF-bestand als commentaar invoegt in de HTML-code. Dit is handig als u de inhoud van een SWF-bestand wilt indexeren en deze zichtbaar wilt maken voor zoekmachines.
De sjabloonvariabele $MU zorgt dat Animate een lijst genereert met de URL's waarnaar handelingen in het huidige SWF-bestand verwijzen en die lijst als commentaar invoegt op de huidige locatie. Zo kunnen controlehulpmiddelen de koppelingen in het SWF-bestand detecteren en controleren.
Metagegevens voor zoekmachines insluiten
Met de sjabloonvariabelen $TL (titel van SWF-bestand) en $DC (beschrijving van metagegevens) kunt u metagegevens in het HTML-bestand invoegen. Hierdoor is het SWF-bestand beter zichtbaar voor zoekmachines en levert dit zinvollere zoekresultaten op. Gebruik de sjabloonvariable $MD als u de metagegevens wilt invoegen als een XML-reeks.