ADOBE Bien démarrer avec Fireworks User Manual [fr]
Bien démarrer avec Fireworks
Marques commerciales
Afterburner, AppletAce, Attain, Attain Enterprise Learning System, Attain Essentials, Attain Objects for Dreamweaver,
Authorware, Authorware Attain, Authorware Interactive Studio, Authorware Star, Authorware Synergy, Backstage, Backstage
Designer, Backstage Desktop Studio, Backstage Enterprise Studio, Backstage Internet Studio, Contribute, Design in Motion,
Director, Director Multimedia Studio, Doc Around the Clock, Dreamweaver, Dreamweaver Attain, Drumbeat, Drumbeat 2000,
Extreme 3D, Fireworks, Flash, Fontographer, FreeHand, FreeHand Graphics Studio, Generator, Generator Developer’s Studio,
Generator Dynamic Graphics Server, Knowledge Objects, Knowledge Stream, Knowledge Track, LikeMinds, Lingo, Live Effects,
MacRecorder Logo and Design, Macromedia, Macromedia Contribute, Macromedia Coursebuilder for Dreamweaver,
Macromedia M Logo & Design, Macromedia Flash, Macromedia Xres, Macromind, Macromind Action, MAGIC, Mediamaker,
Multimedia is the Message, Object Authoring, Power Applets, Priority Access, Roundtrip HTML, Scriptlets, SoundEdit,
ShockRave, Shockmachine, Shockwave, shockwave.com, Shockwave Remote, Shockwave Internet Studio, Showcase, Tools to
Power Your Ideas, Universal Media, Virtuoso, Web Design 101, Whirlwind et Xtra sont des marques de Macromedia, Inc. et
peuvent être déposées aux Etats-Unis ou dans d’autres juridictions, y compris au niveau international. D’autres noms de produits,
logos, concepts, titres, mots ou phrases mentionnés dans cette publication peuvent être des marques commerciales, des marques
de service ou des noms commerciaux de Macromedia, Inc. ou d’autres entités et peuvent être déposés dans certains juridictions y
compris au niveau international.
Ce guide contient des liens vers les sites Web de tierces parties qui ne sont pas contrôlées par Macromedia, qui n’est pas
responsable du contenu de sites liés. Vous accédez à ces sites sous votre propre responsabilité. Macromedia mentionne ces liens
pour faciliter votre travail et l’inclusion de ces liens n’implique pas que Macromedia approuve le contenu de ces sites tiers ou en
accepte la responsabilité.
Dénégation de responsabilité d’Apple
APPLE COMPUTER, INC. N’ASSUME AUCUNE GARANTIE, IMPLICITE OU EXPLICITE, SUR LE LOGICIEL
INFORMATIQUE CI-INCLUS, SA COMMERCIABILITE OU SON ADEQUATION A UN OBJECTIF PARTICULIER.
L’EXCLUSION DES GARANTIES IMPLICITES N’ETANT PAS AUTORISEE DANS CERTAINS ETATS,
L’EXCLUSION CI-DESSUS PEUT DONC NE PAS S’APPLIQUER A VOTRE CAS. CETTE GARANTIE VOUS OFFRE
DES DROITS JURIDIQUES SPECIFIQUES. VOUS POUVEZ DISPOSER DE CERTAINS AUTRES DROITS, QUI
VARIENT SELON LES ETATS.
Copyright © 2003 Macromedia, Inc. Tous droits réservés. This manual may not be copied, photocopied, reproduced,
translated, or converted to any electronic or machine-readable form in whole or in part without prior written approval of
Macromedia, Inc. Part Number ZFW70M100F
Remerciements
Gestion de projet : Gary White
Rédaction : Dale Crawford, Tonya Estes, Naheeda Ravjani
Gestion de l’édition : Rosana Francescato
Edition : Linda Adler, Mary Kraemer, Noreen Maher
Gestion de la production : Patrice O’Neill
Développement multimédia : Aaron Begley
Photographie : Chris Basmajian
Production : Adam Barnett, John Francis, Jeff Harmon
Responsable localisation : Sami Kaied
Chef de projet localisation : Gloria Figueroa
Spécialiste de la production en localisation : Seungmin Lee
SDL
Remerciements particuliers : Jeff Ahlquist, Doug Benson, Rob McCullough, Joe Merritt, Melana Orton
Première édition : septembre 2003
Macromedia, Inc.
600 Townsend St.
San Francisco, CA 94103
TABLE DES MATIERES
CHAPITRE 1 : Presentation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Configuration requise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
Installation de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
Nouveautés de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
CHAPITRE 2 : Concepts de base de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . 13
Travailler avec Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
Objets vectoriels et bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
Graphiques interactifs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
Optimisation et exportation de graphiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
Graphiques vectoriels et bitmap. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
Graphiques vectoriels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
Graphiques bitmap. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
Création d’un nouveau document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
Ouverture et importation de fichiers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
Ouverture des derniers documents fermés. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
Ouverture de graphiques créés dans d’autres applications . . . . . . . . . . . . . . . . . 18
Création de fichiers PNG dans Fireworks à partir de fichiers HTML . . . . . . . . 20
Insertion d’objets dans un document Fireworks . . . . . . . . . . . . . . . . . . . . . . . . 20
Enregistrement de fichiers Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
Enregistrement de fichiers PNG Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
Enregistrement de documents dans d’autres formats. . . . . . . . . . . . . . . . . . . . . 24
Environnement de travail de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
Utilisation de la page de démarrage. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
Utilisation du panneau Outils. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
Utilisation de l’Inspecteur des propriétés. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28
Utilisation des panneaux. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
Bouton Exportation rapide . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33
Ouverture et déplacement des barres d’outils (Windows uniquement) . . . . . . . 33
Navigation et affichage du document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34
Modification du document. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
Utilisation du panneau Historique pour annuler ou répéter plusieurs actions . 45
En savoir plus sur Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46
INDEX . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49
3
4 Table des matières
CHAPITRE 1
Presentation
Macromedia Fireworks MX 2004 est la solution de référence pour la production et la conception
de graphiques Web professionnels. Il s’agit du premier environnement de production permettant
de faire face et de résoudre les défis posés aux concepteurs et aux développeurs de graphiques Web.
Créez, modifiez et animez des graphismes Web avec Fireworks, ajoutez des fonctions
d’interactivité avancées et optimisez les images dans un environnement professionnel. Fireworks
permet de créer et de modifier des graphiques bitmap et vectoriels à partir d’une seule application.
Tout reste entièrement modifiable, à tout moment. En outre, vous pouvez automatiser vos
procédures de travail pour faire face aux exigences de longues mises à jour et modifications.
Fireworks s’intègre aux autres produits Macromedia, tels que Dreamweaver, Flash, FreeHand et
Director, ainsi qu’à vos applications graphiques préférées et aux éditeurs HTML pour offrir une
solution Web réellement intégrée. Exportez facilement vos graphismes Fireworks avec les codes
HTML et JavaScript qui ont été personnalisés pour l’éditeur HTML que vous utilisez.
5
Configuration requise
Avant d’installer Fireworks, assurez-vous que vous disposez des matériels et des logiciels suivants :
Microsoft Windows
• Processeur Intel Pentium II de 300 MHz
• Windows 98 SE, ME, 2000 ou XP
• 64 Mo de RAM disponibles (128 Mo recommandés) plus 80 Mo d’espace disque disponibles
• Résolution 800 x 600 pixels, affichage 256 couleurs ou supérieur
• Adobe Type Manager version 4 ou supérieure pour utiliser les polices Type 1
• Lecteur de CD-ROM
Macintosh
• Processeur Power Macintosh G3, fonctionnant sur OS X version 10.1.5 ou supérieure, ou
version 10.2.6 ou supérieure
• 64 Mo de RAM disponibles (128 Mo recommandés) plus 80 Mo d’espace disque disponibles
• Résolution 800 x 600 pixels, affichage 256 couleurs ou supérieur
• Lecteur de CD-ROM
6 Chapitre 1 : Presentation
Installation de Fireworks
Lisez le document LisezMoi figurant sur le CD-ROM Fireworks pour prendre connaissance des
toutes dernières informations ou instructions.
Pour installer Fireworks :
1 Insérez le CD-ROM de Fireworks 4 dans le lecteur de CD-ROM.
2 Utilisez l’une des méthodes suivantes :
■ Sous Windows, le programme d’installation de Fireworks démarre automatiquement. Si ce
n’est pas le cas, choisissez Démarrer > Exécuter. Cliquez sur Parcourir et choisissez le fichier
Setup.exe situé sur le CD de Fireworks. Cliquez sur OK dans la boîte de dialogue Exécuter.
■ Sur Macintosh, double-cliquez sur l’icône d’installation de Fireworks.
3 Suivez les instructions affichées à l’écran.
Le programme d’installation vous demande d’entrer les informations requises.
4 Si nécessaire, redémarrez votre ordinateur.
Activation du produit
Si vous ne disposez que d’une seule licence, vous devez activer votre licence dans les trente jours
suivant l’installation. La procédure d’activation peut être effectuée via Internet ou par téléphone
et ne prend que quelques minutes. Vous ne devez fournir aucune information personnelle,
uniquement le numéro de série de votre produit. Pour plus d’informations, connectez-vous au site
www.macromedia.com/go/activation_fr.
Affichage des fichiers installés avec Fireworks
A un certain stade de l’installation, il pourrait être souhaitable d’afficher ou d’accéder aux fichiers
installés avec Fireworks. Pendant l’installation, Fireworks place des fichiers à différents endroits de
votre système. Il est important que vous compreniez pourquoi ils résident à tel ou tel
emplacement. Pour plus d’informations, voir l’aide de Fireworks (Aide > Utilisation de Fireworks
ou Aide > Aide de Fireworks pour les utilisateurs de Mac OS X).
Les utilisateurs de Macintosh noteront le nouveau format utilisé par Fireworks pour enregistrer
l’application et ses fichiers de configuration par défaut. Pour plus d’informations, voir l’aide de
Fireworks.
Installation de Fireworks 7
Apprentissage de Fireworks
Plusieurs ressources sont à votre disposition pour l’apprentissage de Fireworks : le présent manuel,
l’aide de Fireworks, les versions PDF de la documentation de Fireworks et différentes sources
d’informations Web.
L’
aide de Fireworks est disponible lorsque l’application Fireworks est active. Elle contient la
documentation intégrale de Fireworks. Choisissez Aide > Aide de Fireworks pour ouvrir l’Aide de
Fireworks.
Les didacticiels Fireworks présentent de façon interactive les principales fonctions du logiciel. La
réalisation de chaque didacticiel prend environ une heure. Les didacticiels traitent des tâches
Fireworks courantes, telles que l’utilisation des outils de dessin et de modification, l’optimisation
d’images, la création de survols, de barres de navigation et d’autres éléments interactifs. Ils sont
disponibles sur le site Web d’assistance de Fireworks à l’adresse suivante :
fr/support/
La
page de démarrage est un emplacement central qui donne accès aux didacticiels, aux notes
.
www.macromedia.com/
techniques et aux toutes dernières informations sur Fireworks. Cette page est dynamique : un
simple clic sur un bouton vous permet d’obtenir les dernières mises à jour et informations sur
Fireworks provenant directement de Macromedia.
L’
application Fireworks comporte de nombreuses boîtes de dialogue et info-bulles pour faciliter
l’utilisation du programme. Les info-bulles apparaissent lorsque vous placez le pointeur sur l’un
des éléments de l’interface utilisateur.
La Prise en main de Fireworks comprend des informations sommaires concernant les fonctions
de base de Fireworks.
Utilisation de Fireworks, le manuel utilisateur de Fireworks, est vendu au format papier sur le
site de Macromedia.
Le PDF Utilisation de Fireworks est un document imprimable et prenant en charge la fonction
de recherche. Ce document est disponible sur le CD d’installation et sur le site Web de
Macromedia à l’adresse suivante :
documentation.html
Le
site Web de Macromedia est régulièrement mis à jour avec les dernières informations
.
www.macromedia.com/support/fireworks/
concernant Fireworks. Il comporte également des conseils pour les utilisateurs confirmés, des
rubriques avancées, des exemples, des astuces et des mises à jour. Check Macromedia’s website for
news on Fireworks and tips on getting the most out of the program at
Le
groupe de discussion de Fireworks permet de communiquer en direct avec les autres
www.macromedia.com/fr/.
utilisateurs de Fireworks, les techniciens d’assistance et l’équipe de développement de Fireworks.
Utilisez un lecteur de groupes de discussion pour accéder à
macromedia.fireworks
Le manuel
Extension de Fireworks indique comment automatiser les tâches de Fireworks à
.
news://forums.macromedia.com/
l’aide du code JavaScript. Vous pouvez contrôler toutes les commandes et fonctions de Fireworks
en JavaScript, à l’aide de commandes JavaScript spéciales que Fireworks peut interpréter. La
version PDF de Extension de Fireworks est disponible sur le site Web de Macromedia.
8 Chapitre 1 : Presentation
Enregistrement de Fireworks
Il est judicieux d’enregistrer votre copie de Macromedia Fireworks par voie électronique ou par
courrier. Vous pouvez effectuer un enregistrement électronique lors du processus d’activation du
produit, au premier lancement de Fireworks.
Lorsque vous vous enregistrez, vous êtes placé sur une liste prioritaire vous permettant de recevoir
des notifications presque en temps réel concernant les mises à jour et les nouveaux produits
Macromedia. Vous recevrez des notifications par courriel concernant les mises à jour du produit et
les nouveaux contenus paraissant sur les sites Web
www.macromedia.com/fr/ et
www-euro.macromedia.com.
Pour enregistrer votre copie de Fireworks, exécutez l’une des actions suivantes :
• Choisissez Aide > Enregistrement en ligne et remplissez le formulaire électronique.
• Choisissez Aide > Imprimer l’enregistrement, imprimez le formulaire et envoyez-le par courrier
postal à l’adresse affichée dans le formulaire.
Installation de Fireworks 9
Nouveautés de Fireworks
Grâce à ses nouvelles fonctions, Fireworks MX 2004 devient une application de plus en plus
accessible et offre une capacité accrue d’insertion de graphismes et d’éléments interactifs dans les
sites Web. Fireworks MX 2004 optimise la productivité des concepteurs Web expérimentés, des
développeurs HTML qui créent également des graphiques, et des développeurs Web débutants
qui doivent développer des pages Web interactives et riches en graphiques sans avoir de
connaissances techniques avancées de la programmation ou du langage JavaScript.
Page de démarrage La page de démarrage apparaît au lancement de Fireworks. Elle contient
différentes approches d’apprentissage du produit et vous dirige vers des emplacements auxquels
vous pouvez obtenir plus d’informations ou de l’aide.
Enregistrement au format d’origine Amélioration majeure du processus de création de
Fireworks, cette nouvelle fonction vous permet d’enregistrer des documents importés dans leur
format d’origine après y avoir inséré des changements dans Fireworks.
Prise en charge des fichiers côté serveur Fireworks MX 2004 inclut désormais une prise en
charge complète des formats de fichiers côté serveur, tels que CFM, PHP et ASP.
Formes automatiques Les formes automatiques sont de nouveaux objets primaires qui savent
comment déplacer leurs points et qui se comportent intelligemment lorsque vous les transformez.
Envoi sous forme de courriel Vous pouvez désormais envoyer des documents sous forme de
pièces jointes électroniques depuis Fireworks.
Masquer/Afficher les panneaux Ce nouveau bouton vous permet de masquer et d’afficher
rapidement tous les panneaux Fireworks et de libérer de la place dans l’espace de travail.
Onglets Document (PC) Vous pouvez désormais naviguer entre plusieurs documents en
cliquant sur les onglets Document situés en bas de l’espace de travail.
Ajuster le document Vous pouvez aisément adapter l’image à la taille du document en cliquant
sur le bouton Ajuster le document de l’Inspecteur des propriétés.
Mise à l’échelle à partir du centre Appuyez sur la touche Alt (Windows) ou Option
(Macintosh) pour que l’outil Mise à l’échelle effectue une mise à l’échelle à partir du centre.
Outil Suppression de l’œil rouge L’outil Suppression de l’œil rouge permet d’éliminer l’effet
yeux rouges sur vos photos numériques.
Outil Remplacer la couleur Ce nouvel outil facilite le remplacement d’une couleur dans les
images bitmap de vos documents.
Amélioration des effets appliqués en direct De nouvelles options d’effets appliqués en direct
vous permettent de créer des flous artistiques et d’autres effets attrayants.
Fonction d’aperçu des menus contextuels Les menus contextuels de trait, de remplissage et de
police de l’Inspecteur des propriétés vous montrent la manière dont une nouvelle valeur de trait,
de remplissage ou de police va modifier l’objet auquel elle est appliquée.
Trait de ligne pointillée La nouvelle fonction de ligne pointillée offre davantage d’options pour
créer des effets de trait utiles et attrayants.
Dégradé de contour Cette fonction vous permet de créer des dégradés multicolores qui suivent
le contour d’un objet. Elle facilite la représentation d’illustrations organiques et fluides dans
Fireworks.
10 Chapitre 1 : Presentation
Bouton Gestion des fichiers Utilisez cette nouvelle barre d’outils pour archiver et extraire les
fichiers d’un site Web Macromedia Studio MX 2004.
Prise en charge d’Unicode Exploitez les nouvelles fonctions de langue de votre système
d’exploitation. Les utilisateurs de la version anglaise de Fireworks MX 2004 peuvent désormais
créer du texte de description et des graphiques à double octet, et utiliser des caractères à double
octet, tels que Kanji et Hiragana, dans tout champ de texte.
Anticrénelage amélioré Basées sur l’anticrénelage système Windows ou Quartz pour
Macintosh, les différentes options d’anticrénelage améliorent la lisibilité du texte. Vous pouvez
également utiliser l’option innovante d’anticrénelage personnalisé de Fireworks.
Cette liste d’améliorations de Fireworks MX 2004 n’est pas exhaustive. Pour plus d’informations
sur tous les changements intervenus dans Fireworks, consultez l’aide de Fireworks. Choisissez
Aide > Aide de Fireworks.
Nouveautés de Fireworks 11
12 Chapitre 1 : Presentation
CHAPITRE 2
Concepts de base de Fireworks
L’application Macromedia Fireworks MX 2004 met à votre disposition des outils de conception
de graphiques Web. Ses solutions novatrices permettent de résoudre les principaux problèmes
posés aux concepteurs et aux webmasters. Grâce à la large palette d’outils proposée par Fireworks,
vous pouvez créer et éditer des graphiques vectoriels et bitmap dans un même fichier.
L’avènement de Fireworks a libéré les concepteurs de sites Web des tâches fastidieuses impliquant
l’ouverture de douzaines d’applications spécifiques. L’application directe et non destructive des
effets évite de devoir recréer des graphiques Web après une modification simple. La génération de
code JavaScript facilite considérablement la création de survols. Des fonctions d’optimisation
efficaces réduisent la taille de fichiers graphiques Web sans sacrifier la qualité.
Si vous débutez avec Fireworks, il vous serait utile de comprendre les concepts généraux de
Fireworks tels que l’ouverture, l’importation et l’enregistrement de fichiers, vous familiariser à
l’environnement de Fireworks et travailler dans un fichier. Une fois que vous avez créé un nouveau
fichier ou que vous avez ouvert un fichier existant, l’environnement de travail Fireworks est
accessible.
Travailler avec Fireworks
Fireworks est une application souple de création, d’édition et d’optimisation de graphiques pour
le Web. Vous pouvez créer et modifier des images bitmap et vectorielles, créer des effets pour le
Web tels que les survols et les menus contextuels, recadrer et optimiser des graphiques afin de
réduire la taille de leur fichier et gagner du temps en automatisant les tâches répétitives. Une fois
le document terminé, vous pouvez l’exporter ou l’enregistrer au format JPEG, GIF ou autre,
accompagné des fichiers HTML contenant des tables HTML et du code JavaScript, afin de
l’utiliser sur le Web. Vous pouvez également exporter un type de fichier spécifique vers une autre
application telle que Photoshop ou Macromedia Flash, si vous voulez continuer à travailler dans
ces applications.
13
Objets vectoriels et bitmap
Dans le panneau Outils de Fireworks, vous trouverez des sections distinctes contenant des outils
de création et de modification de vecteurs et de bitmaps. Dans Fireworks, l’outil que vous
choisissez détermine si l’objet que vous créez est un objet vectoriel ou bitmap. Par exemple,
choisissez l’outil Plume dans la partie Vecteur du panneau Outils, et vous pouvez commencer à
tracer des trajets vectoriels en plaçant des points. Choisissez l’outil Pinceau, et vous pouvez faire
glisser le pointeur afin de dessiner un objet bitmap. Choisissez l’outil Texte, et vous pouvez
démarrer votre saisie.
Après avoir dessiné des objets vectoriels, des objets bitmap ou du texte, vous pouvez utiliser toute
une panoplie d’outils, d’effets, de commandes et de techniques pour mettre en valeur et achever
vos graphiques. Vous pouvez utiliser les outils de Fireworks situés dans l’éditeur de boutons pour
créer des boutons de navigation interactifs.
Vous pouvez également utiliser les outils de Fireworks pour modifier des graphiques importés.
Vous pouvez importer et modifier les fichiers aux formats JPEG, GIF, PNG, PSD et bien d’autres
encore. Une fois que vous avez importé une image graphique, vous pouvez ajuster sa couleur et
son ton, et vous pouvez également la recadrer, la retoucher et la masquer.
Graphiques interactifs
Les découpes et les références sont des objets Web qui spécifient des zones interactives dans un
graphisme pour le Web. Les découpes permettent de sélectionner des portions d’image et
d’appliquer des comportements de survol, des animations et des liens URL (Uniform Ressource
Locator). En outre, vous pouvez exporter les sections avec des paramètres différents. Sur une page
Web, chaque découpe apparaît dans une cellule de tableau. Les références permettent d’affecter
des liens URL et des comportements à l’ensemble ou à une partie du graphique. Pour plus
d’informations, voir l’aide de Fireworks.
Les découpes et les références possèdent des poignées de survol glisser-déposer vous permettant
d’assigner rapidement aux graphiques des images d’interversion et des comportements de survol
directement depuis l’espace de travail. L’Editeur de boutons et l’Editeur de menu contextuel sont
des fonctions pratiques de Fireworks qui vous aident à créer des graphiques interactifs spéciaux
pour naviguer sur les sites Web.
Optimisation et exportation de graphiques
Fireworks possède des fonctions d’optimisation puissantes qui vous aident à trouver l’équilibre
entre la taille des fichiers et une qualité visuelle acceptable lorsque vous vous apprêtez à exporter
des graphiques. Optimisez les graphiques Web avec Fireworks pour réduire la taille des fichiers et
accélérer ainsi leur chargement dans les sites Web. Comparez la qualité des graphiques dans les
vues Aperçu, 2 en 1 ou 4 en 1 de l’espace de travail.
Vous pouvez découper une image en plusieurs unités, puis optimiser ces unités pour obtenir un
format qui correspond mieux au contenu. Pour ajouter de la souplesse au niveau de
l’optimisation, vous pouvez utiliser une compression JPEG sélective afin de centraliser la partie la
plus importante d’un JPEG tandis que la qualité de l’arrière-plan est réduite.
14 Chapitre 2 : Concepts de base de Fireworks
Après avoir optimisé vos graphiques, l’étape suivante consiste à les exporter afin de les utiliser sur
le Web. A partir de votre document PNG source de Fireworks, vous pouvez exporter un certain
nombre de types de fichiers, dont JPEG, GIF, GIF animé et les tables HTML contenant des
images découpées en différents types de fichiers. Pour plus d’informations, voir l’aide de
Fireworks.
Graphiques vectoriels et bitmap
Les ordinateurs affichent des graphiques au format vectoriel ou bitmap. Comprendre la différence
entre les deux formats vous aidera à comprendre Fireworks, qui contient des outils vectoriels et
bitmap, et qui est capable d’ouvrir ou d’importer les deux formats.
Graphiques vectoriels
Les graphiques vectoriels reproduisent des images en utilisant des lignes et des courbes, appelées
vecteurs, qui incluent des informations de couleur et de position. Par exemple, l’image d’une
feuille peut être décrite par une série de points qui représente le contour de la feuille. La couleur
de la feuille est déterminée par la couleur de son contour (le trait) et la couleur de la zone
délimitée par ce contour (le remplissage).
Lorsque vous modifiez un graphisme vectoriel, vous modifiez les propriétés des lignes et des
courbes qui en décrivent la forme. Les graphiques vectoriels ne dépendent pas de la résolution, ce
qui signifie que vous pouvez déplacer, redimensionner, reformer ou changer la couleur d’un
graphisme vectoriel et l’afficher sur des écrans de diverses résolutions, sans affecter la qualité de
son aspect.
Graphiques vectoriels et bitmap 15
Graphiques bitmap
Les graphiques bitmap sont composés de points, appelés pixels, organisés dans une grille. L’écran
de votre ordinateur est une grande grille de pixels. Dans une version bitmap de la feuille, l’image
est déterminée par l’emplacement et la valeur de couleur de l’ensemble des pixels de la grille.
Chaque point est associé à une couleur. Lorsque ces points sont affichés à la bonne résolution, ils
forment une image comparable à une mosaïque.
Lorsque vous modifiez un graphisme, vous modifiez des pixels et non pas des lignes et des
courbes. Ces graphiques bitmap dépendent de la résolution, autrement dit les données décrivant
l’image sont conditionnées par une grille de taille spécifique. L’agrandissement d’un graphique
modifie la distribution des pixels dans la grille et produit souvent une image aux bords dentelés.
L’affichage d’un graphique bitmap sur un écran dont la résolution est inférieure à celle de l’image
risque également d’en dégrader la qualité.
Création d’un nouveau document
Lorsque vous choisissez Fichier > Nouveau pour créer un nouveau document avec Fireworks, un
fichier de type PNG (Portable Network Graphic) est créé. PNG est le format de fichier natif de
Macromedia Fireworks. Lorsque vous créez des graphiques avec Fireworks, vous pouvez les
exporter sous d’autres formats Web courants, tels que JPEG, GIF et GIF animé. Vous pouvez
également exporter des graphiques vers de nombreux formats populaires utilisés en dehors du
Web, tels que le TIFF et le BMP. Quels que soient les paramètres d’optimisation et d’exportation
choisis, le fichier PNG Fireworks d’origine est conservé afin de permettre une modification
ultérieure aisée.
Avant de créer un graphique Web avec Fireworks, vous devez créer un document ou en ouvrir un
qui existe déjà. Vous pourrez par la suite ajuster les options de paramétrage dans l’Inspecteur des
propriétés.
16 Chapitre 2 : Concepts de base de Fireworks
Loading...