Les diagrammes Web donnent une vue d'ensemble de tout système complexe.
Crédit d'image : ferlistockphoto/iStock/Getty Images
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 "Insertion" et sélectionnez "Formes" dans le groupe Illustrations. Vous pouvez également dessiner des diagrammes Web dans Excel ou PowerPoint.
Vidéo du jour
É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 schéma est celui d'un site Web, par exemple, vous pouvez utiliser des rectangles pour les pages Web, des rectangles arrondis pour des pages de vente et des cercles pour différents types de sources de trafic, tels que des liens de courrier électronique, des médias sociaux ou autres sites Internet.
Étape 3
Faites glisser le curseur sur la page où vous souhaitez que le premier objet apparaisse. Maintenez la touche "Shift" enfoncée 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 des 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 "Shift" enfoncée tout en faisant glisser si vous souhaitez que la forme conserve son rapport hauteur/largeur.
Étape 7
Cliquez avec le bouton droit sur chaque forme, sélectionnez « Ajouter du texte », puis tapez un nom pour l'objet. Pour modifier le style du texte, mettez le texte en surbrillance, cliquez dessus avec le bouton droit et utilisez les options de mise en forme qui apparaissent 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. Changez la couleur de la ligne en cliquant sur le menu « Contour de forme » dans la section Styles de forme de la barre d'outils.
Étape 9
Tracez 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.
Pointe
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 jusqu'à 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.
