Sơ đồ cây trang web minh họa cách tổ chức các trang trên trang web. Các trang mẹ được hiển thị ở trên hoặc bên trái của các trang con, cho biết mối quan hệ giữa các trang web và cách chúng được truy cập. Nhóm phát triển web sử dụng sơ đồ khi tạo hoặc thiết kế lại trang web. Sơ đồ cây trang web có thể đơn giản hoặc phức tạp, tùy thuộc vào kích thước của trang web và nhu cầu của nhóm phát triển.
Bước 1
Tạo danh sách các trang mà trang web chứa hoặc sẽ chứa. Đảm bảo rằng mọi mục được liệt kê sẽ là một trang trên trang web của bạn. Tùy thuộc vào kích thước trang web của bạn, hãy chỉ định một tham chiếu số cho mỗi trang để hỗ trợ bạn trong việc xây dựng sơ đồ trang web và theo dõi tiến trình khi bạn phát triển trang web của mình.
Bước 2
Sử dụng danh sách có dấu đầu dòng, sắp xếp dàn ý để hiển thị mối quan hệ cha-con giữa mọi trang trên trang web của bạn. Ví dụ: trang web của cửa hàng quần áo trực tuyến có thể có các trang mẹ cấp cao nhất dẫn đến quần áo nam, nữ và trẻ em. Mỗi trang đó sẽ có các loại quần áo như áo sơ mi và quần được liệt kê bên dưới chúng trong đường viền, cuối cùng dẫn đến các trang cho các sản phẩm riêng lẻ.
Bước 3
Bắt đầu tạo sơ đồ của bạn bằng cách vẽ một hình chữ nhật cho mỗi danh mục trên đầu tài liệu. Chèn tiêu đề ngắn cho mỗi trang web cấp cao nhất vào sơ đồ của bạn. Bao gồm số tham chiếu của trang để bạn có thể tra cứu thêm chi tiết về trang trong các tài liệu lập kế hoạch trang web khác của mình.
Bước 4
Vẽ hình chữ nhật cho mọi danh mục con bên dưới một trong các danh mục cấp cao nhất của bạn. Ví dụ: vẽ bốn hình chữ nhật dưới danh mục quần áo nam giới cấp cao nhất cho áo sơ mi, quần dài, quần short và áo khoác. Căn chỉnh các hình chữ nhật này cạnh nhau để minh họa rằng các trang mà chúng đại diện ở cùng một cấp trong cấu trúc trang web của bạn.
Bước 5
Kết nối các trang danh mục phụ với danh mục cấp cao nhất mà chúng thuộc về như thể bạn đang tạo biểu đồ phân cấp của tổ chức. Ví dụ: vẽ các đường từ các trang áo sơ mi, quần dài, quần short và áo khoác cho danh mục quần áo nam. Tạo các đường thẳng tương tự như các đường thẳng trong sơ đồ tổ chức để tăng khả năng đọc sơ đồ trang web của bạn.
Bước 6
Tiếp tục phân nhánh sơ đồ của bạn thành các danh mục con cho đến khi sơ đồ cây chứa đủ lượng chi tiết bạn cần để phát triển hiệu quả trang web của mình. Ví dụ: vẽ các hộp áo sơ mi và áo sơ mi thông thường bên dưới phần áo sơ mi của danh mục quần áo nam. Tuy nhiên, có thể không cần thiết phải đưa trang cho mọi áo sơ mi nam thông thường vào sơ đồ trang web của bạn.
Bước 7
Hoàn thành các phần sơ đồ cho tất cả các danh mục cấp cao nhất của trang web của bạn theo cách tương tự. Ví dụ: hoàn thành phần phụ nữ và trẻ em của trang web quần áo.
Sửa đổi các ký hiệu được sử dụng trong sơ đồ cây của bạn để chỉ ra thông tin bạn cần truyền đạt cho nhóm của mình. Ví dụ: sử dụng hình chữ nhật tròn cho các trang web động và hình minh họa của một số trang web xếp chồng lên nhau để hiển thị một nhóm các trang web tương tự không được liệt kê riêng lẻ. Bao gồm chú giải trên sơ đồ của bạn để giải thích các quy ước của bạn.
