|
|
 |
|
|
|
|
|
|
Tutorials |
|
|
|
|
|
Création de diagrammes de conception |
|
|
|
|
|
|
Les diagrammes de conception d'Adobe® GoLive® permettent de mettre en forme rapidement une représentation graphique d'un site Web avant de procéder à la création des pages. Un diagramme de conception présente l'arborescence des pages du site et les liens entre les fichiers. Il est possible de créer plusieurs diagrammes afin d'examiner différents concepts de site. Vous pouvez exporter ces diagrammes de conception au format Adobe PDF ou SVG afin de les soumettre à l'avis de vos collaborateurs. Lorsque vous êtes prêt à travailler sur les pages réelles, vous pouvez créer un prototype de site par simple conversion de votre diagramme en pages. Si vous souhaitez effectuer des modifications au cours du développement, vous pouvez enlever les fichiers du diagramme de votre site. En suivant la procédure ci-dessous, vous découvrirez comment créer et exporter un diagramme de conception pour révision. Vous apprendrez ensuite à convertir ce diagramme de conception en site réel et à enlever les fichiers du diagramme en vue de modifications supplémentaires.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1. Créer un diagramme de conception et ajouter une page.
Lorsque la fenêtre du site est active, choisissez Diagramme > Nouveau diagramme de conception afin de créer un diagramme. Faites glisser l'icône Page du panneau Diagramme de la palette Objets vers la vue de conception. Une page nommée sans titre.html est créée. Cliquez sur le nom de la page et saisissez un nouveau nom, tel que Produits.html. |
| |
|
| |
|
|
|
2. Ajouter des pages enfant.
Sélectionnez la page dans la vue de conception, puis choisissez Diagramme > Nouvelles Pages. Dans la boîte de dialogue Nouvelles pages, saisissez le nombre de pages enfant à créer et un nom de fichier de base. Par exemple, saisissez la valeur 4 pour créer quatre pages, puis tapez "Modèle" dans la zone de texte Noms de fichier. Les pages ajoutées seront nommées Modèle.html, Modèle1.html, Modèle2.html, etc. |
| |
|
| |
|
|
|
3. Annoter le diagramme de conception pour communiquer des informations aux relecteurs.
Faites glisser l'icône Annotation du panneau Diagramme de la palette Objets vers la vue de conception, puis saisissez du texte et un sujet (facultatif) dans l'inspecteur correspondant. |
| |
|
| |
|
|
|
4. Exporter le diagramme de conception pour révision.
Choisissez Fichier > Exporter > Diagramme de conception. Dans la boîte de dialogue des options d'exportation, sélectionnez PDF dans le menu déroulant Exporter diagramme, puis cliquez sur OK. Saisissez le nom du fichier Adobe PDF, puis cliquez sur Enregistrer. Envoyez ce fichier aux relecteurs, qui peuvent l'ouvrir dans Adobe Acrobat® afin d'ajouter leurs commentaites au diagramme de conception. |
| |
|
| |
|
|
|
5. Ancrer le diagramme de conception à une page du site.
Faites glisser une page réelle (index.html, par exemple) de la vue de navigation, de la vue des liens ou du panneau Fichiers vers la vue de conception. (La vue de navigation offre la meilleure représentation de l'emplacement du diagramme dans l'arborescence.) La page réelle que vous avez fait glisser devient une page d'ancrage dans le diagramme et est indiquée par un symbole d'ancre. L'ancrage du diagramme permet de spécifier son emplacement dans l'arborescence du site. Si vous n'ancrez pas le diagramme, les pages qu'il contient deviennent des pages de travail. |
| |
|
| |
|
|
|
6. Envoyer le diagramme de conception vers le site.
Choisissez Diagramme > Montage > Tout envoyer. Les pages et autres éléments du diagramme sont convertis en pages HTML et en fichiers et placés dans le site. Les nouvelles pages sont affichées dans le panneau Fichiers de la fenêtre du site. Dans la vue de navigation, les pages réelles apparaissent au sein de l'arborescence. |
| |
|
| |
|
|
|
7. Rappeler le diagramme de conception depuis le site.
Dans la vue de conception du diagramme, choisissez Diagramme > Montage > Rappeler tout. GoLive déplace l'ensemble des pages créées dans le diagramme de conception du panneau Fichiers vers le dossier des diagrammes. Vous pouvez envoyer et rappeler un diagramme à plusieurs reprises au cours de l'élaboration d'un site. Par exemple, il peut s'avérer utile d'envoyer et d'examiner un prototype de diagramme de conception, puis de le rappeler pour le modifier. Il est également possible de créer deux diagrammes, d'envoyer l'un des deux, puis de le rappeler afin d'envoyer et d'examiner le second et de sélectionner la conception finale. Lorsque le diagramme de conception est finalisé, envoyez-le vers le site, puis ajoutez du contenu et des liens aux pages réelles. |
| |
|
| |
|
|
|
|
|
|
|
|
|
2002 Adobe Systems Incorporated. Tous droits réservés. |
|
|
|
|
