Dijagram stabla web stranice prikazuje kako su organizirane stranice na web mjestu. Nadređene stranice prikazane su iznad ili lijevo od podređenih stranica, ukazujući na odnos između web stranica i način na koji im se pristupa. Timovi za web razvoj koriste se dijagramima prilikom izrade ili redizajniranja web stranica. Dijagrami stabla web stranica mogu biti jednostavni ili složeni, ovisno o veličini web mjesta i potrebama razvojnog tima.
Korak 1
Stvorite popis web stranica koje web mjesto sadrži ili će sadržavati. Osigurajte da će svaki navedeni predmet biti stranica na vašem web mjestu. Ovisno o veličini vašeg web mjesta, dodijelite numeričku referencu svakoj stranici koja će vam pomoći u izradi dijagrama vaše web stranice i praćenju napretka dok razvijate svoju web stranicu.
Korak 2
Koristeći popise s grafičkim oznakama, organizirajte strukturu kako biste prikazali odnose roditelja i djeteta između svake stranice na vašem web mjestu. Na primjer, web stranica internetske trgovine odjećom može imati roditeljske stranice najviše razine koje vode do muške, ženske i dječje odjeće. Svaka od tih stranica imala bi vrste odjeće kao što su košulje i hlače navedene ispod njih u strukturi, što bi na kraju dovelo do stranica za pojedinačne proizvode.
3. korak
Započnite s izradom dijagrama crtanjem jednog pravokutnika za svaku kategoriju na vrhu dokumenta. U svoj dijagram umetnite kratki naslov svake web stranice najviše razine. Uključite referentni broj stranice kako biste mogli potražiti dodatne detalje o stranici u drugim dokumentima za planiranje web stranica.
4. korak
Nacrtajte pravokutnike za svaku potkategoriju ispod jedne od kategorija najviše razine. Na primjer, nacrtajte četiri pravokutnika u kategoriji najviše razine muške odjeće za košulje, hlače, kratke hlače i kapute. Poravnajte ove pravokutnike jedan pored drugog kako biste ilustrirali da su stranice koje predstavljaju na istoj razini unutar strukture vašeg web mjesta.
Korak 5
Povežite stranice potkategorija s kategorijom najviše razine u koju spadaju kao da izrađujete hijerarhijski grafikon organizacije. Na primjer, povucite linije sa stranica košulje, hlača, kratkih hlača i kaputa do roditeljske kategorije muške odjeće. Napravite ravne linije slične onima u organizacijskoj shemi kako biste povećali čitljivost dijagrama web mjesta.
Korak 6
Nastavite granati svoj dijagram na potkategorije sve dok dijagram stabla ne sadrži količinu detalja koja vam je potrebna za učinkovit razvoj vaše web stranice. Na primjer, nacrtajte kutije s košuljama i casual košuljama ispod odjeljka košulja kategorije muške odjeće. Međutim, možda neće biti potrebno uključiti stranicu za svaku ležernu mušku košulju u dijagram vašeg web mjesta.
7. korak
Na isti način popunite odjeljke dijagrama za sve najviše kategorije vašeg web mjesta. Na primjer, popunite ženske i dječje odjeljke web stranice s odjećom.
Izmijenite simbole koji se koriste na dijagramu vašeg stabla kako bi označili informacije koje trebate prenijeti svom timu. Na primjer, upotrijebite zaobljene pravokutnike za dinamičke web stranice i ilustraciju nekoliko web stranica složenih zajedno kako biste prikazali skupinu sličnih web stranica koje nisu pojedinačno navedene. Uključite legendu na svoj dijagram kako biste objasnili svoje konvencije.
