Un seul fichier PNG Fireworks peut contenir plusieurs pages, ce qui est idéal pour le prototypage de sites web et d’interfaces d’applications. Chaque page contient des paramètres uniques relatifs à la taille, la couleur, la résolution graphique et les repères. Vous pouvez définir ces options soit page par page, soit globalement (pour toutes les pages d’un document). Chaque page peut également contenir un ensemble unique de calques, outre le calque web. Toutefois, pour les éléments communs, vous pouvez utiliser un gabarit ou partager des calques sur plusieurs pages (Voir la section Partages de calques.)

Remarque :

Si vous ne créez pas d’autres pages, tous les éléments de votre document résident sur une seule page.

Vos pages sont visibles dans le panneau Pages, qui affiche les objets présents sur chaque page sous forme de vignettes en regard du nom de la page. La page active est mise en surbrillance dans le panneau et indiquée dans le menu contextuel de pages, au-dessus du document actif.

Pour plus d’informations sur l’exportation de pages, reportez-vous à la section Exportation depuis l’espace de travail.

Vidéo

Création de prototypes haute fidélité avec Fireworks ou Photoshop (00:01:17)

Obtenez un petit aperçu de la manière dont vous pouvez utiliser Fireworks ou Photoshop pour créer des prototypes haute fidélité.

Par Jim Babbage

Ajout et suppression de pages, navigation dans les pages

Dans le panneau Pages, vous pouvez ajouter de nouvelles pages, supprimer des pages inutiles et dupliquer des pages existantes. Lorsque vous ajoutez, supprimez ou déplacez des pages, Fireworks met systématiquement à jour le nombre de pages indiqué à gauche des titres de pages. Ces numéros générés automatiquement permettent d’accéder rapidement à des pages spécifiques, dans des conceptions multipages.

Ajout d’une page

Une page vierge est insérée à la fin de la liste de pages ; elle devient la page active.

  1. Procédez de l’une des manières suivantes :

    • Dans le panneau Pages, cliquez sur le bouton Nouvelle page/Dupliquer la page .

    • Cliquez avec le bouton droit de la souris dans le panneau, puis sélectionnez Nouvelle page dans le menu contextuel.

    • Choisissez Edition > Insertion > Page.

  1. Procédez de l’une des manières suivantes :

    • Dans le panneau Pages, sélectionnez une page.

    • Au clavier, utilisez les boutons Page vers le haut et Page vers le bas.

    • Choisissez une page dans le menu contextuel de pages dans la partie supérieure de la fenêtre du document ou dans la partie inférieure droite du panneau Pages.

    Remarque :

    Un astérisque situé en regard du nom de la page dans le menu contextuel de pages indique le gabarit.

Duplication d’une page

La duplication permet d’ajouter une nouvelle page contenant les mêmes objets et la même hiérarchie de calques que la page sélectionnée. Les objets dupliqués conservent l’opacité et le mode de fusion des objets d’origine. Vous pouvez modifier les objets dupliqués sans agir sur les originaux.

  1. Procédez de l’une des manières suivantes :

    • Faites glisser une page vers le bouton Nouvelle/Dupliquer page.

    • Cliquez avec le bouton droit de la souris sur la page, puis sélectionnez Dupliquer la page dans le menu contextuel.

Déplacement d’une ou plusieurs pages

Dans le panneau Pages, déplacez des pages pour rapprocher des conceptions apparentées et accélérer la mise en page.

  1. (Facultatif) Si vous déplacez plusieurs pages, procédez de l’une des manières suivantes :

    • Cliquez dessus en maintenant la touche Maj enfoncée pour sélectionner un groupe contigu.

    • Tout en maintenant la touche Ctrl (Windows) ou Cmde (Mac OS) enfoncée, cliquez dessus pour sélectionner un groupe non contigu.

  2. Faites glisser les pages sélectionnées vers le haut ou vers le bas du panneau. Au-dessus et au-dessous d’autres pages, des bordures sombres apparaissent ; vous pouvez relâcher le bouton de la souris dans ces zones pour y déplacer les pages sélectionnées.

Suppression d’une page

La page située au-dessus de la page supprimée devient la page active.

  1. Procédez de l’une des manières suivantes :

    • Dans le panneau Pages, faites glisser la page jusqu’à l’icône de la corbeille .

    • Cliquez avec le bouton droit de la souris sur la page, puis sélectionnez Supprimer la page dans le menu contextuel.

Modification de la zone de travail d’une page

Chaque page présente une zone de travail qui lui est propre, avec une taille, une couleur et une résolution graphique indépendantes.

  1. Sélectionnez une page dans le panneau Pages ou dans le menu contextuel de pages, dans la partie supérieure de la fenêtre du document.

  2. Choisissez Modification > Zone de travail > Taille de l’image, Modification > Zone de travail > Couleur de la zone de travail ou Modification > Zone de travail > Taille de la zone de travail.

  3. Apportez les modifications nécessaires. Vous pouvez également effectuer ces modifications via le panneau Propriétés lorsque la zone de travail d’une page est sélectionnée.

  4. Pour appliquer les modifications à la page sélectionnée uniquement, ne désélectionnez pas l’option Page actuelle uniquement. Pour appliquer les modifications à toutes les pages, désélectionnez l’option.

Utilisation d’un gabarit

Pour exploiter un même ensemble d’éléments sur toutes vos pages, utilisez une page maîtresse appelée un gabarit. Lorsque vous convertissez une page ordinaire en gabarit, cette page devient la première de la liste affichée dans le panneau Pages. Lorsque vous créez un gabarit, un calque de gabarit est ajouté au bas de la hiérarchie des calques pour chaque page.

Création d’un gabarit

  1. Dans le panneau Pages, cliquez avec le bouton droit sur une page existante, puis sélectionnez Définir comme gabarit dans le menu contextuel.

Tous les calques partagés sur plusieurs pages deviennent des calques ordinaires (non partagés). En revanche, les calques partagés entre les images restent inchangés. Pour afficher des cadres de gabarit dans une page liée, reportez-vous à la section Affichage des objets dans un état.

Une fois le gabarit créé, toutes les pages nouvellement créées héritent systématiquement des paramètres de ce gabarit. En revanche, vous devez lier les pages existantes au gabarit pour qu’elles adoptent ses paramètres. Si vous modifiez ensuite le gabarit, toutes les pages liées sont automatiquement mises à jour.

Les restrictions suivantes s’appliquent à l’héritage des objets et des comportements entre les gabarits et d’autres pages :

  • Les pages héritent uniquement de l’état actif de l’ensemble des objets d’un gabarit. Pour qu’elles héritent de tous les états de tous les objets, sur chaque page, ajoutez le même nombre d’états ou plus d’états à l’objet associé au plus grand nombre d’états. Tous les objets de cette page héritent de tous les états issus du gabarit.

  • Les modifications apportées à la taille de la zone de travail ou de l’image se répercutent sur toutes les pages, y compris celles non liées au gabarit. Pour que les modifications ne s’appliquent qu’à la page active, sélectionnez Page active uniquement.

  • Seules les pages liées héritent des modifications relatives à la couleur de la zone de travail du gabarit.

  1. Procédez de l’une des manières suivantes :

    • Dans le panneau Pages, cliquez avec le bouton droit sur une page existante, puis sélectionnez Lien vers le gabarit dans le menu contextuel.

    • Cliquez dans la colonne à gauche de la vignette de page dans le panneau Pages. L’icône de lien indique que la page est liée au gabarit.

      Remarque : si vous modifiez un paramètre dans une page liée au gabarit, le nouveau paramètre est pris en compte mais annule le lien avec le gabarit.

Affichage ou masquage du calque de gabarit

Tout changement de visibilité se répercute sur toutes les pages.

  1. Dans le panneau Calques, cliquez sur l’icône en forme d’œil situé à gauche du calque de gabarit.

Suppression des calques de gabarit

  1. Cliquez avec le bouton droit de la souris sur le panneau Calques, puis sélectionnez Supprimer le calque du gabarit dans le menu contextuel.

Pour réintégrer le calque de gabarit à la page, cliquez avec le bouton droit dans le panneau Calques, puis sélectionnez Ajouter le calque du gabarit dans le menu contextuel.

Transformation d’un gabarit en page ordinaire

  1. Cliquez avec le bouton droit de la souris dans le panneau Pages, puis sélectionnez Réinitialiser le gabarit dans le menu contextuel.

Exportation des pages sélectionnées

Vous pouvez exporter plusieurs pages en une même opération. Seules les pages sélectionnées sont exportées. Lors de cette opération, les paramètres d’optimisation de chaque page sont utilisés.

  1. Dans le panneau Pages, sélectionnez les pages à exporter.

  2. Cliquez avec le bouton droit de la souris et sélectionnez Exporter la/les page(s) sélectionnée(s).

  3. Dans la boîte de dialogue Exporter, sélectionnez l’une des options suivantes dans le menu Exporter :

    Calques vers fichiers

    Exporte les calques que contiennent les pages sélectionnées en tant que fichiers distincts.

    Etats vers fichiers

    Exporte les états que contiennent les pages sélectionnées en tant que fichiers distincts.

    Pages vers fichiers

    Exporte les pages sélectionnées en tant que fichiers distincts.

Personnalisation des noms de fichier lors de l'exportation des pages

  1. Dans le panneau Pages, sélectionnez les pages à exporter.

  2. Cliquez avec le bouton droit de la souris et sélectionnez Exporter la/les page(s) sélectionnée(s).

  3. Dans la boîte de dialogue Exporter, cliquez sur Options. Le bouton Options est activé en fonction de l'option sélectionnée dans le menu Exporter.

  4. Dans la boîte de dialogue Options d’exportation, sélectionnez Ajouter un préfixe ou Ajouter un suffixe, puis choisissez une option dans le menu. Vous pouvez attribuer un nom aux fichiers à l’aide de l’une des options suivantes :

    nom document

    Le nom du fichier source est ajouté en tant que préfixe ou suffixe. Si, par exemple, vous exportez la page Index du fichier source sites.png et sélectionnez l’option Ajouter un préfixe, le fichier généré s’appelle Sites_Index.gif .

    Numérique (1, 2, 3...ou 01, 02, 03...)

    Les fichiers sont générés par ordre numérique, des nombres étant ajoutés comme préfixe ou suffixe. Tous les fichiers de page exportés sont numérotés dans l’ordre dans lequel ils figurent dans le panneau Pages. Lorsque vous exportez un grand nombre de pages, faites appel à la séquence à deux chiffres.

  5. Les options du menu Type de fichier permettent d’optimiser les paramètres du fichier exporté.

Exportation des tranches des pages sélectionnées

Lors de l’exportation, les tranches que contient le fichier source ne sont pas prises en compte. Pour les exporter, faites appel aux paramètres suivants de la boîte de dialogue Exporter.

  1. Dans le menu Exporter, sélectionnez Documents HTML et images ou Images uniquement.

  2. Dans le menu HTML, sélectionnez Exporter le fichier HTML.

  3. Dans le menu Découpes, sélectionnez Exporter les tranches.

  4. Sélectionnez l’une des options suivantes :

    Tranches sélectionnées uniquement

    Les zones marquées en tant que tranches sont exportées.

    Inclure les zones sans tranches

    Les zones qui ne sont pas marquées en tant que tranches sont également exportées.

Aperçu de plusieurs pages

Lors de l’importation ou de l’ouverture de fichiers, affichez un aperçu de toutes les pages, excepté le gabarit. La page sélectionnée lors de l’aperçu reçoit le focus à l’ouverture du fichier.

Lorsque vous insérez une page contenant des objets issus du calque du gabarit, le gabarit est converti en un calque ordinaire et importé.

Activation de l’aperçu de plusieurs pages

Lorsque vous importez ou ouvrez un fichier, affichez un aperçu de toutes les pages qu’il contient. L’option d’aperçu de plusieurs pages est activée par défaut dans la boîte de dialogue Préférences.

Pour activer l’aperçu de plusieurs pages pour les fichiers créés dans les versions précédentes, ouvrez ceux-ci dans la version en cours et enregistrez-les.

  1. Dans la boîte de dialogue Préférences, sélectionnez Générales.

  2. Sélectionnez Enregistrer les vignettes sur chaque page pour activer l’aperçu de plusieurs pages. Lorsque cette option est désactivée, les noms de page sont enregistrés mais les vignettes ne sont pas générées pour les fichiers correspondants.

Aperçu de plusieurs pages avant ouverture ou importation

  • Sous Windows, l’aperçu est affiché dans la boîte de dialogue Importer ou Ouvrir lorsque vous importez ou ouvrez un fichier.

  • Sur le Mac, cliquez sur Aperçu dans la boîte de dialogue Importer ou Ouvrir. Vous pouvez également cliquer deux fois sur le fichier dans la boîte de dialogue Importer pour activer le mode Aperçu.

    Lors de l'importation de fichiers, sélectionnez Insérer après la page active pour ajouter des pages importées après la page sélectionnée dans le document.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne