Диаграма на дърво на уебсайт илюстрира как са организирани страниците на уебсайт. Страниците за родители са показани над или отляво на дъщерни страници, като посочват връзките между уеб страниците и начина на достъп до тях. Екипите за уеб разработка използват диаграмите при създаване или препроектиране на уебсайтове. Диаграмите на дървото на уебсайта могат да бъдат прости или сложни, в зависимост от размера на уебсайта и нуждите на екипа за разработка.
Етап 1
Създайте списък с уеб страниците, които уебсайтът съдържа или ще съдържа. Уверете се, че всеки изброен елемент ще бъде страница на вашия уебсайт. В зависимост от размера на вашия уебсайт, задайте цифрова препратка към всяка страница, за да ви помогне в изграждането на диаграмата на вашия сайт и проследяване на напредъка, докато разработвате вашия уеб сайт.
Стъпка 2
Използвайки водещи списъци, организирайте контура, за да покажете взаимоотношенията родител-дете между всяка страница на вашия уебсайт. Например уебсайтът на онлайн магазин за дрехи може да има родителски страници от най-високо ниво, които водят до мъжко, дамско и детско облекло. Всяка от тези страници ще има видове дрехи, като ризи и панталони, изброени под тях в контура, в крайна сметка водят до страници за отделни продукти.
Стъпка 3
Започнете да създавате диаграмата си, като нарисувате по един правоъгълник за всяка категория в горната част на документ. Вмъкнете кратко заглавие за всяка уеб страница от най-високо ниво във вашата диаграма. Включете референтния номер на страницата, за да можете да търсите допълнителни подробности за страницата в другите ви документи за планиране на уебсайтове.
Стъпка 4
Начертайте правоъгълници за всяка подкатегория под една от вашите категории от най-високо ниво. Например, нарисувайте четири правоъгълника под категорията на най-високото ниво на мъжко облекло за ризи, панталони, шорти и палта. Подравнете тези правоъгълници един до друг, за да покажете, че страниците, които те представляват, са на едно и също ниво в структурата на вашия уебсайт.
Стъпка 5
Свържете страниците на подкатегориите към категорията от най-високо ниво, към която принадлежат, сякаш създавате йерархична диаграма на организация. Например, нарисувайте линии от страниците на ризата, панталоните, късите панталони и палта до родителската категория мъжки дрехи. Направете прави линии, подобни на тези в организационната диаграма, за да увеличите четливостта на диаграмата на вашия сайт.
Стъпка 6
Продължете да разклонявате диаграмата си на подкатегории, докато дървовидната диаграма не съдържа необходимото количество детайли, за да развиете ефективно вашия уебсайт. Например, нарисувайте кутии с рокли и ежедневни ризи под раздела за ризи на категорията мъжки дрехи. Възможно е обаче да не е необходимо да включите страницата за всяка небрежна мъжка риза в диаграмата на вашия сайт.
Стъпка 7
Попълнете разделите на диаграмата за всички категории от най-високо ниво на вашия уебсайт по същия начин. Например попълнете секциите за жени и деца на уебсайта за дрехи.
Променете символите, използвани във вашата дървовидна диаграма, за да посочите информацията, която трябва да предадете на вашия екип. Например използвайте закръглени правоъгълници за динамични уеб страници и илюстрация на няколко уеб страници, подредени заедно, за да покажете група от подобни уеб страници, които не са изброени поотделно. Включете легенда във вашата диаграма, за да обясните вашите конвенции.
