Drupal: 2.2. Lập kế hoạch cho bố cục trang web của bạn

Các khóa học qua video:
Python SQL Server PHP C# Lập trình C Java HTML5-CSS3-JavaScript
Học trên YouTube <76K/tháng. Đăng ký Hội viên
Viết nhanh hơn - Học tốt hơn
Giải phóng thời gian, khai phóng năng lực

Mục tiêu

Lập kế hoạch điều hướng và bố cục của trang web, cho cả trình duyệt trên thiết bị di động và máy tính để bàn.

Các bước

Bạn nên lên kế hoạch bố cục trang web trước khi bắt đầu xây dựng trang web và viết nội dung; tuy nhiên, kế hoạch của bạn có thể cần được sửa đổi trước khi bạn bắt đầu triển khai hoặc sau khi bạn có một số trang web được xây dựng với nội dung dự thảo tại chỗ, dựa trên mối quan tâm ngân sách hoặc phản hồi của các bên liên quan.

  1. Tạo danh sách thông tin mà trang web của bạn sẽ hiển thị cho khách truy cập. Trong kịch bản thị trường nông dân, điều này có thể bao gồm:

    • Vị trí của thị trường, với chỉ đường và bản đồ
    • Giờ và ngày thị trường mở cửa
    • Lịch sử của thị trường
    • Danh sách các nhà cung cấp
    • Thông tin chi tiết về từng nhà cung cấp
    • Danh sách công thức nấu ăn có thể tìm kiếm
    • Chi tiết về từng công thức
    • Danh sách các công thức nấu ăn được thêm gần đây nhất
  2. Quyết định thông tin nào nên trên trang hoặc loại trang nào trên trang web:

    Thông tin phải ở trên tất cả các trang

        Địa chỉ, giờ và danh sách công thức được thêm gần đây

    Các trang chi tiết nhà cung cấp

        Thông tin về từng nhà cung cấp trên trang riêng của mình

    Các trang chi tiết công thức

        Chi tiết của từng công thức trên trang riêng của nó

    Trang chủ

        Vị trí, bản đồ, chỉ đường và giờ

    Trang About

        Lịch sử của thị trường

    Trang danh sách nhà cung cấp

        Danh sách các nhà cung cấp, với các liên kết đến các trang chi tiết của nhà cung cấp

    Trang danh sách công thức

        Danh sách công thức nấu ăn có thể tìm kiếm, với các liên kết đến các trang chi tiết công thức

  3. Quyết định thông tin nào là quan trọng nhất trên mỗi trang. Khách truy cập trang web sử dụng điện thoại di động hoặc các trình duyệt nhỏ khác thường sẽ chỉ xem nội dung được hiển thị trước và họ không thể cuộn xuống để xem tất cả thông tin.
  4. Quyết định trang nào trong số các trang này sẽ xuất hiện trong điều hướng trang chính. Ví dụ: điều hướng chính có thể bao gồm Trang chủ, Giới thiệu, Nhà cung cấp và Công thức.
  5. Tạo một bản phác thảo thiết kế thô cho từng trang, hiển thị nó trông như thế nào khi được xem trên một màn hình nhỏ như điện thoại, cũng như trên màn hình lớn hơn như trình duyệt trên máy tính để bàn. Xem xét rằng hầu hết khách truy cập trang web sẽ sử dụng trình duyệt nhỏ hơn, bạn nên bắt đầu với bố cục kích thước điện thoại để đảm bảo rằng những khách truy cập này sẽ có thể tìm thấy thông tin họ cần mà không cần cuộn quá nhiều.

    Khi thực hiện các sơ đồ bố trí trang này, bạn có thể thấy rằng bạn cần sửa đổi kế hoạch của mình để có thông tin nào trên trang nào. Ví dụ: bạn có thể quyết định rằng địa chỉ, giờ và danh sách công thức được thêm gần đây sẽ phù hợp với tất cả các trang bên phải, khi trang web được xem trên các trình duyệt có kích thước màn hình. Mặt khác, bạn có thể quyết định rằng đối với trình duyệt di động, thay vào đó bạn sẽ đặt địa chỉ và giờ ở định dạng ngắn ở đầu mỗi trang, nhưng chỉ hiển thị danh sách công thức gần đây ở cuối trang chủ.

» Tiếp: 2.3. Khái niệm: Thực thể nội dung và trường nội dung
« Trước: 2.1. Khái niệm: Các vùng trong một Theme
Các khóa học qua video:
Python SQL Server PHP C# Lập trình C Java HTML5-CSS3-JavaScript
Học trên YouTube <76K/tháng. Đăng ký Hội viên
Viết nhanh hơn - Học tốt hơn
Giải phóng thời gian, khai phóng năng lực
Copied !!!