Cum se creează o diagramă arborescentă pentru un Website

O diagramă arborescentă a site-ului ilustrează modul în care sunt organizate paginile de pe un site web. Paginile părinte sunt afișate mai sus sau în stânga paginilor copil, indicând relațiile dintre paginile web și modul în care acestea sunt accesate. Elaborarea de echipe Web utilizează diagramele atunci când creați sau reproiectați site-uri web. Diagramele arborelui web pot fi simple sau elaborate, în funcție de dimensiunea site-ului și de nevoile echipei de dezvoltare.

Pasul 1
Creați o listă a paginilor web pe care site-ul web conține sau va conține . Asigurați-vă că fiecare element listat va fi o pagină de pe site-ul dvs. web. În funcție de mărimea site-ului dvs. web, atribuiți o referință numerică fiecărei pagini pentru a vă ajuta să vă construiți diagrama site-ului și să urmăriți progresul pe măsură ce dezvoltați site-ul dvs.

Pasul 2
Utilizarea listelor marcate, pentru a afișa relațiile părinte-copil între fiecare pagină de pe site-ul dvs. web. De exemplu, site-ul magazinului de îmbrăcăminte online poate avea pagini de bază de nivel superior care conduc la îmbrăcăminte pentru bărbați, femei și copii. Fiecare dintre aceste pagini ar avea tipuri de îmbrăcăminte, cum ar fi cămăși și pantaloni enumerate sub ele în contur, eventual conducând la pagini pentru produse individuale.

Pasul 3
Începeți să creați diagrama prin desenarea unui dreptunghi pentru fiecare în partea de sus a unui document. Introduceți în diagramă un titlu scurt pentru fiecare pagină web de nivel superior. Includeți numărul de referință al paginii astfel încât să puteți căuta detalii suplimentare despre pagină în celelalte documente de planificare a site-ului dvs.

Pasul 4
Desenați dreptunghiuri pentru fiecare subcategorie sub una dintre categoriile dvs. de nivel superior. De exemplu, trageți patru dreptunghiuri sub categoria de categorii superioare de îmbrăcăminte pentru bărbați pentru cămăși, pantaloni, pantaloni scurți și haine. Aliniați aceste dreptunghiuri una lângă cealaltă pentru a ilustra că paginile pe care le reprezintă sunt la același nivel în structura site-ului dvs.

Pasul 5
Conectați paginile subcategoriilor la categoria de nivel superior din care fac parte dacă creați o diagramă a ierarhiei unei organizații. De exemplu, trageți linii de la cămașă, pantaloni, pantaloni scurți și pantaloni la categoria de părinte pentru îmbrăcăminte pentru bărbați. Faceți linii drepte asemănătoare cu cele din schema de organizare pentru a crește lizibilitatea diagramei site-ului dvs.

Step 6
Continuați să ramificați diagrama în subcategorii până când diagrama arbore conține cantitatea de detaliu de care aveți nevoie în mod eficient dezvoltați site-ul dvs. web. De exemplu, deseneaza cutiile de camasi rochii si tricouri casual sub tricoul din categoria de imbracaminte pentru barbati. Este posibil să nu fie necesar să includeți pagina pentru fiecare cămașă casual pentru bărbați în diagrama site-ului dvs.

Pasul 7
Completați secțiunile diagramei pentru toate categoriile de nivel superior ale site-ului dvs. web în aceeași manieră. De exemplu, completați secțiunile dedicate femeilor și copiilor site-ului de îmbrăcăminte.
Modificați simbolurile utilizate în diagrama arborelui pentru a indica informațiile pe care trebuie să le transmiteți echipei dvs. De exemplu, utilizați dreptunghi rotunjit pentru paginile web dinamice și o ilustrare a mai multor pagini web stivuite împreună pentru a afișa un grup de pagini web similare care nu sunt listate individual. Includeți o legendă pe diagrama dvs. pentru a explica convențiile dvs.

Sfat
Luați în considerare desenarea unei părți a diagramei pe hârtie înainte de a începe să creați diagrama folosind un computer.

Avertisment