Comment créer un diagramme Web

Les diagrammes Web sont des outils utiles lorsque vous devez prendre du recul et avoir une vue d'ensemble. Que vous planifiez 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 montrer les lacunes de votre plan. Plutôt que d'investir dans une application coûteuse, vous pouvez créer un diagramme Web professionnel à l'aide de Microsoft Office 2013. Étant donné qu'un diagramme Web est principalement une aide visuelle, limitez les étiquettes du diagramme à deux ou trois mots et utilisez des formes et des couleurs pour identifier les composants du diagramme. .

Étape 1

Ouvrez un document vierge dans Microsoft Word. Cliquez sur l'onglet "Insérer" et sélectionnez "Formes" dans le groupe Illustrations. Vous pouvez également dessiner des diagrammes Web dans Excel ou PowerPoint.

Étape 2

Sélectionnez une forme pour le premier objet. Vous pouvez utiliser la même forme pour chaque objet ou utiliser des formes différentes pour différents types d'objets. Si votre diagramme est celui d'un site Web, par exemple, vous pouvez utiliser des rectangles pour les pages Web, des rectangles arrondis pour les pages de vente et des cercles pour différents types de sources de trafic, telles que des liens de messagerie, des médias sociaux ou d'autres sites Web.

Étape 3

Faites glisser le curseur sur la page où vous souhaitez que le premier objet apparaisse. Maintenez la touche "Shift" tout en faisant glisser le curseur pour créer un carré ou un cercle parfait. Pour un diagramme de site Web, il doit s'agir de la page d'accueil du site Web, placée près du haut de la page. Si vous dessinez un diagramme pour montrer un autre processus, vous préférerez peut-être placer l'objet principal au centre de la page afin de pouvoir dessiner des objets de connexion autour de lui.

Étape 4

Modifiez la couleur et la bordure de la forme en cliquant sur les options de la section Style de formes de la barre d'outils. Cliquez avec le bouton droit sur la forme pour la copier, puis cliquez avec le bouton droit n'importe où ailleurs sur la page pour coller un doublon.

Étape 5

Ajoutez des formes supplémentaires si nécessaire. Faites glisser les formes pour les déplacer sur la page. 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 entrant au-dessus de la page d'accueil ou à droite ou à gauche de celle-ci.

Étape 6

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 tout en faisant glisser si vous souhaitez que la forme conserve son rapport hauteur/largeur.

Étape 7

Faites un clic droit sur chaque forme, sélectionnez "Ajouter du texte", puis tapez un nom pour l'objet. Pour modifier le style de texte, mettez le texte en surbrillance, cliquez dessus avec le bouton droit de la souris et utilisez les options de formatage qui s'affichent dans le menu contextuel. Vous pouvez également utiliser les styles qui apparaissent dans la section Styles de la barre d'outils.

Étape 8

Cliquez sur le menu « Insertion », sélectionnez « Formes », puis choisissez une ligne dans la section Lignes. Cliquez sur le premier objet que vous avez créé et faites glisser le curseur sur n'importe quel autre objet pour créer une ligne de connexion entre eux. Si vous choisissez une ligne de connexion - celles avec des angles droits - vous pouvez ajuster la forme de la ligne en faisant glisser le point d'ancrage du milieu. Modifiez la couleur de la ligne en cliquant sur le menu "Contour de la forme" dans la section Styles de forme de la barre d'outils.

Étape 9

Dessinez des lignes supplémentaires entre les formes sur la page si nécessaire. Toutes les formes ou lignes que vous avez récemment utilisées apparaissent sur le côté droit de la barre d'outils, vous pouvez donc sélectionner à partir de là plutôt que de cliquer sur le menu "Insérer" chaque fois que vous souhaitez ajouter une nouvelle ligne.

Astuce

Si vous créez un diagramme d'un site Web fini, utilisez des vignettes de chaque page du diagramme plutôt que des formes génériques. Ouvrez une page dans votre navigateur, puis effectuez un zoom arrière à 25 %. Appuyez sur "Alt-PrtScn" pour copier une image de la fenêtre du navigateur dans le presse-papiers et collez-la dans n'importe quel éditeur de photos pour la recadrer. Au lieu d'insérer des formes, sélectionnez "Image" dans le menu d'insertion et insérez ces images. Pour ajouter des étiquettes à chaque image, insérez une zone de texte au-dessus de la vignette.

Vous pouvez également créer des diagrammes Web de base à l'aide de PowerPoint Online. Les versions Office Online de Word et Excel n'offrent pas la possibilité de créer des formes.