Et websides trædiagram illustrerer, hvordan sider på et websted er organiseret. Overordnede sider vises over eller til venstre for underordnede sider, der angiver forholdet mellem websider og hvordan de er tilgængelige. Webudviklingshold bruger diagrammerne, når de opretter eller redesigner websteder. Webstedsdiagrammer kan være enkle eller udførlige, afhængigt af størrelsen på hjemmesiden og udviklingsholdets behov.
Trin 1
Opret en liste over de websider, hjemmesiden indeholder eller vil indeholde. Sørg for, at hvert anført emne vil være en side på dit websted. Afhængigt af størrelsen på dit websted, tildel en numerisk reference til hver side for at hjælpe dig med at opbygge dit sitediagram og spore fremskridt, når du udvikler dit websted.
Trin 2
Brug punktlister til at organisere omridset for at vise forældre-barn-forholdet mellem hver side på dit websted. For eksempel kan en online tøjbutiks websted have forældresider på øverste niveau, der fører til tøj til mænd, kvinder og børn. Hver af disse sider ville have typer tøj såsom skjorter og bukser, der er anført under dem i oversigten, hvilket til sidst fører til sider for individuelle produkter.
Trin 3
Begynd at oprette dit diagram ved at tegne et rektangel for hver kategori over toppen af et dokument. Indsæt en kort titel for hver webside på øverste niveau i dit diagram. Inkluder sidens referencenummer, så du kan slå yderligere oplysninger om siden op i dine andre webstedsplanlægningsdokumenter.
Trin 4
Tegn rektangler for hver underkategori under en af dine topniveaukategorier. Tegn f.eks. Fire rektangler under kategorien øverste niveau af herretøj til skjorter, bukser, shorts og frakker. Juster disse rektangler side om side for at illustrere, at de sider, de repræsenterer, er på samme niveau inden for dit websteds struktur.
Trin 5
Forbind underkategorisiderne til den øverste kategori, de hører til, som om du oprettede en organisations hierarkidiagram. Træk f.eks. Streger fra siderne med skjorte, bukser, shorts og frakker til forældrekategorien herretøj. Lav lige linjer svarende til dem i et organisationsdiagram for at øge læsbarheden af dit webstedsdiagram.
Trin 6
Fortsæt med at forgrene dit diagram i underkategorier, indtil trædiagrammet indeholder den mængde detaljer, du har brug for for effektivt at udvikle dit websted. Tegn f.eks. Kasser med kjoleskjorter og afslappede skjorter under skjortesektionen i kategorien herretøj. Det er dog ikke nødvendigt at medtage siden for hver afslappet mænds skjorte i dit sitediagram.
Trin 7
Udfyld diagramafsnittene for alle topkategorierne på dit websted på samme måde. Fuldfør f.eks. Kvinders og børns sektioner på tøjwebstedet.
Rediger symbolerne i dit trædiagram for at angive de oplysninger, du har brug for at formidle til dit team. Brug f.eks. Afrundede rektangler til dynamiske websider og en illustration af flere websider stablet sammen for at vise en gruppe af lignende websider, der ikke er angivet individuelt. Medtag en forklaring på dit diagram for at forklare dine konventioner.
