Publication de modèles HTML



    A propos des modèles de publication HTML

    Un modèle HTML Flash est un fichier qui contient à la fois un code HTML statique et un code de modèle flexible composé d'un type spécial de variables, différentes des variables ActionScript. Lorsque vous publiez un fichier SWF, Flash remplace ces variables par celles que vous sélectionnez dans l'onglet HTML de la boîte de dialogue Paramètres de publication, et produit une page HTML dans laquelle votre fichier SWF est intégré.

    Flash comprend plusieurs modèles, adaptés aux besoins de la plupart des utilisateurs, qui éliminent la nécessité de créer manuellement une page HTML qui affiche le fichier SWF. Par exemple, le modèle Flash uniquement permet de tester rapidement vos fichiers dans un navigateur. Il insère simplement un fichier SWF dans la page HTML générée, de sorte que les utilisateurs puissent l'afficher dans un navigateur Web, Flash Player étant installé.

    Vous pouvez utiliser le même modèle et changer les paramètres pour publier une nouvelle page HTML. Vous pouvez créer des modèles personnalisés à l'aide de n'importe quel éditeur HTML. La création d'un modèle est identique à la création d'une page HTML standard, excepté que vous remplacez des valeurs spécifiques appartenant à un fichier SWF par des variables qui commencent par le signe dollar ($).

    les modèles HTML Flash ont les caractéristiques suivantes :

    • Un titre sur une seule ligne, apparaissant dans le menu contextuel Modèle de l'onglet HTML de la boîte de dialogue Paramètres de publication.

    • Une description plus longue, qui apparaît lorsque vous cliquez sur le bouton Infos de l'onglet HTML de la boîte de dialogue Paramètres de publication.

    • Des variables de modèle commençant par le signe dollar ($) et indiquant où la substitution des valeurs de paramètres doit avoir lieu lorsque Flash génère le fichier de sortie.

      Remarque : utilisez une barre oblique inverse et un signe dollar (\ $) si vous avez besoin d'utiliser le signe $ pour un autre emploi dans le document.

    • Les balises HTML object et embed qui respectent les standards de Microsoft Internet Explorer et Netscape® Communicator® ou Navigator®, respectivement. Pour afficher correctement un fichier SWF dans une page HTML, vous devez respecter ces standards de balise. Internet Explorer utilise la balise HTML object pour ouvrir un fichier SWF ; Netscape utilise la balise embed.

    Personnalisation des modèles de publication HTML

    Modifiez les variables de modèle HTML pour créer une carte image, un rapport de texte ou d'URL ou pour insérer des valeurs personnalisées pour les paramètres de balises HTML Flashobject et embed les plus courants (pour les navigateurs qui utilisent les contrôles ActiveX et les plug-ins, respectivement).

    Les modèles de Flash peuvent inclure tout contenu HTML pour votre application ou même du code pour des interprètes spéciaux comme ColdFusion et ASP.

    1. Dans un éditeur HTML, ouvrez le modèle HTML Flash que vous souhaitez modifier. Ces modèles se trouvent aux emplacements suivants :

      • Sous Windows XP ou Vista, naviguez jusqu'à disque d'amorçage\Documents and Settings\utilisateur\Local Settings\Application Data\Adobe\Flash CS4\langue\Configuration\HTML\. Le dossier Application Data est généralement masqué. Il peut être nécessaire de modifier les paramètres de l'explorateur de Windows pour afficher ce dossier.

      • Macintosh OS X 10.3 (ou version ultérieure) : DD Macintosh//Applications/Adobe Flash CS4/langueFirst Run/HTML.

        Le disque d'amorçage correspond au disque à partir duquel Windows 2000 ou XP démarre (généralement C:). L'utilisateur est le nom d'utilisateur de la personne connectée au système d'exploitation Windows 2000 ou Windows XP. La langue est définie sur un nom de langue abrégé. Par exemple, aux Etats-Unis, langue est définie sur « en » pour English.

    2. Modifiez le modèle.
    3. Enregistrez le modèle dans le dossier à partir duquel vous l'avez recouvré.
    4. Pour appliquer les paramètres du modèle à votre fichier SWF, choisissez Fichier > Paramètres de publication, cliquez sur l'onglet HTML et sélectionnez le modèle que vous avez modifié. Flash ne change que les variables du modèle dans le modèle sélectionné.
    5. Sélectionnez les autres paramètres de publication, puis cliquez sur OK.

    Variables des modèles HTML

    Le tableau suivant répertorie les variables reconnues dans les modèles de Flash.

    Attribut/paramètre

    Variable du modèle

    Titre de modèle

    $TT

    Début de la description du modèle

    $DS

    Fin de la description du modèle

    $DF

    Flash Titre (fichier SWF)

    $T1

    Titre Flash (fichier SWF) pour les métadonnées des moteurs de recherche

    $TL

    Description pour les métadonnées des moteurs de recherche

    $DC

    Chaîne XML de métadonnées pour les moteurs de recherche

    $MD

    Epaisseur

    $WI

    Hauteur

    $HE

    Animation

    $MO

    Alignement HTML

    $HA

    Boucle

    $LO

    Paramètres pour object

    $PO

    Paramètres pour embed

    $PE

    Lire

    $PL

    Qualité

    $QU

    Echelle

    $SC

    Salign

    $SA

    Wmode

    $WM

    Devicefont

    $DE

    Bgcolor

    $BG

    Texte de l'animation (réservé à l'écriture du texte de l'animation)

    $MT

    URL de l'animation (URL de l'emplacement du fichier SWF)

    $MU

    Largeur d'image (type d'image non spécifié)

    $IW

    Hauteur d'image (type d'image non spécifié)

    $IH

    Nom du fichier image (type d'image non spécifié)

    $IS

    Nom de la carte image

    $IU

    Emplacement de la balise de carte image

    $IM

    Largeur QuickTime

    $QW

    Hauteur

    $QH

    Nom de fichier QuickTime

    $QN

    Largeur GIF

    $GW

    Hauteur GIF

    $GH

    Nom de fichier GIF

    $GN

    Largeur JPEG

    $JW

    Hauteur JPEG

    $JH

    Nom de fichier JPEG

    $JN

    Largeur PNG

    $PW

    Hauteur PNG

    $PH

    Nom de fichier PNG

    $PN

    Utilisation des variables de modèle abrégées

    Les variables de modèle $PO (pour les balises object) et $PE (pour les balises embed) sont des éléments abrégés utiles. Les deux variables obligent Flash à insérer dans un modèle toutes les valeurs (sauf celles par défaut) de certains des paramètres object et embed les plus courants, tels que PLAY ($PL), QUALITY ($QU), SCALE ($SC), SALIGN ($SA),WMODE ($WM), DEVICEFONT ($DE), BGCOLOR ($BG).

    Exemple de modèle HTML

    Voici un fichier de modèle Default.HTML de Flash qui comporte un certain nombre de variables parmi les plus souvent utilisées. 

    $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>

    Création d'une carte image à substituer à un fichier SWF

    Flash peut créer une carte image pour afficher toutes les images et conserver la fonction des boutons les reliant aux URL. Lorsqu'un modèle HTML comprend la variable de modèle $IM, Flash insère le code de la carte image. La variable $IU identifie le nom du fichier GIF, JPEG ou PNG.

    1. Dans votre document, sélectionnez l'image-clé à utiliser pour la carte image et attribuez-lui l'étiquette #Map dans l'Inspecteur des propriétés des cadres (Fenêtre > Propriétés). Vous pouvez utiliser toute image-clé possédant des boutons auxquels sont associés des actions getURL ActionScript 1.0 ou 2.0.

      Si vous ne créez pas d'étiquette d'image, Flash crée une carte image avec les boutons de la dernière image du fichier SWF. Cette option crée une carte image intégrée et non pas un fichier SWF intégré.

    2. Pour sélectionner plusieurs pages dans la carte du site, procédez de l'une des manières suivantes :

      • Pour les fichiers PNG ou GIF, étiquetez l'image pour qu'elle apparaisse comme #Static.

      • Pour les fichiers JPEG, lors de la publication, placez la tête de lecture sur l'image à utiliser.

    3. Dans un éditeur HTML, ouvrez le modèle HTML que vous souhaitez modifier.
    4. Enregistrez votre modèle.
    5. Choisissez Fichier > Paramètres de publication, cliquez sur Format et sélectionnez un format pour la carte image, puis cliquez sur OK.

      Par exemple, insérez le code suivant dans un modèle :

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

      Ceci peut produire le code source suivant dans le document HTML créé à l'aide de la commande Publier :

      <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>

    Création de rapports texte et URL

    La variable de modèle $MT entraîne Flash à insérer tout le texte du fichier SWF courant comme commentaire dans le code HTML. Vous pouvez ainsi indexer le contenu d'un fichier SWF et le rendre accessible aux moteurs de recherche.

    La variable de modèle $MU entraîne la génération par Flash de la liste des URL auxquelles les actions du fichier SWF courant font référence et l'insère à l'emplacement courant comme commentaire. Les outils de vérification de liens peuvent ainsi visualiser et contrôler les liens du fichier SWF.

    Intégration des métadonnées de recherche

    Les variables type, $TL (titre de fichier SWF) et $DC (métadonnées de description), permettent d'inclure des métadonnées de recherche dans votre code HTML. Ceci est particulièrement utile pour rendre le fichier SWF plus accessible aux moteurs de recherche et obtenir des résultats significatifs. Vous pouvez utiliser la variable de modèle $MD pour inclure les métadonnées de recherche sous forme de chaîne XML.