BÀI 28. THỰC HÀNH TỔNG HỢP

KHÁI QUÁT NHIỆM VỤ VÀ YÊU CẦU

Nội dung:

• Xây dựng hoàn chỉnh website theo một chủ đề tự chọn.
• Yêu cầu sản phẩm:
  • Nội dung: Có tư liệu đa phương tiện (ảnh, nhạc, video) và ít nhất 3-4 bài viết ngắn.
  • Bố cục & Hình thức: Hợp lý, màu sắc và phông chữ hài hòa.
  • Kỹ thuật: Không được là trang thuần văn bản, phải có bảng chọn (menu) điều hướng, có liên kết (link) giữa các trang hoặc ra bên ngoài, và phải có biểu mẫu (form).
  • Thuyết minh: Có bài giới thiệu ngắn về mục đích website.

Nhiệm vụ 1: Lựa chọn chủ đề

Nội dung:

• Lựa chọn chủ đề phù hợp, không quá rộng, đối tượng người xem cụ thể.
• Có thể làm cá nhân hoặc nhóm (tối đa 3 người).
• Chủ đề nên gần gũi: Lớp học, môn học yêu thích, quê hương, gia đình....

Nhiệm vụ 2: Thực hiện các bước chuẩn bị

Nội dung:

• Vận dụng kiến thức Bài 23 để phân tích và thiết kế.
• Xác định đối tượng: Ai sẽ xem web này? (Bạn bè, thầy cô, hay người yêu du lịch...).
• Xây dựng dàn ý nội dung: Chia nhỏ nội dung thành các phần rõ ràng.
• Bố cục: Thiết kế trang chủ, thanh điều hướng, màu sắc chủ đạo.
• Chuẩn bị tư liệu: Sưu tầm sẵn bản đồ, bài viết, hình ảnh, nhạc, logo....

Nhiệm vụ 3: Xây dựng các trang web theo chủ đề đã lựa chọn

Nội dung: Sử dụng phần mềm Google Sites để thực hiện.

Bước 1. Xây dựng bảng chọn trên thanh điều hướng theo chiều ngang

Nội dung:

• Thay vì để menu xổ xuống dọc (cấp con), ta tạo các trang ngang hàng với Trang chủ để menu trải ngang trên thanh điều hướng.
• Cách làm: Trong thẻ Trang (Pages) → Nhấn dấu + để thêm trang mới → Đặt tên trang.

Bước 2. Sử dụng các mẫu giao diện có sẵn của Google Sites

Nội dung:

• Mẫu giao diện (Theme): Là bộ quy định sẵn về màu sắc, phông chữ, kiểu dáng đầu trang giúp web đồng bộ.
• Cách chọn mẫu:
  • Vào thẻ Giao diện (Themes) ở cột bên phải.
  • Chọn một mẫu có sẵn (ví dụ: Đơn giản, Aristotle, Diplomat...).
• Tùy chỉnh màu sắc:
  • Chọn màu có sẵn trong mẫu hoặc chọn màu tùy ý bằng mã màu (biểu tượng thùng sơn).
  • Có thể chỉnh độ đậm nhạt bằng thanh chọn màu.
• Tùy chỉnh phông chữ: Chọn 1 trong 3 kiểu phông chữ mà mẫu cung cấp.