Làm thế nào để Xây dựng một Kế hoạch Trang HTML5 và CSS3 - núm vú

Thông thường, công việc ban đầu trên một trang web lớn liên quan đến việc tạo ra một kế hoạch cho thiết kế trang web HTML5 và CSS3. Làm bước này sớm sẽ giúp bạn nhìn thấy phạm vi thật sự của dự án. Một kế hoạch trang web là một cái nhìn tổng quan về một trang web. Thông thường, nó được vẽ như một biểu đồ phân cấp.

Hãy tưởng tượng bạn được yêu cầu giúp đỡ thiết kế một trang web cho một khoa học thuật tại một trường đại học lớn. Câu hỏi đầu tiên là, "Bạn muốn gì trên trang web? "Viết ra mọi thứ.

Hỏi khách hàng của bạn những gì họ muốn. Sau khi tất cả người tham gia đề nghị mọi thứ họ nghĩ rằng trang web của họ cần, hãy lôi họ ra khỏi phòng. Chỉ sử dụng giấy và bút chì, tạo ra một phác thảo có tổ chức hơn dựa trên cách bạn nghĩ rằng thông tin cần được tổ chức.

Cách tạo tổng quan về trang web

Hãy nhớ những gợi ý này trong khi tạo một sơ đồ tổng quan về trang web:

• Sử dụng Luật Bảy. Luật này cho thấy mọi người thường không thể xử lý được nhiều hơn bảy lựa chọn cùng một lúc. Cố gắng không có nhiều hơn bảy phân đoạn thông tin chính ở bất kỳ cấp độ nào. Mỗi cái có thể được tách thành 7 khối, mỗi khối có thể có 7 khối.

• Xác định các điểm chung. Trong khi bạn xem qua dữ liệu, các nhóm chung xuất hiện. Trong ví dụ của trường đại học, bạn có thể dễ dàng thấy rằng bạn đã có nhiều dữ liệu khóa học, thông tin về trình độ, thông tin về giảng viên và nghiên cứu.

• Cố gán mỗi chủ đề cho một nhóm. Đây là một dạng chuẩn hóa dữ liệu ở đây. Cấu trúc dữ liệu này không nhất thiết là một hình thức chính thức, nhưng nó có thể được.

• Sắp xếp một hệ thống phân cấp. Nhóm các chủ đề từ chung chung đến cụ thể nhất. Ví dụ, thuật ngữ khóa học thông tin là rất rộng. N100 là một khóa học cụ thể, và nó có thể có nhiều phần (ngày cụ thể, thời gian, và sự kết hợp hướng dẫn). Vì vậy, nó có ý nghĩa để nhóm các phần theo N100 và nhóm N100 theo các khóa học.

• Cung cấp dữ liệu đại diện. Không phải mọi mẩu thông tin là cần thiết ở đây. Vấn đề là phải có đủ dữ liệu để bạn có thể thấy được mối quan hệ giữa các dữ liệu.

• Hãy nhớ rằng biểu đồ này không đại diện cho thiết kế trang web. Mục đích của loại sơ đồ này là để xem cách dữ liệu chính nó phù hợp với nhau. Tất nhiên, sơ đồ này có xu hướng thông báo cho việc thiết lập trang và cấu trúc menu, nhưng nó không phải.

• Không phải mỗi ô là một trang. Có thể, nhưng nó không nhất thiết phải là. Sau đó trong quá trình này, bạn có thể quyết định làm thế nào để tổ chức các bộ phận của trang web.

Việc xây dựng sơ đồ trang web này là hoàn toàn quan trọng đối với các trang web lớn hơn, nếu không bạn chưa bao giờ thực sự nắm bắt phạm vi của dự án.Yêu cầu các bên liên quan xem xét nó để xem liệu nó phản ánh đúng thông tin bạn đang cố gắng chuyển tải.

Làm thế nào để xây dựng sơ đồ trang web

Sơ đồ trang web là một phiên bản cụ thể hơn của tổng quan về trang web. Tại thời điểm này, bạn thực hiện một cam kết về các trang cụ thể bạn muốn trong hệ thống và mối quan hệ tổ chức của họ.

Biểu đồ trang web hơi khác so với tổng quan vì những lý do sau:

• Mỗi hộp biểu thị một trang. Bây giờ bạn phải thực hiện một số quyết định về cách các trang được tổ chức. Xác định mức độ tổng quan mà bạn có các trang riêng biệt. Ví dụ: tất cả các phần khóa học trên một trang, hoặc tất cả các phần của N100? Mỗi phần của mỗi khóa học đều có một trang khác nhau? Những quyết định này sẽ giúp bạn xác định công nghệ nào sẽ sử dụng trong việc xây dựng trang.

• Biểu đồ trang web vẫn không cần mỗi trang. Nếu bạn có 30 lớp học, bạn không cần phải tính toán cho mỗi trường hợp nếu bạn biết mình đi đâu và chúng đều có chung mục đích và thiết kế.

• Cấu trúc điều hướng phải rõ ràng. Hệ thống phân cấp sẽ cung cấp cho bạn một cấu trúc điều hướng rõ ràng. (Tất nhiên, bạn có thể và thường nên thêm một cấu trúc điều hướng thứ cấp.)

• Đặt tên cho mỗi hộp. Mỗi trang nên có một cái tên. Những tên hộp này dịch sang tiêu đề trang và giúp bạn tạo một hệ thống tiêu đề thống nhất. Sự sắp xếp này rất hữu ích cho chương trình điều hướng của bạn.

• Xác định bố cục tổng thể cho mỗi hộp. Nói chung, một trang web chỉ sử dụng một vài bố cục. Bạn có bố cục chuẩn cho hầu hết các trang. Thông thường, trang chủ có bố cục khác (cho tin tức và thông tin điều hướng). Bạn cũng có thể có bố cục đặc biệt. Ví dụ: tất cả các trang của khoa đều có bố cục cụ thể với hình ảnh nổi bật. Không có kế hoạch bố trí ở đây - chỉ cần xác định nó.

• Sắp xếp thứ tự. Nếu thứ tự của các trang là vấn đề, biểu đồ trang web là nơi để làm việc đó.

Mục tiêu cho một phần của quá trình lập kế hoạch trang web này là để có một sự hiểu biết rõ ràng về những gì mỗi trang yêu cầu. Thông tin này sẽ làm cho bạn dễ dàng hoàn tất các bước thiết kế hình ảnh và dữ liệu. Sơ đồ trang web là một tài liệu hoàn toàn quan trọng. Sau khi bạn đã chấp thuận, hãy in và dán nó vào màn hình. Đó là bản đồ của bạn cho phần còn lại của dự án.