Kako ustvariti drevesni diagram za spletno stran

Drevesni diagram spletnega mesta prikazuje, kako so organizirane strani na spletnem mestu. Nadrejene strani so prikazane zgoraj ali levo od podrejenih strani, ki kažejo razmerja med spletnimi stranmi in načinom dostopa do njih. Skupine za spletni razvoj uporabljajo diagrame pri ustvarjanju ali preoblikovanju spletnih mest. Diagrami dreves spletnih mest so lahko preprosti ali izdelani, odvisno od velikosti spletnega mesta in potreb razvojne skupine.

Korak 1

Ustvarite seznam spletnih strani, ki jih spletno mesto vsebuje ali jih bo vsebovalo. Poskrbite, da bo vsak naveden element stran na vašem spletnem mestu. Glede na velikost vašega spletnega mesta dodelite številčni sklic vsaki strani, ki vam bo v pomoč pri izdelavi diagrama vašega spletnega mesta in spremljanju napredka med razvojem vašega spletnega mesta.

2. korak

Z uporabo označenih seznamov organizirajte oris, da prikažete odnose med starši in otroki med vsako stranjo na vašem spletnem mestu. Na primer, spletno mesto spletne trgovine z oblačili ima lahko nadrejene strani na najvišji ravni, ki vodijo do moških, ženskih in otroških oblačil. Vsaka od teh strani bi imela vrste oblačil, kot so srajce in hlače, ki so pod njimi navedene v orisu, sčasoma pa bi vodile do strani za posamezne izdelke.

3. korak

Začnite ustvarjati diagram, tako da na vrhu dokumenta narišete en pravokotnik za vsako kategorijo. V svoj diagram vstavite kratek naslov za vsako spletno stran najvišje ravni. Vključite referenčno številko strani, da boste lahko poiskali dodatne podrobnosti o strani v drugih dokumentih za načrtovanje spletnega mesta.

4. korak

Narišite pravokotnike za vsako podkategorijo pod eno od kategorij na najvišji ravni. Na primer, narišite štiri pravokotnike pod najvišjo kategorijo moških oblačil za srajce, hlače, kratke hlače in plašče. Te pravokotnike poravnajte drug ob drugega, da ponazorite, da so strani, ki jih predstavljajo, na isti ravni znotraj strukture vašega spletnega mesta.

5. korak

Strani podkategorij povežite s kategorijo najvišje ravni, v katero spadajo, kot da bi ustvarjali hierarhični diagram organizacije. Na primer, potegnite črte od strani srajc, hlač, kratkih hlač in plaščev do starševske kategorije moških oblačil. Naredite ravne črte, podobne tistim v organizacijski shemi, da povečate berljivost diagrama vašega spletnega mesta.

6. korak

Nadaljujte z razvejanjem diagrama na podkategorije, dokler drevesni diagram ne vsebuje količine podrobnosti, ki jo potrebujete za učinkovit razvoj vašega spletnega mesta. Na primer, v rubriko srajce kategorije moških oblačil narišite škatle oblečenih srajc in priložnostnih srajc. Morda pa ni nujno, da v diagram vašega spletnega mesta vključite stran za vsako priložnostno moško majico.

7. korak

Na enak način izpolnite razdelke diagramov za vse najvišje kategorije vašega spletnega mesta. Na primer, izpolnite oddelke za ženske in otroke na spletnem mestu z oblačili.

Spremenite simbole, uporabljene v drevesnem diagramu, da bodo prikazani podatki, ki jih morate posredovati svoji ekipi. Na primer, uporabite zaobljene pravokotnike za dinamične spletne strani in ilustracijo več spletnih strani, zloženih skupaj, da prikažete skupino podobnih spletnih strani, ki niso posebej navedene. V svoj diagram vključite legendo, da razložite svoje konvencije.