Cara Membuat Diagram Pokok untuk Laman Web

Gambar rajah laman web menggambarkan bagaimana halaman di laman web disusun. Halaman ibu bapa ditunjukkan di atas atau di sebelah kiri halaman anak, menunjukkan hubungan antara laman web dan bagaimana ia diakses. Pasukan pengembangan web menggunakan gambar rajah ketika membuat atau merancang semula laman web. Gambar rajah laman web boleh ringkas atau terperinci, bergantung pada saiz laman web dan keperluan pasukan pembangunan.

Langkah 1

Buat senarai laman web yang terdapat atau akan dikandung oleh laman web. Pastikan bahawa setiap item yang disenaraikan akan menjadi halaman di laman web anda. Bergantung pada saiz laman web anda, berikan rujukan berangka ke setiap halaman untuk membantu anda dalam membina rajah laman web anda dan mengesan kemajuan semasa anda mengembangkan laman web anda.

Langkah 2

Menggunakan senarai berpoin, susun garis besar untuk menunjukkan hubungan ibu bapa-anak antara setiap halaman di laman web anda. Sebagai contoh, laman web kedai pakaian dalam talian mungkin mempunyai halaman induk peringkat tinggi yang membawa kepada lelaki, pakaian wanita dan kanak-kanak. Setiap halaman tersebut mempunyai jenis pakaian seperti baju dan seluar yang tertera di bawahnya dalam garis besar, akhirnya menuju ke halaman untuk produk individu.

Langkah 3

Mulailah membuat rajah anda dengan melukis satu segi empat tepat untuk setiap kategori di bahagian atas dokumen. Masukkan tajuk pendek untuk setiap laman web tingkat atas ke dalam rajah anda. Sertakan nombor rujukan halaman sehingga anda dapat mencari perincian tambahan mengenai halaman tersebut dalam dokumen perancangan laman web anda yang lain.

Langkah 4

Lukis segi empat tepat untuk setiap subkategori di bawah salah satu kategori peringkat teratas anda. Sebagai contoh, lukiskan empat segi empat tepat di bawah kategori pakaian lelaki untuk kategori baju, seluar, seluar pendek dan kot. Sejajarkan segi empat tepat ini secara bersebelahan untuk menggambarkan bahawa halaman yang mereka wakili berada pada tahap yang sama dalam struktur laman web anda.

Langkah 5

Sambungkan halaman subkategori ke kategori peringkat teratas yang mereka masuki seolah-olah anda membuat carta hierarki organisasi. Sebagai contoh, lukis garis dari baju, seluar, seluar pendek dan kot untuk kategori induk pakaian lelaki. Buat garis lurus yang serupa dengan carta organisasi untuk meningkatkan kebolehbacaan rajah laman web anda.

Langkah 6

Teruskan mencantumkan rajah anda menjadi subkategori sehingga rajah pokok mengandungi jumlah perincian yang anda perlukan untuk mengembangkan laman web anda dengan berkesan. Sebagai contoh, lukis kotak baju dan baju kasual di bawah bahagian baju kategori pakaian lelaki. Mungkin tidak perlu, namun, untuk memasukkan halaman untuk setiap baju lelaki kasual dalam rajah laman web anda.

Langkah 7

Lengkapkan bahagian rajah untuk semua kategori tingkat atas laman web anda dengan cara yang sama. Sebagai contoh, lengkapkan bahagian wanita dan kanak-kanak di laman web pakaian.

Ubah suai simbol yang digunakan dalam rajah pokok anda untuk menunjukkan maklumat yang perlu anda sampaikan kepada pasukan anda. Sebagai contoh, gunakan segi empat tepat bulat untuk laman web dinamik dan ilustrasi beberapa laman web yang disusun bersama untuk menunjukkan sekumpulan laman web serupa yang tidak disenaraikan secara individu. Sertakan legenda pada rajah anda untuk menjelaskan konvensyen anda.

Petua

• Pertimbangkan melukis sebahagian rajah anda di atas kertas sebelum mula membuat rajah menggunakan komputer.

Amaran

• Gambar rajah laman web boleh menjadi sangat besar. Potong rajah anda menjadi gambar rajah yang lebih kecil yang masing-masing mewakili satu bahagian kecil laman web untuk mencetak rajah tersebut. Kumpulkan rajah di dinding untuk gambaran visual yang besar dari laman web anda, atau letakkan gambar rajah di buku nota untuk rujukan semasa anda mengembangkan banyak laman web.