Ett diagram över webbplatsens träd illustrerar hur sidor på en webbplats är organiserade. Överordnade sidor visas ovan eller till vänster om underordnade sidor, vilket anger förhållandena mellan webbsidor och hur de nås. Webbutvecklingsteam använder diagrammen när de skapar eller omformar webbplatser. Webbplatsens träddiagram kan vara enkla eller detaljerade, beroende på webbplatsens storlek och utvecklingsgruppens behov.
Steg 1
Skapa en lista över de webbsidor som webbplatsen innehåller eller kommer att innehålla. Se till att varje listad artikel kommer att vara en sida på din webbplats. Beroende på storleken på din webbplats, tilldela varje sida en numerisk referens för att hjälpa dig att bygga ditt webbplatsdiagram och spåra framsteg när du utvecklar din webbplats.
Steg 2
Med hjälp av punktlistor kan du organisera konturen så att föräldrar-barnförhållandena visas mellan varje sida på din webbplats. Till exempel kan en onlineklädbutiks webbplats ha överordnade sidor på toppnivå som leder till herr-, dam- och barnkläder. Var och en av dessa sidor skulle ha typer av kläder som skjortor och byxor listade under dem i konturen, vilket så småningom leder till sidor för enskilda produkter.
Steg 3
Börja skapa ditt diagram genom att rita en rektangel för varje kategori överst i ett dokument. Infoga en kort titel för varje toppnivå webbsida i ditt diagram. Inkludera sidans referensnummer så att du kan slå upp ytterligare information om sidan i dina andra webbplatsplaneringsdokument.
Steg 4
Rita rektanglar för varje underkategori under en av dina högsta kategorier. Rita till exempel fyra rektanglar under kategorin toppkläder för herrkläder för skjortor, byxor, shorts och rockar. Rikta in dessa rektanglar sida vid sida för att illustrera att sidorna de representerar ligger på samma nivå inom din webbplats struktur.
Steg 5
Anslut underkategorisidorna till den högsta kategorin de hör till som om du skapade en organisations hierarkidiagram. Rita till exempel linjer från skjortan, byxor, shorts och rockar till föräldrakategorin för herrkläder. Gör raka linjer som liknar dem i ett organisationsschema för att öka läsbarheten för ditt sitediagram.
Steg 6
Fortsätt förgrena ditt diagram i underkategorier tills träddiagrammet innehåller den mängd detaljer du behöver för att effektivt utveckla din webbplats. Rita till exempel lådor med klädskjortor och casual skjortor under avsnittet skjortor i kategorin herrkläder. Det kanske inte är nödvändigt att ta med sidan för varje avslappnad herrskjorta i ditt webbplatsschema.
Steg 7
Fyll i diagramavsnitten för alla toppnivåkategorier på din webbplats på samma sätt. Slutför till exempel kvinnor- och barnsektionerna på klädwebbplatsen.
Ändra symbolerna som används i ditt träddiagram för att ange den information du behöver förmedla till ditt team. Använd till exempel rundade rektanglar för dynamiska webbsidor och en illustration av flera webbsidor staplade för att visa en grupp liknande webbsidor som inte listas individuellt. Inkludera en legend på ditt diagram för att förklara dina konventioner.
