1. Quy trình chung xây dựng website
- 1.Chuẩn bị (Bài 23): xác định mục đích, đối tượng; thu thập, biên soạn nội dung; thiết kế cấu trúc cây; chuẩn bị ảnh, âm thanh, video.
- 2.Phần đầu trang (Bài 24): tên tệp, logo, tên trang, loại tiêu đề, ảnh nền, tiêu đề trang.
- 3.Phần thân, chân trang (Bài 25): khối nội dung, hình ảnh, bản đồ, video; chân trang liên hệ, bản quyền.
- 4.Trang con, liên kết, thanh điều hướng (Bài 26).
- 5.Biểu mẫu (Bài 27): tạo bằng Google Forms, nhúng vào trang.
- 6.Hoàn thiện: chọn giao diện, xem trước trên nhiều thiết bị, xuất bản, chia sẻ, thu thập góp ý để sửa.
2. Yêu cầu sản phẩm
- Nội dung: theo một chủ đề; có tư liệu đa phương tiện và ít nhất 3–4 bài viết ngắn.
- Bố cục: nội dung và hình thức sắp xếp hợp lí. Hình thức: màu sắc, phông chữ phù hợp.
- Mỗi trang có dữ liệu đa phương tiện, không chỉ có chữ.
- Thanh điều hướng có bảng chọn dẫn tới các trang con.
- Bài viết có liên kết tới trang khác trong website hoặc trang trên Internet.
- Nên có thêm biểu mẫu (Bài 27) với nội dung phù hợp, ví dụ để thu góp ý.
- Có bài thuyết minh ngắn: mục đích, ý nghĩa của website và các yêu cầu đã đạt được.
3. Nhiệm vụ 1. Lựa chọn chủ đề
Làm cá nhân hoặc theo nhóm nhỏ. Chủ đề không nên quá rộng, nên giới hạn đối tượng người xem; chọn chủ đề có thể chuẩn bị tư liệu nhanh và làm xong trong thời gian thực hành trên lớp. Ví dụ: giới thiệu địa lí Việt Nam, câu lạc bộ của trường, làng nghề quê em, ẩm thực địa phương, các bài ca đi cùng năm tháng.
4. Nhiệm vụ 2. Thực hiện các bước chuẩn bị
Làm đầy đủ các bước phân tích, định hình ý tưởng, thiết kế, chuẩn bị tư liệu như Bài 23:
- Viết rõ mục đích, người xem; phân công từng thành viên.
- Vẽ sơ đồ cây: Trang chủ, các trang con cấp 1 (sẽ thành mục trên thanh điều hướng), trang con cấp 2 nếu cần.
- Soạn bài viết, chọn ảnh, video; thu nhỏ ảnh, ghi nguồn tư liệu; đưa tất cả vào một thư mục chung trên Google Drive.
5. Nhiệm vụ 3. Xây dựng các trang web bằng Google Sites
Tạo trang chủ và các trang khác theo hướng dẫn ở các bài trước; một bạn tạo website rồi chia sẻ quyền chỉnh sửa cho các bạn cùng nhóm để mỗi người soạn trang được giao. Sau đó hoàn thiện hai việc mới sau.
5.1 Bước 1. Tạo bảng chọn trên thanh điều hướng theo chiều ngang
- 1.Mở bảng chọn Trang, tạo đủ các trang theo sơ đồ cây (Trang mới, Thêm trang con).
- 2.Kéo thả tên trang trong danh sách: kéo lên, xuống để đổi vị trí của mục trên thanh điều hướng; kéo thả một trang vào trang khác để nó thành trang con, tức đổi mức hiển thị (mục chính hay mục con).
- 3.Mở phần Cài đặt (biểu tượng bánh răng) mục Điều hướng; chọn chế độ hiển thị ở trên cùng để bảng chọn nằm ngang phía trên trang (chế độ hiển thị bên cạnh thì bảng chọn nằm dọc ở bên). Có thể chọn màu, kiểu hiển thị của thanh điều hướng.
- 4.Trang nào không muốn hiện trên bảng chọn: ở menu ba chấm của trang chọn lệnh ẩn trang khỏi thanh điều hướng.
- 5.Xem trước, thử chọn từng mục, kể cả mục con.
Khi cần thêm lối tắt nổi bật trong phần thân (ví dụ Góp ý, Xem video), dùng Chèn Nút, đặt tên nút và chọn trang hoặc địa chỉ đích.
5.2 Bước 2. Sử dụng các mẫu giao diện có sẵn
- 1.Mở bảng chọn Giao diện (Themes) ở khung bên phải.
- 2.Chọn một mẫu giao diện; mỗi mẫu quy định sẵn phông chữ tiêu đề, chữ thường, màu nút và nền khối cho toàn bộ website.
- 3.Chọn màu chủ đạo và kiểu phông chữ trong mẫu cho hợp chủ đề (ví dụ tông xanh lá cho chủ đề thiên nhiên).
- 4.Xem lại từng trang: chữ trên ảnh nền còn đọc rõ, các khối không bị lệch.
Giao diện áp dụng cho cả website, nên chọn sớm rồi chỉnh chi tiết sau để khỏi phải sửa lại nhiều lần. Trước khi nộp, xem trước ở chế độ điện thoại, sau đó Xuất bản, gửi địa chỉ URL cho giáo viên và các bạn; dùng biểu mẫu trên trang để thu góp ý rồi sửa, xuất bản lại.
6. Thuyết minh và đánh giá sản phẩm
Bài thuyết minh ngắn gồm: tên website và địa chỉ URL; mục đích, đối tượng người xem; sơ đồ cấu trúc các trang; các yêu cầu đã đạt (đa phương tiện, bảng chọn, liên kết, biểu mẫu); phân công trong nhóm; điều muốn cải tiến.
| Tiêu chí tự đánh giá | Câu hỏi kiểm tra |
|---|---|
| Nội dung | Đúng chủ đề, chính xác, có ghi nguồn? Ít nhất 3–4 bài viết? |
| Đa phương tiện | Trang nào cũng có ảnh, video hoặc bản đồ? |
| Điều hướng, liên kết | Bảng chọn đủ mục, mục con mở đúng trang? Liên kết không hỏng? |
| Biểu mẫu | Câu hỏi phù hợp, nhận được câu trả lời? |
| Hình thức | Giao diện thống nhất, chữ dễ đọc trên điện thoại? |
7. Ví dụ minh hoạ
Phác thảo kế hoạch website Những bài ca đi cùng năm tháng cho nhóm 3 bạn.
Lời giải
Cấu trúc: Trang chủ (ảnh bìa, giới thiệu ngắn, Đọc tiếp), trang Ca khúc (mỗi bài có lời giới thiệu, video YouTube), trang Nhạc sĩ, trang Ca sĩ, trang Góp ý (nhúng biểu mẫu). Bạn A tạo website, phần đầu trang, chọn giao diện và chia sẻ quyền chỉnh sửa; bạn B soạn trang Ca khúc; bạn C soạn trang Nhạc sĩ, Ca sĩ và biểu mẫu. Cuối cùng vào Cài đặt Điều hướng, chọn hiển thị ở trên cùng, kéo thả sắp thứ tự Trang chủ – Ca khúc – Nhạc sĩ – Ca sĩ – Góp ý, xem trước rồi xuất bản.
- Chọn chủ đề quá rộng (Âm nhạc thế giới), không đủ thời gian làm.
- Các thành viên tự tạo website riêng rồi không ghép được; phải dùng chung một website qua chia sẻ.
- Thanh điều hướng quá nhiều mục ngang hàng; nên gom thành mục con.
- Dùng ảnh, video không rõ nguồn; đưa thông tin cá nhân của bạn bè lên trang công khai.
8. Câu hỏi ôn tập
Tóm tắt quy trình chung xây dựng một website bằng Google Sites.
Gợi ý trả lời
Chuẩn bị (mục đích, nội dung, cấu trúc cây, tư liệu) phần đầu trang phần thân, chân trang trang con, liên kết, thanh điều hướng biểu mẫu chọn giao diện, xem trước xuất bản, chia sẻ, sửa theo góp ý.
Làm thế nào để đổi vị trí và mức hiển thị của một trang trên thanh điều hướng?
Gợi ý trả lời
Trong bảng chọn Trang, kéo thả tên trang lên hoặc xuống để đổi vị trí; kéo thả trang vào một trang khác để nó thành trang con (mục con trên bảng chọn), kéo ra ngoài để trở lại mục chính.
Muốn bảng chọn nằm ngang phía trên trang và cả website có màu sắc, phông chữ thống nhất em làm gì?
Gợi ý trả lời
Vào Cài đặt Điều hướng, chọn chế độ hiển thị ở trên cùng. Mở bảng chọn Giao diện, chọn một mẫu giao diện có sẵn, chọn màu và kiểu phông chữ phù hợp chủ đề.