1. Kiến thức trọng tâm
Thực hành tổng hợp là bài tập vận dụng toàn bộ kiến thức đã học về xây dựng trang web để tạo ra một sản phẩm hoàn chỉnh. Trong bài này, người học cần tự xây dựng một trang web gồm đầy đủ các thành phần: phần đầu trang, thanh điều hướng, phần thân, chân trang, liên kết và biểu mẫu. Đây là cơ hội để rèn luyện kĩ năng lập kế hoạch, viết mã, trình bày và kiểm tra sản phẩm.
Quy trình thực hành tổng hợp gồm các bước: xác định chủ đề và mục đích trang web, lập cấu trúc trang, chuẩn bị nội dung và hình ảnh, viết mã HTML và CSS, kiểm tra và hoàn thiện. Khi viết mã, cần viết gọn gàng, có chú thích, đặt tên tệp và thư mục rõ ràng. Sau khi hoàn thành, cần kiểm tra toàn bộ trang web: các liên kết có hoạt động không, hình ảnh có hiển thị đúng không, trang web có hiển thị tốt trên điện thoại không, biểu mẫu có gửi được không.
Tiêu chí đánh giá một trang web tốt gồm: nội dung chính xác, bố cục rõ ràng, màu sắc hài hòa và điều hướng thuận tiện.
2. Ví dụ minh họa
Tình huống: Xây dựng trang web giới thiệu về một danh lam thắng cảnh.
Giải pháp:
- Xác định chủ đề: giới thiệu vịnh Hạ Long.
- Lập cấu trúc: Trang chủ, Giới thiệu, Hình ảnh, Liên hệ.
- Chuẩn bị nội dung: bài viết giới thiệu, 4 ảnh phong cảnh, thông tin liên hệ.
- Viết mã: phần đầu trang có tên trang và thanh điều hướng, phần thân có bài viết và ảnh, chân trang có thông tin liên hệ, trang Liên hệ có biểu mẫu.
- Kiểm tra: nhấp thử mọi liên kết, mở trang trên điện thoại, sửa lỗi hiển thị.
Kết luận: Thực hành tổng hợp giúp người học thấy được toàn bộ quy trình xây dựng trang web và tự đánh giá sản phẩm của mình.
3. Ghi nhớ
- Thực hành tổng hợp vận dụng toàn bộ kiến thức xây dựng trang web.
- Quy trình: xác định chủ đề, lập cấu trúc, chuẩn bị nội dung, viết mã, kiểm tra.
- Viết mã gọn gàng, có chú thích, đặt tên tệp rõ ràng.
- Kiểm tra kĩ liên kết, hình ảnh, biểu mẫu và hiển thị trên điện thoại.