Comment créer un diagramme d`arbre pour un site web

diagrammes d`arbres du site sont une représentation visuelle d`un site web`s structure, similar to an organizational chart.

diagrammes d`arbres du site sont une représentation visuelle de la structure d`un site Web, similaire à un organigramme.

Un diagramme d`arbre de site illustre la façon dont sont organisées les pages d`un site. pages parents sont présentés ci-dessus ou à gauche des pages de l`enfant, ce qui indique les relations entre les pages Web et la façon dont ils sont accessibles. Les équipes de développement Web utilisent les diagrammes lors de la création ou la refonte de sites Web. diagrammes d`arbres du site peuvent être simples ou complexes, en fonction de la taille du site et les besoins de l`équipe de développement.

1

Créer une liste des pages Web du site contient ou contiendra. Assurez-vous que chaque élément de la liste sera une page sur votre site. En fonction de la taille de votre site, attribuer une référence numérique à chaque page pour vous aider à construire votre diagramme du site et le suivi des progrès que vous développez votre site Web.

2

L`utilisation des listes à puces, organiser les grandes lignes pour montrer les relations parent-enfant entre chaque page de votre site. Par exemple, un site Web de ligne magasin de vêtements peut avoir des pages parent de haut niveau qui conduit à des hommes, des femmes et des vêtements pour enfants. Chacune de ces pages aurait types de vêtements tels que des chemises et des pantalons sous les énumérés dans les grandes lignes, menant éventuellement à des pages pour les produits individuels.

3

Commencez à créer votre diagramme en traçant un rectangle pour chaque catégorie dans la partie supérieure d`un document. Insérez un court titre pour chaque page Web de haut niveau dans votre diagramme. Inclure le numéro de référence de la page afin que vous pouvez rechercher des informations supplémentaires sur la page dans vos autres documents de planification du site.

4

Dessiner des rectangles pour chaque sous-catégorie sous l`une de vos catégories de haut niveau. Par exemple, dessiner quatre rectangles dans la catégorie des vêtements pour hommes de haut niveau pour les chemises, pantalons, shorts et manteaux. Aligner côte à côte ces rectangles pour illustrer le fait que les pages qu`ils représentent sont au même niveau dans la structure de votre site Web.

Video: [TUTO] RÉALISER UNE MAQUETTE DE SITE WEB

5

Connectez les pages de sous-catégories à la catégorie de niveau supérieur, ils appartiennent à l`intérieur comme si vous créez le diagramme de la hiérarchie d`une organisation. Par exemple, tracer des lignes de la chemise, des pantalons, des shorts et des pages manteaux à la catégorie mère de vêtements pour hommes. Faire des lignes droites semblables à ceux d`un organigramme pour augmenter la lisibilité de votre diagramme de site.

6

Continuez de branchement votre diagramme de sous-catégories jusqu`à ce que dans le diagramme de l`arbre contient la quantité de détails dont vous avez besoin pour développer efficacement votre site Web. Par exemple, dessiner des boîtes de chemises habillées et chemises sport dans la section chemises de la catégorie de vêtements pour hommes. Il peut ne pas être nécessaire, cependant, d`inclure la page pour la chemise de tous les hommes occasionnels dans votre diagramme de site.

7

Remplissez les sections de diagramme pour toutes les catégories de haut niveau de votre site Web de la même manière. Par exemple, remplir les sections des femmes et pour enfants du site de vêtements.

Video: Créer un organigramme sous Word

8

Modifier les symboles utilisés dans votre diagramme d`arbre pour indiquer les informations que vous devez transmettre à votre équipe. Par exemple, utiliser des rectangles arrondis pour les pages Web dynamiques et une illustration de plusieurs pages Web empilées ensemble pour montrer un groupe de pages Web similaires qui ne sont pas répertoriés individuellement. Inclure une légende sur votre diagramme pour expliquer vos conventions.

Video: Vidéo PHP : Génération de graphiques en PHP

Pointe

  • vérifier Pensez à dessiner une partie de votre diagramme sur papier avant de commencer à créer le diagramme à l`aide d`un ordinateur.

Attention

  • Fermer diagrammes d`arbres du site peuvent être très importants. Chunk votre diagramme dans des diagrammes plus petits qui représentent chacun une petite section du site Web afin d`imprimer le diagramme. Monter le schéma sur un mur pour une grande représentation visuelle de votre site web, ou mettre les schémas dans un cahier de référence que vous développez de nombreuses pages du site.

Les références

  • lien Université du Texas à Austin: Structure du site
  • lien Boîtes et Flèches: diagrammes du site: Cartographie d`une information Jason Space- Withrow- Août 2004

A propos de l`auteur

Michelle Castle a commencé à écrire professionnellement en 2005. Elle a écrit de nouvelles technologies et des tutoriels pour les consommateurs, brochure et copie web pour la Ehlers-Danlos Fondation nationale et du matériel promotionnel pour organismes sans but lucratif religieux, y compris la sainteté internationale pentecôtiste Eglise. Michelle a un baccalauréat ès arts en anglais de l`Université Oklahoma State.

Articles connexes