PDF (adobe.com)

Flux de production de prototypage

En associant le panneau Pages à d’autres fonctions performantes de Fireworks, vous pouvez créer rapidement des prototypes de logiciels et de sites Web interactifs. Pour convertir un prototype finalisé en site fonctionnel, il vous suffit de l’exporter vers Adobe Flash®, Adobe Flex®, Adobe AIR™ ou Adobe Dreamweaver®.

Pour visionner un didacticiel vidéo sur les principes de base de Fireworks, reportez-vous à www.adobe.com/go/lrvid4032_fw_fr.

1. Création des pages

Dans le panneau Pages, créez le nombre de pages ou d’écrans nécessaires à la réalisation de votre projet initial. Au fur et à mesure que votre projet évolue, vous pouvez y ajouter des pages, ou en supprimer, à votre convenance.

2. Disposition des éléments de conception communs

Dans la zone de travail, disposez les éléments conceptuels à reproduire sur plusieurs pages (barres de navigation et images d’arrière-plan, par exemple). Servez-vous des repères commentés pour aligner les éléments. Pour travailler avec un maximum de souplesse, structurez votre mise en page avec des feuilles de style CSS (voir les sections Repères commentés et Création de dispositions CSS).

3. Partage d’éléments communs entre plusieurs pages

La modification d’un élément commun à plusieurs pages se répercute systématiquement sur toutes les pages concernées. Servez-vous d’un gabarit pour partager tous les éléments du contenu, ou partagez les calques pour copier des sous-ensembles d’éléments (voir les sections Utilisation d’un gabarit et Partage des calques).

4. Ajout d’éléments uniques à des pages individuelles

Sur chaque page, vous pouvez ajouter des éléments uniques de conception, de navigation ou de forme. Dans le panneau Bibliothèque commune, vous trouverez de nombreux boutons, des zones de texte et des menus contextuels qui vous permettront d’accélérer le processus de conception. Les symboles contenus dans les dossiers Flex Components, HTML, Mac, Win, Web et Application et Barres de menu présentent des propriétés que vous pouvez personnaliser pour certaines occurrences de symboles (voir la section Création et utilisation de symboles de composant).

5. Simulation de la navigation utilisateur à l’aide de liens

A partir d’objets Web tels que tranches, zones sensibles ou boutons de navigation, vous pouvez relier les différentes pages de votre prototype (voir la section Lien vers des pages dans un document Fireworks).

6. Exportation du prototype finalisé interactif

Pour votre prototype, Fireworks propose de nombreux formats de sortie qui conservent tous les liens hypertextes de navigation. Pour partager avec des clients un prototype CSS flexible ou le peaufiner dans Adobe Dreamweaver, reportez-vous à la section Exportation d’une disposition CSS. Pour créer un prototype plus classique reposant sur une table, reportez-vous à la section Exportation de code HTML Fireworks. Pour distribuer une version du prototype au format PDF en vue de le commenter ou de l’imprimer, reportez-vous à la section Exportation de fichiers Adobe PDF. Pour créer un prototype d’application Flex, reportez-vous à la section Prototypage d’applications Flex. Pour créer une application Adobe AIR, reportez-vous à la section Création d’une application Adobe AIR.