Kā izveidot koku diagrammu vietnei

Vietnes koka diagramma parāda, kā vietnes lapas tiek organizētas. Vecāku lapas tiek rādītas pakārtoto lapu augšpusē vai pa kreisi, norādot attiecības starp tīmekļa lapām un to, kā tām piekļūst. Tīmekļa izstrādes komandas izmanto diagrammas, veidojot vai pārveidojot vietnes. Vietņu koku diagrammas var būt vienkāršas vai sarežģītas, atkarībā no vietnes lieluma un izstrādes komandas vajadzībām.

1. solis

Izveidojiet to vietņu sarakstu, kuras vietne satur vai saturēs. Pārliecinieties, ka visi uzskaitītie vienumi būs jūsu vietnes lapa. Atkarībā no jūsu vietnes lieluma katrai lapai piešķiriet skaitlisku atsauci, kas palīdzēs jums izveidot vietnes diagrammu un sekot progresam, izstrādājot savu vietni.

2. solis

Izmantojot sarakstus ar aizzīmēm, sakārtojiet kontūru, lai parādītu vecāku un bērnu attiecības starp visām jūsu vietnes lapām. Piemēram, tiešsaistes apģērbu veikala vietnē var būt augšējā līmeņa vecāku lapas, kas ved uz vīriešu, sieviešu un bērnu apģērbu. Katrā no šīm lapām būtu drēbju veidi, piemēram, krekli un bikses, kas zem tām ir uzskaitīti, galu galā novedot pie atsevišķu produktu lapām.

3. solis

Sāciet diagrammas izveidi, dokumenta augšdaļā katrai kategorijai uzzīmējot vienu taisnstūri. Ievietojiet diagrammā īsu virsrakstu katrai augstākā līmeņa vietnei. Iekļaujiet lapas atsauces numuru, lai jūs varētu meklēt papildu informāciju par lapu citos vietnes plānošanas dokumentos.

4. solis

Zīmējiet taisnstūrus katrai apakškategorijai zem vienas no jūsu augstākā līmeņa kategorijām. Piemēram, zīmējiet četrus taisnstūrus zem augstākā līmeņa vīriešu apģērbu kategorijas krekliem, biksēm, šortiem un mēteļiem. Pielāgojiet šos taisnstūrus blakus, lai parādītu, ka to attēlotās lapas atrodas vienā līmenī jūsu vietnes struktūrā.

5. solis

Pievienojiet apakškategoriju lapas augšējā līmeņa kategorijai, kurai tās pieder, it kā jūs izveidotu organizācijas hierarhijas diagrammu. Piemēram, zīmējiet līnijas no kreklu, bikšu, šortu un mēteļu lapām līdz vīriešu apģērba vecāku kategorijai. Izveidojiet taisnas līnijas, kas līdzīgas organizācijas shēmā norādītajām, lai uzlabotu vietnes diagrammas lasāmību.

6. solis

Turpiniet sazarot diagrammu apakškategorijās, līdz koku diagrammā ir norādīts tik daudz detaļu, cik nepieciešams, lai efektīvi izstrādātu savu vietni. Piemēram, vīriešu apģērbu kategorijas kreklu sadaļā zīmējiet kastes ar kleita krekliem un ikdienas krekliem. Iespējams, ka jūsu vietnes diagrammā nav jāiekļauj katra ikdienas vīriešu krekla lapa.

7. solis

Tādā pašā veidā aizpildiet diagrammu sadaļas visām savas vietnes augstākā līmeņa kategorijām. Piemēram, aizpildiet apģērbu vietnes sieviešu un bērnu sadaļas.

Mainiet simbolus, kas izmantoti jūsu koka diagrammā, lai norādītu informāciju, kas jums jānosūta savai komandai. Piemēram, dinamiskām vietnēm izmantojiet noapaļotus taisnstūrus un ilustrējiet vairākas kopā saliktas tīmekļa lapas, lai parādītu līdzīgu vietņu grupu, kas nav uzskaitītas atsevišķi. Iekļaujiet diagrammā leģendu, lai izskaidrotu savas konvencijas.