Comment créer un diagramme web

Les diagrammes web sont des outils utiles lorsque vous devez prendre du recul et examiner l'ensemble. Que vous planifiiez un site web, une application web ou tout autre système complexe ou ensemble d'idées, un diagramme web illustre les relations entre les objets et peut révéler des lacunes dans votre plan. Plutôt que d'investir dans une application coûteuse, vous pouvez créer un diagramme web professionnel avec Microsoft Office 2013. Comme un diagramme web est principalement un support visuel, limitez les étiquettes à deux ou trois mots et utilisez des formes et des couleurs pour identifier les composants.

Étape 1 : Ouvrir un document vierge

Ouvrez un document vierge dans Microsoft Word. Cliquez sur l'onglet « Insertion » et sélectionnez « Formes » dans le groupe Illustrations. Vous pouvez également créer des diagrammes web dans Excel ou PowerPoint.

Étape 2 : Choisir une forme pour le premier objet

Sélectionnez une forme pour le premier objet. Vous pouvez utiliser la même forme pour tous les objets ou des formes différentes selon les types d'objets. Pour un diagramme de site web, par exemple, vous pourriez utiliser des rectangles pour les pages web, des rectangles arrondis pour les pages de vente et des cercles pour les différents types de sources de trafic (liens e-mail, médias sociaux, autres sites web).

Étape 3 : Placer le premier objet

Faites glisser le curseur sur la page à l'endroit où vous souhaitez placer le premier objet. Maintenez la touche « Maj » enfoncée pendant le glissement pour créer un carré ou un cercle parfait. Pour un diagramme de site web, il s'agit de la page d'accueil, placée près du haut de la page. Pour un autre type de processus, vous préférerez peut-être placer l'objet principal au centre pour dessiner les objets connexes autour.

Étape 4 : Modifier l'apparence et dupliquer

Modifiez la couleur et la bordure de la forme en cliquant sur les options de la section Styles de forme dans la barre d'outils. Faites un clic droit sur la forme pour la copier, puis clic droit n'importe où ailleurs sur la page pour coller un duplicata.

Étape 5 : Ajouter des formes supplémentaires

Ajoutez des formes supplémentaires selon vos besoins. Faites glisser les formes pour les déplacer. Un diagramme de site web ressemble normalement à une pyramide avec la page d'accueil en haut. Placez les pages de catégories principales sous la page d'accueil et les pages de contenu sous chaque catégorie. Placez les sources de trafic entrantes au-dessus de la page d'accueil ou sur ses côtés.

Étape 6 : Redimensionner une forme

Redimensionnez une forme en cliquant dessus et en faisant glisser l'un des points d'ancrage sur son bord. Maintenez la touche « Maj » enfoncée pendant le glissement pour conserver les proportions.

Étape 7 : Ajouter du texte aux formes

Faites un clic droit sur chaque forme, sélectionnez « Ajouter du texte » et saisissez un nom pour l'objet. Pour modifier le style du texte, surlignez-le, faites un clic droit et utilisez les options de formatage du menu contextuel. Alternativement, utilisez les styles de la section Styles de la barre d'outils.

Étape 8 : Créer des lignes de connexion

Cliquez sur le menu « Insertion », sélectionnez « Formes » puis choisissez une ligne dans la section Lignes. Cliquez sur le premier objet créé et faites glisser le curseur vers un autre objet pour créer une ligne de connexion. Si vous choisissez une ligne de connexion (celles avec des angles droits), vous pouvez ajuster sa forme en faisant glisser le point d'ancrage central. Changez la couleur de la ligne via le menu « Contour de forme » dans la section Styles de forme.

Étape 9 : Dessiner les lignes restantes

Tracez des lignes supplémentaires entre les formes selon vos besoins. Les formes et lignes utilisées récemment apparaissent à droite de la barre d'outils, vous pouvez les sélectionner directement au lieu de passer par le menu « Insertion » à chaque fois.

Astuce

Si vous créez un diagramme d'un site web existant, utilisez des vignettes de chaque page plutôt que des formes génériques. Ouvrez une page dans votre navigateur, zoomez à 25 %, appuyez sur « Alt+Impr écran » pour copier une image de la fenêtre du navigateur dans le presse-papiers, collez-la dans un éditeur d'images pour la recadrer. Au lieu d'insérer des formes, choisissez « Image » dans le menu Insertion et insérez ces images. Pour ajouter des étiquettes, insérez une zone de texte au-dessus de chaque vignette.

Vous pouvez également créer des diagrammes web basiques avec PowerPoint Online. Les versions Office Online de Word et Excel n'offrent pas l'option de créer des formes.