Exploitez au mieux les objets dynamiques
6. Choisissez les options de la boîte de dialogue Enregistrer pour le Web
Passons maintenant à la boîte de dialogue Enregistrer pour le Web standard. Sélectionnons le format de fichier GIF et cochons la case de l’option Transparence (notez que les fichiers JPEG ne peuvent pas être transparents). Sélectionnez Enregistrer. Vous pouvez créer un dossier « Images » pour classer vos fichiers GIF. J’utilise généralement le préfixe « ti_ » dans les noms de fichier des objets graphiques de titre afin de mieux les identifier. Dans cet exemple, nous avons enregistré le fichier ti_qui_sommes-nous.gif dans le dossier Titres du site Web, situé dans le dossier Images (mieux vaut être trop organisé que pas assez !).
Enregistrez le nouveau titre en tant qu’image GIF et sélectionnez Transparence.
7. Options d’objet dynamique de la palette Inspecteur
Lorsque vous sélectionnez l’objet dynamique dans votre page Web, la palette Inspecteur vous propose davantage d’options que lorsque vous sélectionnez un fichier GIF, JPEG ou PNG. Les champs Source et Cible sont apparus. Le champ Source est lié au fichier d’origine de l’objet dynamique ; le champ Cible est lié au fichier de l’objet graphique Web généré par GoLive à partir du fichier source. Sous ces champs se trouvent deux boutons, Configuration et Variables. Si vous cliquez sur Configuration, GoLive ouvre la boîte de dialogue Enregistrer pour le Web, ce qui vous permet de modifier les paramètres d’optimisation auparavant définis. Le bouton Variables vous permet de modifier le texte.
La palette Inspecteur vous permet de régler les options d’objet dynamique.
8. Importez plusieurs versions d’un même fichier
La véritable force de ce procédé prend toute son ampleur lorsque vous importez à différents endroits le même fichier PSD. Dans la fenêtre de ce site, quatre fichiers GIF sont affichés à partir du même fichier Photoshop, mais chaque fichier GIF comporte un texte différent. Comme nous l’avons déjà mentionné, cette méthode s’avère être une solution de gestion des illustrations existantes. Imaginons que vous prépariez une série d’objets graphiques Web pour un site dont les développeurs n’utilisent pas GoLive ; vous pouvez tout de même utiliser GoLive pour générer les objets graphiques et ne fournir au développeur que les fichiers GIF finaux.
Dans cet exemple, quatre fichiers GIF sont affichés dans différentes parties du site Web à partir du même fichier Photoshop et chaque fichier GIF comporte un texte différent.
9. Modifiez l’objet dynamique dans Photoshop
Si votre client souhaite modifier le style des titres, il vous suffit de cliquer avec le bouton droit (Windows) ou de cliquer en maintenant la touche Ctrl enfoncée (Mac OS) sur l’objet dynamique dans GoLive et de sélectionner Lien de la source > Modifier l’original. GoLive transfère alors le fichier PSD dans Photoshop. Apportez les modifications souhaitées et cliquez sur Enregistrer. Lorsque vous revenez dans GoLive, vous pouvez constater que les modifications apportées sont prises en compte. GoLive met également à jour tous les fichiers liés au fichier PSD source. Dans cet exemple, le client a choisi le style de caractères Brush Script en vert avec lueur externe jaune. En effectuant ces modifications dans Photoshop, vous pouvez montrer au client leur effet à travers le site.
Les modifications apportées au fichier Photoshop d’origine se reflètent dans tous les fichiers GIF liés, dans l’ensemble du site Web.
10. Ajoutez un objet dynamique à différents endroits sur le site
Si vous souhaitez utiliser le fichier PSD dans d’autres zones de votre site, dans un encadré, par exemple, c’est votre jour de chance. Avez-vous remarqué d’autres options dans la palette Inspecteur, mises à part celles que nous avons mentionnées à l’étape 7 ? Une partie de la palette est consacrée aux options de configuration de la couleur de cache, de recadrage et de mise à l’échelle (pour ajuster les paramètres de recadrage). La page Notre équipe comporte un encadré à fond marron d’une largeur de 220 pixels. Faisons glisser le fichier PSD à l’intérieur de l’encadré et définissons un texte (de la même manière qu’aux étapes 4 à 6).
Les options Cache, Recadrer et Variable se trouvent dans la palette Inspecteur.
