ADOBE Fireworks 8 User Manual [fr]
Bien démarrer avec Fireworks
Marques commerciales
1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central,
ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash, FlashCast, FlashHelp, Flash Lite,
FlashPaper, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML,
RoboEngine, RoboHelp, RoboInfo, RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev et
WebHelp sont des marques déposées ou des marques commerciales 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 la présente 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 certaines juridictions, y compris au niveau
international.
Informations sur les tiers
Le présent guide contient des liens vers les sites Web de tierces parties qui ne sont pas contrôlés par Macromedia, qui n’est pas
responsable du contenu de sites liés. Vous accédez auxdits sites sous votre propre responsabilité. Macromedia mentionne lesdits
liens pour faciliter votre travail et l’inclusion desdits liens n’implique pas que Macromedia approuve le contenu desdits sites tiers
ou en accepte la responsabilité.
Copyright © 2005 Macromedia, Inc. Tous droits réservés. Le présent manuel ne peut pas être copié, photocopié,
reproduit, traduit ou converti sous forme électronique ou informatique, en partie ou en totalité, sans l’autorisation écrite
préalable de Macromedia, Inc. Nonobstant ce qui précède, le propriétaire ou l’utilisateur autorisé d’une copie valide du
logiciel fourni avec le présent manuel peut imprimer une copie dudit manuel à partir d’une version électronique de ce
dernier dans le seul et unique but pour ledit propriétaire ou utilisateur autorisé de se familiariser avec ledit logiciel, à
condition qu’une partie dudit manuel ne puisse être imprimée, reproduite, distribuée, revendue ou transférée dans tout
autre but, y compris, et ce sans limitation, dans un but commercial, tel que la vente de copies de la présente documentation
ou la fourniture de service de support payant. Numéro de référence ZFW80M100F.
Remerciements
Gestion de projet : Charles Nadeau, Debi Robson
Rédaction : David Sullivan, Rosanne Conroy, Charles Nadeau
Edition : Melba Lancaster, Shawn Jackson, Linda Adler
Gestion de la production : Patrice O’Neill
Conception et production du support : Adam Barnett, Aaron Begley, Arena Reed, Paul Rangel, John Francis, Mario Reynoso
Gestion de projet de localisation : Luciano Arruda
Spécialiste de production de localisation : Masayo Noda
Remerciements particuliers à Jon Varese, Jennifer Rowe, Jay Armstrong, Alan Musselman, Maureen Keating, Matt Hoffberg,
David Spells, Sheila McGinn, Andrew Wilson, Rosana Francescato, Kristin Conradi, Yuriko Ando, Rubric, Inc. et aux équipes de
développement et de contrôle de la qualité de Fireworks.
Première édition : Août 2005
Macromedia, Inc.
600 Townsend St.
San Francisco, CA 94103
Table des matières
Chapitre 1: Présentation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Finalités de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Nouveautés de Fireworks 8 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .6
Installation de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Chapitre 2: Apprentissage de Fireworks . . . . . . . . . . . . . . . . . . . . .11
Par où commencer ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .11
Avantages de la documentation Fireworks . . . . . . . . . . . . . . . . . . . . . . . .11
Utilisation du système d’aide de Fireworks. . . . . . . . . . . . . . . . . . . . . . . . 13
Chapitre 3: Concepts de base de Fireworks . . . . . . . . . . . . . . . . . 15
Se familiariser avec l’espace de travail Fireworks. . . . . . . . . . . . . . . . . . 15
Exécution de tâches de base dans Fireworks . . . . . . . . . . . . . . . . . . . . 26
Chapitre 4: Didacticiel : Création de maquettes de page. . . . . . . 31
Création d’un dossier de travail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
Examen de votre tâche . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
Création et sauvegarde d’un nouveau document . . . . . . . . . . . . . . . . . 34
Importation et placement d’images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
Création d’une image composite de la zone de contenu. . . . . . . . . . . .37
Placement de texte et d’images . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43
Exportation de l’image pour le Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50
Chapitre 5: Didacticiel : Traitement des photographies . . . . . . . 53
Examen de votre tâche . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
Traitement par lots de fichiers d’image de grande taille. . . . . . . . . . . . 54
Composition des images. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56
Aperçu avant exportation et exportation des images . . . . . . . . . . . . . . . 61
Affichage des images optimisées finales . . . . . . . . . . . . . . . . . . . . . . . . 63
3
Chapitre 6: Didacticiel : Création d’une bannière de page . . . . . 65
Examen de votre tâche. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65
Ajout d’un arrière-plan et placement du logo . . . . . . . . . . . . . . . . . . . . . 66
Organisation de vos objets à l’aide de calques . . . . . . . . . . . . . . . . . . . . 70
Création d’un arrière-plan contrasté pour le logo. . . . . . . . . . . . . . . . . . 72
Création d’un contour autour de la bannière . . . . . . . . . . . . . . . . . . . . . . 76
Création d’un effet de bord oblique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79
Ajout d’une ligne de balise à la bannière. . . . . . . . . . . . . . . . . . . . . . . . . . 80
Exportation d’un fichier d’image optimisé . . . . . . . . . . . . . . . . . . . . . . . . 81
Chapitre 7: Didacticiel : Création d’une page Web . . . . . . . . . . . . 87
Affichage de la page Web finale . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88
Ouverture du fichier source . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89
Importation d’une image . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89
Découpage du document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90
Création d’un survol . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94
Création de boutons pour une barre de navigation . . . . . . . . . . . . . . . . 98
Création et modification d’un menu contextuel. . . . . . . . . . . . . . . . . . . 107
Optimisation du document . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 117
Exportation de HTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120
Test du fichier terminé . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125
4 Table des matières
CHAPITRE 1
Présentation
Macromedia Fireworks 8 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 d’aborder et de résoudre les défis
particuliers posés aux concepteurs et aux développeurs de graphiques Web.
Ce chapitre couvre les rubriques suivantes :
Finalités de Fireworks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
Nouveautés de Fireworks 8. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
Installation de Fireworks. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Finalités de Fireworks
Créez, modifiez et animez des graphiques 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 dans une seule application. Tout reste
entièrement modifiable, à tout moment. En outre, vous pouvez
automatiser le déroulement du travail pour satisfaire 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 graphiques Fireworks avec les
codes HTML et JavaScript qui ont été personnalisés pour l’éditeur HTML
que vous utilisez.
1
5
Nouveautés de Fireworks 8
Vous pouvez créer et optimiser des images pour le Web en disposant d’un
contrôle précis, dans un environnement intuitif et personnalisable. La
nouvelle prise en charge des formats ActionScript et CSS (Cascading Style
Sheet) permet à Fireworks d’interopérer encore plus efficacement avec
Dreamweaver et Flash. Les nouveaux formats de fichiers pris en charge, les
nouveaux panneaux et le flux de travail sensiblement rationalisé vous
permettent à la fois de gagner du temps et d’obtenir des images optimales.
Optimisation
Panneau Modification
d’image
Davantage de formats
de fichiers
importables
Optimisation du
processus de
traitement par lots
Ce nouveau panneau est un emplacement central
depuis lequel vous pouvez accéder aux outils
d’édition d’image, filtres et autres commandes de
menu couramment utilisés.
Fireworks 8 prend désormais en charge
l’importation des formats de fichiers QuickTime
Image, MacPaint, SGI & JPEG 2000 (plug-in
QuickTime requis pour la prise en charge de
QuickTime).
La rationalisation du système de changement de
nom de fichier, la possibilité de contrôler les
dimensions d’un fichier lors d’une mise à l’échelle
dans le cadre d’un traitement par lots et l’ajout
d’une barre d’état et d’un fichier journal ne sont
que quelques-unes des améliorations apportées
au processus.
6Présentation
Tirez parti du processus intégré de Fireworks pour créer et optimiser des
images pour Dreamweaver 8 et Flash Professional 8 sans perte
d’informations ni de temps à les éditer. Bénéficiez de la compatibilité avec
CSS et ActionScript, ainsi qu’avec les autres produits Studio.
Processus intégré
Menus contextuels
CSS (Cascading Style
Sheet)
Compatibilité
vectorielle
Davantage d’options
de découpe
Reconnaissance des
valeurs de couleur
ActionScript
Utilisez la commande
« Enregistrer sous »
pour enregistrer vos
bitmaps dans différents
types de fichiers.
Logique d’ouverture,
d’enregistrement et
d’exportation évoluée
Grilles moins intrusives Comme dans Flash, les grilles utilisent désormais
Fireworks 8 utilise le format CSS pour créer des
menus contextuels interactifs. Cela permet
d’obtenir un code clair et aisément
personnalisable qui s’intègre bien avec les sites
créés dans Dreamweaver.
Les attributs vectoriels (remplissages, traits,
filtres et modes de fondu) sont préservés lorsque
vous déplacez des objets entre Flash et
Fireworks.
Des découpes polygonales sont insérées
automatiquement quand un objet sélectionné est
un trajet polygonal.
Fireworks reconnaît les valeurs de couleur
ActionScript lorsqu’elles sont copiées de Flash
et collées dans des champs de valeurs de
couleur de Fireworks.
Dans la boîte de dialogue « Enregistrer sous »,
sélectionnez des formats de sortie dans un
fichier unique, tels que gif, jpg, tiff.
La logique utilisée pour déterminer les dossiers
par défaut dans les boîtes de dialogue Ouvrir,
Enregistrer, Enregistrer sous, Enregistrer une
copie et Exporter, a été améliorée en réduisant le
nombre d’opérations de navigation requises.
une ligne pointillée et une couleur de grille par
défaut plus claire.
Nouveautés de Fireworks 8 7
Grâce à Fireworks, vous disposez d’outils visuels pour créer des graphiques
et animations Web de qualité professionnelle, tels que des survols et des
menus contextuels, sans devoir recourir à la programmation. Vous pouvez
également contrôler précisément vos images à l’aide d’une pléthore de
nouvelles options créatives.
Création sans complexité
25 nouveaux modes
de fondu
Ombre de perspective Ajoutez une ombre de perspective pour ouvrir des
Ombre unie Nouveau filtre en direct qui estompe l’objet auquel
Composants
d’interface mobile
Exemples de boutons,
d’animations, de
thèmes et de puces
Panneau Propriétés
de forme automatique
Cadre direct et
conversion de
sélections
(conversion de cadre
de sélection en trajet
et inversement)
Texte de
dénomination
automatique
Panneau Caractères
spéciaux
Remise en forme de
texte sur un trajet
25 nouveaux choix pour modifier l’aspect de vos
couleurs et de vos objets.
trajets et des objets texte.
il est appliqué plusieurs fois.
Créez rapidement une maquette de votre interface
mobile à l’aide des composants d’interface
bitmap.
Démarrez rapidement avec de nouveaux actifs,
tels que des boutons, des animations, des thèmes
et des puces.
Ce nouveau panneau permet de modifier les
propriétés de forme automatique, telles que
Forme automatique Etoile, Forme automatique
Flèche ou Forme automatique Polygone
intelligent.
Convertissez des sélections actives en trajets
vectoriels modifiables et inversement. Obtenez
instantanément le résultat des filtres et des
paramètres appliqués aux sélections.
Les calques sont automatiquement nommés à
l’aide du texte que vous y entrez.
Utilisez ce nouveau panneau pour insérer des
caractères spéciaux directement dans des blocs
de texte.
Modifiez les points du trajet quand un texte y est
attaché
.
8Présentation
Economisez votre temps et vos efforts grâce aux nombreuses améliorations
apportées aux tâches courantes.
Améliorations du processus
Mémorisation des
derniers paramètres
utilisés pour les
polices et
l’optimisation
Enregistrement de
plusieurs sélections
Sélectionnez les
objets qui partagent
un bord dans le
panneau Calques
Enregistrement
automatique des
préférences
Groupement de
déplacements
consécutifs
Prise en charge de
tablette améliorée
Verrouillage d’objets Verrouillage individuel d’objets dans le panneau
Les polices récemment utilisées s’affichent à
présent dans le haut des menus de polices.
L’optimisation est désormais paramétrée, par
défaut, à l’aide des derniers paramètres utilisés.
Enregistrez, restaurez, nommez et supprimez
plusieurs cadres de sélection dans des fichiers
PNG.
Maintenez la touche Maj enfoncée et cliquez pour
sélectionner des objets qui partagent un bord ou
une limite dans le panneau Calques.
Fireworks 8 enregistre automatiquement les
préférences plus fréquemment.
Les déplacements consécutifs sont traités comme
un seul mouvement.
La prise en charge de tablette a été améliorée
pour les outils Modulateur de trajet et la sensibilité
à la pression du trait.
Calques.
Pour plus d’informations sur les nouvelles fonctions, voir la
page Fireworks du site Web de Macromedia à l’adresse
www.macromedia.com/go/fireworks_fr.
Nouveautés de Fireworks 8 9
Installation de Fireworks
Cette section explique comment installer Fireworks.
Veillez à lire les notes de publication sur le site Web de Macromedia à
l’adresse http://www.macromedia.com/go/fw_documentation_fr pour
prendre connaissance des toutes dernières informations ou instructions.
Pour installer Fireworks :
1. Insérez le CD Fireworks dans votre lecteur de CD-ROM.
2. Exécutez l’une des actions suivantes :
■ Sous Windows, le programme d’installation de Fireworks démarre
automatiquement.
■ Sur Macintosh, double-cliquez sur l’icône d’installation de
Fireworks figurant sur le bureau.
3. Suivez les instructions affichées à l’écran.
Le programme d’installation vous invite à entrer les informations
requises.
4. Si nécessaire, redémarrez votre ordinateur.
Installation de Fireworks 10
CHAPITRE 2
Apprentissage de Fireworks
Macromedia Fireworks 8 comprend un certain nombre de ressources
d’apprentissage du programme vous permettant d’être rapidement
opérationnel et de créer vos propres graphiques Web avec efficacité.
Ce chapitre couvre les rubriques suivantes :
Par où commencer ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Avantages de la documentation Fireworks . . . . . . . . . . . . . . . . . . . . 11
Utilisation du système d’aide de Fireworks . . . . . . . . . . . . . . . . . . . 13
Par où commencer ?
Si vous ne connaissez pas du tout Fireworks, commencez par lire le chapitre
Chapitre 3, Concepts de base de Fireworks, page 15, puis consultez les
didacticiels.
Si la création de graphiques Web vous est familière, commencez par
consulter les didacticiels dans ce guide, puis lisez la section « Concepts de
base de Fireworks » dans le manuel Utilisation de Fireworks.
2
Avantages de la documentation Fireworks
Fireworks comprend un certain nombre de supports d’apprentissage du
programme vous permettant d’être rapidement opérationnel et de créer vos
propres images avec efficacité.
11
Utilisation de Fireworks est le manuel utilisateur de Fireworks.
Vous pouvez y accéder à tout moment dans l’aide de Fireworks
(Aide > Utilisation de Fireworks). Le manuel est également
disponible au format PDF sur le site Web de Macromedia à
l’adresse http://www.macromedia.com/go/fw_documentation_fr.
Bien démarrer avec Fireworks présente de façon interactive les
principales fonctions de Fireworks. Vous pouvez utiliser les didacticiels
qui traitent des tâches Fireworks courantes, telles que l’utilisation
d’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. Vous pouvez accéder au manuel à tout moment dans l’aide
de Fireworks (Aide > Bien démarrer avec Fireworks). Le manuel est
également disponible au format PDF sur le site Web de Macromedia à
l’adresse http://www.macromedia.com/go/fw_documentation_fr.
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 un élément de l’interface
utilisateur.
Le
Centre de support de Fireworks à l’adresse
www.macromedia.com/go/fireworks_support_fr offre des
informations de support et de résolution de problèmes.
Le
Centre des développeurs de Fireworks à l’adresse
http://www.macromedia.com/fr/devnet/ fournit des
informations vous permettant d’améliorer et d’élargir vos
compétences.
Le
groupe de discussion de Fireworks permet de communiquer
en direct avec les autres utilisateurs de Fireworks, les techniciens du
support technique et l’équipe de développement de Fireworks.
Utilisez un lecteur de groupes de discussion pour accéder à
news://forums.macromedia.com/macromedia.fireworks.
Extension de Fireworks indique comment automatiser les tâches de
Fireworks à l’aide du code JavaScript. Vous pouvez contrôler chaque
commande ou paramètre de Fireworks à l’aide de commandes JavaScript
spéciales que Fireworks peut interpréter. Ce manuel est disponible dans
l’aide et sur le site Web de Macromedia au format PDF téléchargeable.
12 Apprentissage de Fireworks
Utilisation du système d’aide de Fireworks
Le système d’aide en ligne, disponible dans le menu Aide, fournit des
informations détaillées sur toutes les tâches exécutables avec Fireworks.
Accès à l’Aide
Vous pouvez accéder à l’aide en ligne pendant que vous travaillez dans
Fireworks.
Pour ouvrir l’Aide de Fireworks :
■ Cliquez sur Aide > Aide de Fireworks.
Recherche dans l’Aide
Vous pouvez effectuer une recherche en texte intégral dans l’Aide de
Fireworks.
Pour effectuer une recherche dans l’aide en ligne (Windows) :
1. Dans l’Aide de Fireworks, cliquez sur l’onglet Rechercher.
2. Entrez un mot ou une phrase dans la zone de texte, puis cliquez sur Liste
des rubriques.
3. Double-cliquez sur une rubrique dans la liste des résultats pour
l’afficher.
Pour effectuer une recherche dans l’aide en ligne (Macintosh) :
1. Dans l’Aide de Fireworks, entrez un mot ou une phrase dans la zone de
texte Poser une question, puis appuyez sur Entrée.
2. Double-cliquez sur une rubrique dans la liste des résultats pour
l’afficher.
CONSEIL
Pour rechercher une
phrase spécifique,
entourez-la de
guillemets.
Utilisation du système d’aide de Fireworks 13
CONSEIL
Vous pouvez
commencer à entrer
un mot-clé dans la
zone de texte pour
accéder rapidement
à une entrée d’index.
Utilisation de l’index
L’index vous permet de trouver des informations rapidement.
Pour utiliser l’index (Windows) :
1. Dans l’Aide de Fireworks, cliquez sur l’onglet Index.
2. Faites défiler la liste alphabétique jusqu’à une entrée d’index et double-
cliquez dessus pour afficher les informations indexées.
Pour utiliser l’index (Macintosh) :
1. Dans l’Aide de Fireworks, cliquez sur le lien Index dans le sommaire.
2. Cliquez sur une lettre et faites défiler la liste jusqu’à une entrée d’index.
3. Cliquez sur un numéro à côté de l’entrée pour afficher les informations
indexées.
Utilisation de la page de démarrage
Lorsque vous lancez Fireworks sans ouvrir de document, la page de
démarrage de Fireworks s’affiche dans l’environnement de travail. Cette
page vous permet d’accéder rapidement aux didacticiels Fireworks, aux
fichiers récents et à Fireworks Exchange, d’où vous pouvez améliorer les
fonctions de Fireworks. La page de démarrage s’utilise comme une page
Web. Il vous suffit de cliquer sur une fonction à l’écran pour l’utiliser.
14 Apprentissage de Fireworks
Pour désactiver la page de démarrage :
1. Lancez Fireworks sans ouvrir de document.
La page de démarrage s’affiche.
2. Cliquez sur Ne plus afficher.
Impression de la documentation de Fireworks
Les ouvrages suivants sont également disponibles au
format PDF sur le site Web de Macromedia à l’adresse
http://www.macromedia.com/go/fw_documentation_fr :
■ Utilisation de Fireworks
■ Bien démarrer avec Fireworks
■ Extension de Fireworks
Vous pouvez imprimer la totalité ou une partie du fichier PDF sur votre
propre imprimante ou vous adresser à un centre de reprographie.
CHAPITRE 3
Concepts de base de Fireworks
Macromedia Fireworks 8 est une application polyvalente pour la
conception de graphiques Web. Vous pouvez créer et modifier des
images bitmap et vectorielles, créer des effets pour le Web, tels que des
survols et des 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. Ses solutions novatrices permettent
de résoudre les principaux problèmes posés aux concepteurs et aux
webmasters.
Ce chapitre couvre les rubriques suivantes :
Se familiariser avec l’espace de travail Fireworks . . . . . . . . . . . . . 15
Exécution de tâches de base dans Fireworks . . . . . . . . . . . . . . . . .26
Se familiariser avec l’espace de travail Fireworks
3
Lorsque vous ouvrez pour la première fois un document dans
Fireworks, Fireworks active l’environnement de travail, y compris le
panneau Outils, l’Inspecteur des propriétés, les menus et d’autres
panneaux.
15
Le panneau Outils, à gauche de l’écran, contient des catégories étiquetées,
incluant les groupes d’outils bitmap, vectoriels et Web. L’Inspecteur des
propriétés s’affiche au bas du document en présentant initialement les
propriétés du document ; les propriétés changent lorsque vous sélectionnez
un nouvel outil ou un objet dans le document. Les panneaux sont
initialement ancrés en groupes le long du bord droit de l’écran.
16 Concepts de base de Fireworks
Utilisation du panneau Outils
Le panneau Outils se divise en six catégories : Sélection, Bitmap, Vecteur,
Web, Couleurs et Affichage.
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.
Se familiariser avec l’espace de travail Fireworks 17
Les graphiques bitmap sont composés de points, appelés pixels, organisés
dans une grille. Lorsque vous modifiez un graphique bitmap, vous
modifiez des pixels et non des lignes et des courbes. Les graphiques bitmap
dépendent de la résolution, ce qui signifie que les données décrivant
l’image sont conditionnées par une grille de taille spécifique.
L’agrandissement d’un graphique bitmap modifie la distribution des pixels
dans la grille et produit souvent une image aux bords dentelés.
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. Lorsque vous modifiez un graphique 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 graphique vectoriel et l’afficher sur des écrans de diverses résolutions,
sans affecter la qualité de son aspect.
Vous pouvez vous exercer à utiliser les outils vectoriels et bitmap sur un
document vierge dans Fireworks afin de voir la différence entre les deux
formats.
Modification des options des outils
Lorsque vous sélectionnez un outil, l’Inspecteur des propriétés affiche les
options de l’outil. Certaines options restent affichées lorsque vous travaillez
avec l’outil. Pour d’autres outils, tels que les outils des formes de base, la
Plume et la Ligne, l’Inspecteur des propriétés affiche les propriétés des
objets sélectionnés. Pour plus d’informations sur l’Inspecteur des
propriétés, voir « Utilisation de l’Inspecteur des propriétés » dans l’Aide de
Fireworks.
18 Concepts de base de Fireworks
Pour afficher, dans l’Inspecteur des propriétés, les options
d’un outil que vous êtes déjà en train d’utiliser :
■ Cliquez sur Sélection > Désélectionner pour désélectionner tous les
objets.
Pour plus d’informations sur des options d’outils spécifiques, voir les
sections qui présentent les différents outils dans Utilisation de Fireworks.
Sélection d’un outil parmi un groupe d’outils
Un petit triangle dans le coin inférieur droit d’un outil dans le panneau
Outils indique qu’il fait partie d’un groupe d’outils. Par exemple, l’outil
Rectangle fait partie du groupe des outils de formes de base, qui inclut les
outils Rectangle arrondi, Ellipse et Polygone, ainsi que tous les outils de
formes intelligentes figurant sous la ligne de séparation.
Pour sélectionner un autre outil dans un groupe d’outils :
1. Cliquez sur l’icône de l’outil et maintenez enfoncé le bouton de la souris.
Un menu contextuel s’affiche avec les icônes des outils, le nom des
outils et les touches de raccourci. L’outil actuellement sélectionné
possède une coche à gauche de son nom.
2. Faites glisser le pointeur afin de sélectionner l’outil souhaité et relâchez
le bouton de la souris.
L’outil s’affiche dans le panneau Outils, et les options de l’outil dans
l’Inspecteur des propriétés.
Utilisation de l’Inspecteur des propriétés
L’Inspecteur des propriétés vous permet de modifier les propriétés de la
sélection, de l’outil ou du document en cours. Par défaut, l’Inspecteur des
propriétés est ancré au bas de l’espace de travail.
Se familiariser avec l’espace de travail Fireworks 19
La fenêtre de l’Inspecteur des propriétés peut s’afficher à mi-hauteur,
présentant deux lignes de propriétés, ou quatre en pleine hauteur. Vous
pouvez également masquer totalement l’Inspecteur des propriétés en le
laissant dans l’espace de travail.
REMARQUE
Dans le manuel Utilisation de Fireworks, la plupart des procédures partent
du principe que la fenêtre de l’Inspecteur des propriétés est affichée en
pleine hauteur.
Pour annuler l’ancrage de l’Inspecteur des propriétés :
■ Faites glisser la poignée du coin supérieur gauche vers un autre endroit
de l’espace de travail.
Pour ancrer l’Inspecteur des propriétés au bas de l’espace de
travail (Windows uniquement) :
■ Faites glisser la barre latérale de l’Inspecteur des propriétés en bas de
l’écran.
Pour agrandir la fenêtre mi-hauteur de l’Inspecteur des
propriétés en pleine hauteur afin d’afficher des options
supplémentaires :
■ Cliquez sur la flèche d’extension située dans le coin inférieur droit de
l’Inspecteur des propriétés.
■ Cliquez sur l’icône en haut à droite de l’Inspecteur des propriétés, puis
dans le menu Options de l’Inspecteur des propriétés, cliquez sur Pleine
hauteur.
REMARQUE
Sous Windows, le menu Options est disponible uniquement lorsque
l’Inspecteur des propriétés est ancré.
20 Concepts de base de Fireworks
Pour réduire la taille d’affichage de l’Inspecteur des propriétés
à mi-hauteur :
■ Cliquez sur la flèche d’extension située dans le coin inférieur droit de
l’Inspecteur des propriétés.
■ Dans le menu Options de l’Inspecteur des propriétés, cliquez sur
Demi-hauteur.
Pour réduire l’Inspecteur des propriétés lorsqu’il est ancré :
■ Cliquez sur la flèche d’extension ou sur le titre de l’Inspecteur des
propriétés.
■ Dans le menu Options de l’Inspecteur des propriétés ancré, cliquez sur
Réduire le groupe de panneaux.
Pour plus d’informations sur des options spécifiques de l’Inspecteur des
propriétés, voir les sections appropriées du manuel Utilisation de Fireworks.
Utilisation des panneaux
Les panneaux permettent de modifier l’aspect d’un objet sélectionné ou
d’éléments du document. Ils permettent de travailler sur des images, des
calques, des symboles, etc. Il est possible de faire glisser les panneaux de
façon à les regrouper en fonction de vos préférences.
Certains panneaux ne s’affichent pas par défaut mais vous pouvez les
afficher si vous le souhaitez. Certains panneaux ne sont pas groupés avec
d’autres panneaux par défaut mais vous pouvez les grouper si vous le
souhaitez. Lorsque vous regroupez des panneaux, tous les noms du groupe
de panneaux s’affichent dans la barre de titre du groupe de panneaux. Vous
pouvez toutefois renommer les groupes de panneaux comme bon vous
semble.
Le panneau Optimiser vous permet de gérer les paramètres qui contrôlent
la taille et le type de fichier et de travailler avec la palette de couleurs du
fichier ou de la découpe à exporter.
Le panneau Calques vous permet d’organiser la structure d’un document
et comporte des options de création, suppression et manipulation des
calques.
Le panneau Images inclut des options de création d’animations.
Se familiariser avec l’espace de travail Fireworks 21
Le panneau Historique répertorie les commandes que vous avez utilisées
récemment de façon à vous permettre de les annuler et de les rétablir
rapidement. En outre, vous pouvez sélectionner des actions multiples, puis
les enregistrer et les réutiliser en tant que commandes. Pour plus
d’informations, voir « Utilisation du panneau Historique pour annuler ou
répéter plusieurs actions » dans le manuel Utilisation de Fireworks.
Le panneau Formes contient les formes automatiques qui ne s’affichent
pas dans le panneau Outils.
Le panneau Styles vous permet de stocker et de réutiliser des
combinaisons de caractéristiques d’objets ou de sélectionner un
style stocké.
Le panneau Bibliothèque comporte des symboles de graphique, de
bouton et d’animation. Vous pouvez facilement faire glisser les occurrences
de ces symboles du panneau Bibliothèque vers votre document. Vous
pouvez modifier l’ensemble des occurrences en modifiant uniquement le
symbole.
Le panneau URL vous permet de créer des bibliothèques contenant des
URL fréquemment utilisées.
Le panneau Mélangeur (Fenêtre > Mélangeur) vous permet de créer de
nouvelles couleurs que vous pouvez ensuite ajouter à la palette de couleurs
du document actif ou appliquer à des objets sélectionnés.
Le panneau Nuanciers (Fenêtre > Nuanciers) gère la palette de couleurs
du document actif.
Le panneau Info (Fenêtre > Info) fournit des informations sur les
dimensions des objets sélectionnés et les coordonnées exactes du pointeur
au cours de son déplacement dans le document.
Le panneau Comportements (Fenêtre > Comportements) gère les
comportements qui déterminent ce qui se produit lorsque des références ou
des découpes réagissent aux déplacements de la souris.
Le panneau Rechercher (Fenêtre > Rechercher) vous permet de
rechercher et de remplacer des éléments, tels que du texte, des URL, des
polices et des couleurs dans un ou plusieurs documents.
Le panneau Aligner (Fenêtre > Aligner) contient les commandes
d’alignement et de distribution des objets dans le document.
22 Concepts de base de Fireworks
Le panneau Propriétés de forme automatique (Fenêtre > Propriétés de
forme automatique) vous permet de définir les propriétés de formes
automatiques.
Le panneau Modification d’image (Fenêtre > Modification d’image)
regroupe en un seul endroit les outils les plus fréquemment utilisés pour la
retouche de photos.
Le panneau Caractères spéciaux (Fenêtre > Caractères spéciaux) vous
permet d’insérer des caractères spéciaux dans votre texte directement dans
Fireworks, au lieu de devoir les copier et les coller au départ d’une autre
source.
Organisation des panneaux et des groupes de panneaux
Par défaut, certains panneaux Fireworks sont ancrés dans la partie droite de
l’espace de travail. Certains panneaux sont organisés en groupes de
panneaux. D’autres panneaux ne sont pas affichés initialement mais vous
pouvez les ouvrir depuis le menu Fenêtre. Vous pouvez annuler l’ancrage
des groupes de panneaux, ajouter des panneaux à un groupe, annuler
l’ancrage de panneaux individuels, réorganiser l’ordre des groupes de
panneaux ancrés et réduire et fermer des groupes de panneaux. Vous
pouvez également ouvrir et fermer des panneaux individuels.
Pour ouvrir un panneau fermé :
■ Dans le menu Fenêtre, cliquez sur le nom du panneau.
Pour fermer un panneau, exécutez l’une des actions suivantes :
■ Dans le menu Fenêtre, cliquez sur le nom de panneau.
■ Lorsque le panneau n’est pas ancré, cliquez sur le bouton Fermer dans
la barre de titre du panneau.
Pour annuler l’ancrage ou déplacer un groupe de panneaux :
■ Faites glisser la poignée du coin supérieur gauche du panneau et
déplacez-la hors de la zone d’ancrage des panneaux dans la partie droite
de l’écran.
Se familiariser avec l’espace de travail Fireworks 23
CONSEIL
Une coche à côté
du nom d’un
panneau dans le
menu Fenêtre
indique que le
panneau est
ouvert.
Pour ancrer un groupe de panneaux :
■ Faites glisser la poignée du panneau vers la zone d’ancrage des
panneaux.
Lorsque vous faites glisser un panneau ou un groupe de panneaux audessus de la zone d’ancrage des panneaux, une ligne ou un rectangle
d’aperçu du placement montre où s’effectuera le placement au sein des
groupes.
Pour réduire ou développer un groupe de panneaux ou un
panneau, exécutez l’une des actions suivantes :
■ Cliquez sur le titre du groupe de panneaux ou du panneau.
REMARQUE
La barre de titre est encore visible si le groupe de panneaux ou le panneau
est réduit.
■ Cliquez sur la flèche d’extension située dans le coin supérieur gauche
du groupe de panneaux ou du panneau.
Pour annuler l’ancrage d’un panneau dans un groupe de
panneaux :
■ Dans le menu Options de la barre de titre du groupe de panneaux,
cliquez sur Grouper avec > Nouveau groupe de panneaux (le nom de la
commande Grouper avec change en fonction du nom du panneau
actif). Le panneau s’affiche dans un nouveau groupe de panneaux
distinct.
24 Concepts de base de Fireworks
Pour ancrer un panneau dans un groupe de panneaux :
■ Cliquez sur le nom d’un groupe de panneaux dans le sous-menu
Grouper avec du menu Options du groupe de panneaux (le nom de la
commande Grouper avec change en fonction du nom du panneau
actif).
Pour renommer un groupe de panneaux :
1. Cliquez sur l’icône située en haut à droite du groupe de panneaux, puis
sur Renommer le groupe de panneaux dans le menu Options.
2. Entrez le nouveau nom.
Pour rétablir les positions par défaut des panneaux
correspondant à votre résolution d’écran, exécutez l’une des
actions suivantes :
■ Cliquez sur Fenêtre > Dispositions d’espace de travail > 1024 x 768.
■ Cliquez sur Fenêtre > Dispositions d’espace de travail > 1280 x 1024.
Pour masquer tous les panneaux et l’Inspecteur des
propriétés :
■ Cliquez sur Fenêtre > Masquer les panneaux. Pour afficher des
panneaux masqués, cliquez de nouveau sur Fenêtre > Masquer les
panneaux.
REMARQUE
Les panneaux qui sont masqués lorsque vous cliquez sur Masquer les
panneaux restent masqués lorsque vous désactivez cette commande.
Bouton Exportation rapide
Le bouton Exportation rapide vous permet d’exporter vos fichiers
Fireworks vers diverses applications Macromedia, telles que Dreamweaver,
Flash, Director et Macromedia FreeHand MX. Vous pouvez en outre
exporter vos fichiers vers Photoshop, FrontPage, Adobe
Illustrator, ou en afficher un aperçu dans le navigateur de votre choix.
GoLive et
Se familiariser avec l’espace de travail Fireworks 25
Navigation et affichage d’un document
Vous pouvez contrôler le zoom du document, le nombre de fenêtres et le
mode d’affichage. En outre, vous pouvez facilement afficher une vue
panoramique d’un document, ce qui est particulièrement utile lorsque,
après avoir effectué un zoom avant, vous ne pouvez plus voir l’ensemble du
document.
Lorsque l’affichage de votre document est en mode plein écran dans
Windows, vous pouvez facilement passer d’un document ouvert à un autre
à l’aide des onglets figurant dans le haut de la fenêtre du document. Le
nom de fichier de chaque document ouvert s’inscrit sur un onglet.
26 Concepts de base de Fireworks
Exécution de tâches de base dans Fireworks
Fireworks est une application polyvalente de création, d’édition et
d’optimisation de graphiques Web. Cette section décrit comment
accomplir des tâches de base, telles que la création, l’ouverture et
l’enregistrement de fichiers. Elle explique également comment convertir
des fichiers en d’autres formats. Pour plus d’informations, voir « Concepts
de base de Fireworks » dans le manuel Utilisation de Fireworks.
Fichiers graphiques
Fireworks vous permet de travailler avec divers types de fichiers. Par
exemple, vous pouvez commencer avec un fichier PNG, puis l’enregistrer
au format JPEG ou GIF. Vous pouvez créer des fichiers HTML contenant
du code JavaScript. Vous pouvez également exporter ou enregistrer une
image sous un format de fichier spécifique à une autre application, telle que
Photoshop ou Macromedia Flash, si vous voulez continuer à travailler dans
cette application.
Voici les types de fichiers les plus couramment utilisés dans Fireworks :
PNG (Portable Network Graphic) est le format de fichier natif de
Fireworks. Le format PNG est un format de fichier graphique Web
polyvalent pouvant prendre en charge les couleurs 32 bits, inclure une
transparence ou une couche alpha et rendre des images progressives.
GIF (Graphics Interchange Format) est un format graphique Web très
utilisé pour les dessins animés, les logos, les graphiques comportant
des zones transparentes et les animations. Il contient un maximum de
256 couleurs.
JPEG a été développé par le Joint Photographic Experts Group pour les
besoins spécifiques des images photographiques ou comportant un nombre
très élevé de couleurs. Le format JPEG est idéal pour des photographies
numériques ou numérisées, des images comportant des textures ou des
dégradés, ou toute autre image nécessitant plus de 256 couleurs.
Pour plus d’informations sur les autres types de fichiers dans Fireworks,
voir « Sélection d’un type de fichier » dans le manuel Utilisation de
Fireworks.
Création de nouveaux fichiers dans Fireworks
Lorsque vous créez un nouveau fichier dans Fireworks, vous créez un
fichier de type PNG (Portable Network Graphic). PNG est le format de
fichier natif de Fireworks. Vous pouvez aisément convertir le fichier dans
un autre format de graphique Web, tel que JPEG ou GIF. Pour plus
d’informations, voir Conversion de fichiers dans d’autres formats, page 29.
Exécution de tâches de base dans Fireworks 27
Pour créer un nouveau fichier :
1. Cliquez sur Fichier > Nouveau
La boîte de dialogue Nouveau document s’affiche.
2. Entrez la largeur et la hauteur du document en pixels, pouces ou
centimètres.
3. Entrez une résolution en pixels par pouce ou pixels par centimètre.
4. Choisissez une couleur de fond blanche, transparente ou personnalisée.
REMARQUE
Utilisez la fenêtre contextuelle du sélecteur de couleurs Personnalisé pour
sélectionner une couleur de fond personnalisée.
28 Concepts de base de Fireworks
5. Cliquez sur OK pour créer le nouveau document.
Fireworks crée un fichier PNG. L’utilisation d’un fichier PNG comme
fichier source présente les avantages suivants :
■ Le fichier PNG source est toujours modifiable. Vous pouvez faire
marche arrière et effectuer des modifications supplémentaires, même
après l’exportation du fichier dans le but de l’utiliser sur le Web.
■ Vous pouvez découper des graphiques complexes en plusieurs parties
dans le fichier PNG et les exporter sous différents formats et paramètres
d’optimisation.
Ouverture de fichiers dans Fireworks
Dans Fireworks, vous pouvez facilement ouvrir et modifier des images
vectorielles et bitmap.
Pour ouvrir un fichier :
1. Cliquez sur Fichier > Ouvrir.
2. Dans la boîte de dialogue Ouvrir, sélectionnez le fichier, puis cliquez sur
Ouvrir.
Enregistrement de fichiers dans Fireworks
Après avoir créé des fichiers graphiques dans Fireworks, vous pouvez les
enregistrer dans un nouvel emplacement ou les renommer.
Pour enregistrer un fichier :
■ Cliquez sur Fichier > Enregistrer.
Pour enregistrer un fichier dans un nouvel emplacement ou le
renommer :
1. Cliquez sur Fichier > Enregistrer sous.
2. Dans la boîte de dialogue Enregistrer sous, naviguez jusqu’à
l’emplacement souhaité ou entrez le nouveau nom du fichier.
3. Cliquez sur Enregistrer.
CONSEIL
Pour ouvrir un
fichier sans
écraser la version
précédente,
cliquez sur Ouvrir
en tant que Sans
titre, puis
enregistrez le
fichier en utilisant
un autre nom.
Conversion de fichiers dans d’autres formats
Vous pouvez aisément convertir des fichiers dans d’autres formats de
graphiques Web, tels que JPEG ou GIF.
Pour convertir un fichier dans un nouveau format de fichier :
1. Cliquez sur Fichier > Enregistrer sous.
2. Dans le menu contextuel Type de la boîte de dialogue Enregistrer sous,
sélectionnez un nouveau type de fichier.
3. Cliquez sur Enregistrer.
29 Concepts de base de Fireworks
30 Concepts de base de Fireworks
Loading...