Thầy Cải - Quốc Thái

BÀI 27 - BIỂU MẪU TRÊN TRANG WEB (KNTT - ICT)

Bài 27 - Biểu mẫu trên trang web (kntt - ict)

Đây là bài soạn gợi ý trả lời SGK tin học 12 (bộ sách Kết nối tri thức). Bài này thuộc định hướng: Tin học ứng dụng (ICT). Các em truy cập vào để tham khảo nhé. Chúc các em có nhiều sức khỏe và chăm ngoan học giỏi.

Nháy vào các mục bên dưới để xem nhanh hơn
Khởi động	Luyện tập	Vận dụng

Khởi động (trang 147): Em đã từng nhập thông tin vào biểu mẫu trên trang web như tra cứu điểm thi vào lớp 10 hay đăng nhập thư điện tử. Trang web có biểu mẫu lấy ý kiến phản hồi của bạn đọc để giúp trang web hoàn thiện hơn hoặc về một vấn đề gì đó. Việc tạo biểu mẫu trên trang web được thực hiện như thế nào?

Gợi ý trả lời:

Các bước thực hiện tạo biểu mẫu trên trang web Google Sites:
- Trên giao diện thiết kế của Google Sites, chọn trang muốn thêm biểu mẫu.
- Trên thanh công cụ, chọn "Thêm" và sau đó chọn "Biểu mẫu".
- Một hộp thoại sẽ xuất hiện với danh sách các biểu mẫu có sẵn. Ta có thể chọn một biểu mẫu có sẵn hoặc chọn "Tạo biểu mẫu mới" để tạo một biểu mẫu từ đầu.
- Nếu chọn "Tạo biểu mẫu mới", sẽ được chuyển đến công cụ tạo biểu mẫu của Google Sites. Từ đó, có thể thêm các trường và tùy chỉnh biểu mẫu theo ý muốn.
- Các trường biểu mẫu có thể bao gồm các loại đầu vào như văn bản, đánh dấu, số, ngày và thời gian. Ta có thể tùy chỉnh từng trường để phù hợp với nhu cầu của mình.
- Sau khi hoàn thành tạo biểu mẫu, ta có thể tùy chỉnh cài đặt và quyền truy cập cho biểu mẫu. Có thể quyết định liệu chúng ta muốn thu thập phản hồi thông qua email, lưu trữ trong Google Bảng tính hoặc hiển thị trực tiếp trên trang web.
- Khi biểu mẫu đã sẵn sàng, nháy "Lưu" để áp dụng biểu mẫu vào trang web.
LUYỆN TẬP (trang 150): Tìm hiểu và cho nhận xét về một số biểu mẫu được thiết kế sẵn trong Hình 27.2.

Gợi ý trả lời:

- Biểu mẫu yêu cầu đặt hàng.
- Biểu mẫu thông tin liên hệ.
- Biểu mẫu trả lời sự kiện.
- Biểu mẫu lời mời dự tiệc.
VẬN DỤNG (trang 150): Tiếp tục đề tài làm các trang web “Những bài ca đi cùng năm tháng”, hãy tạo biểu mẫu thu thập ý kiến người dùng để có thể phát triển các trang web tốt hơn.

Gợi ý trả lời:

Các bước tạo biểu mẫu thu thập ý kiến người dùng để phát triển các trang web "Những bài ca đi cùng năm tháng":
- Truy cập vào ứng dụng Google Forms (forms.google.com) và đăng nhập vào tài khoản Google của mình.
- Nháy vào biểu tượng "+ Tạo mới" để tạo biểu mẫu mới.
- Đặt tiêu đề cho biểu mẫu.

---The end!---

CÙNG CHUYÊN MỤC:

PHẦN I. KIẾN THỨC CỐT LÕI CHUNG CHO CẢ HAI ĐỊNH HƯỚNG (CS) VÀ (ICT) - 21 bài.

CHỦ ĐỀ 1. MÁY TÍNH VÀ XÃ HỘI TRI THỨC

Bài 1. Làm quen với Trí tuệ nhân tạo
Bài 2. Trí tuệ nhân tạo trong khoa học và đời sống

CHỦ ĐỀ 2. MẠNG MÁY TÍNH VÀ INTERNET

Bài 3. Một số thiết bị mạng thông dụng
Bài 4. Giao thức mạng
Bài 5. Thực hành chia sẻ tài nguyên trên mạng

CHỦ ĐỀ 3. ĐẠO ĐỨC, PHÁP LUẬT VÀ VĂN HÓA TRONG MÔI TRƯỜNG SỐ

Bài 6. Giao tiếp và ứng xử trong không gian mạng

CHỦ ĐỀ 4. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH

Bài 7. HTML và cấu trúc trang web
Bài 8. Định dạng văn bản
Bài 9. Tạo danh sách, bảng
Bài 10. Tạo liên kết
Bài 11. Chèn tệp tin đa phương tiện và khung nội tuyến vào trang web
Bài 12. Tạo biểu mẫu
Bài 13. Khái niệm, vai trò của CSS
Bài 14. Định dạng văn bản bằng CSS
Bài 15. Tạo màu cho chữ và nền
Bài 16. Định dạng khung
Bài 17. Các mức ưu tiên của bộ chọn
Bài 18. Thực hành tổng hợp thiết kế trang web

CHỦ ĐỀ 5. HƯỚNG NGHIỆP VỚI TIN HỌC

Bài 19. Dịch vụ sửa chữa và bảo trì máy tính
Bài 20. Nhóm nghề quản trị thuộc ngành Công nghệ thông tin
Bài 21. Hội thảo hướng nghiệp

PHẦN II. ĐỊNH HƯỚNG KHOA HỌC MÁY TÍNH (CS) - 9 bài.

CHỦ ĐỀ 6. MẠNG MÁY TÍNH VÀ INTERNET

Bài 22. Tìm hiểu thiết bị mạng
Bài 23. Đường truyền mạng và ứng dụng
Bài 24. Sơ bộ về thiết kế mạng

CHỦ ĐỀ 7. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH

Bài 25. Làm quen với Học máy
Bài 26. Làm quen với Khoa học dữ liệu
Bài 27. Máy tính và Khoa học dữ liệu
Bài 28. Thực hành trải nghiệm trích rút thông tin và tri thức
Bài 29. Mô phỏng trong giải quyết vấn đề
Bài 30. Ứng dụng mô phỏng trong giáo dục

PHẦN III. ĐỊNH HƯỚNG TIN HỌC ỨNG DỤNG (ICT) - 7 bài.

CHỦ ĐỀ 6. MÁY TÍNH VÀ XÃ HỘI TRI THỨC

Bài 22. Thực hành kết nối các thiết bị số

CHỦ ĐỀ 7. ỨNG DỤNG TIN HỌC

Bài 23. Chuẩn bị xây dựng trang web
Bài 24. Xây dựng phần đầu trang web
Bài 25. Xây dựng phần thân và chân trang web
Bài 26. Liên kết và thanh điều hướng
Bài 27. Biểu mẫu trên trang web
Bài 28. Thực hành tổng hợp

CÁC CHUYÊN MỤC LIÊN QUAN:

BÀI 26 - LIÊN KẾT VÀ THANH ĐIỀU HƯỚNG (KNTT - ICT)

Bài 26 - Liên kết và thanh điều hướng (kntt - ict)

Nháy vào các mục bên dưới để xem nhanh hơn
Khởi động	Luyện tập	Vận dụng

Khởi động (trang 144): Ở các bài trước, em đã biết cách tạo ra các khối văn bản giới thiệu về các địa danh (Thung Nham, Mù Cang Chải) trong trang web đầu tiên, thường được gọi là trang chủ (home page). Nếu nội dung văn bản giới thiệu quá dài người dùng sẽ không dễ dàng đọc tiếp những phần sau. Hơn nữa, độ dài hai bài viết cạnh nhau có thể khác nhau, để lộ ra khoảng trống làm trang web không cân đối. Có giải pháp nào để khắc phục vấn đề này không?

Gợi ý trả lời:

Có thể sử dụng các liên kết và bảng chọn trên thanh điều hướng của Google Sites như sau:
- Liên kết: có thể tạo các liên kết đến các trang con hoặc các phần cụ thể trong trang web. Điều này cho phép người dùng chuyển đến nội dung chi tiết mà họ quan tâm mà không cần phải cuộn qua toàn bộ trang.
- Bảng chọn trên thanh điều hướng: có thể tạo một thanh điều hướng hoặc menu chính để liệt kê các trang hoặc phần quan trọng của trang web. Người dùng có thể chọn trực tiếp từ menu này để truy cập vào các nội dung cụ thể mà họ muốn khám phá.

LUYỆN TẬP (trang 146):

- Hãy tạo trang con Tây Nguyên của trang chủ và tạo trang con Bản Đôn của trang Tây Nguyên.
– Viết vài dòng giới thiệu ngắn về Bản Đôn ở trang chủ và tạo liên kết đến trang Bản Đôn.

Gợi ý trả lời:

* Tạo trang con Tây Nguyên của trang chủ và tạo trang con Bản Đôn của trang Tây Nguyên.
Bước 1: Tạo trang con Tây Nguyên của trang chủ.
- Trên khung bên phải của giao diện thiết kế Google Sites, nhấp vào bảng chọn "Trang".
- Nháy chuột vào dấu "…" bên cạnh Trang chủ và chọn "Thêm trang con".
- Nhập tên trang con là "Tây Nguyên" và nhấp vào "Xong".
Bước 2: Tạo trang con Bản Đôn của trang Tây Nguyên.
- Trên khung bên phải, xuất hiện trang chủ và trang con Tây Nguyên của trang chủ.
- Nháy vào trang con Tây Nguyên để mở nó.
- Tiếp theo, nháy dấu "…" bên cạnh Tây Nguyên và chọn "Thêm trang con".
- Nhập tên trang con là "Bản Đôn" và nháy vào "Xong".
* Sau khi tạo trang con Bản Đôn, bạn có thể viết vài dòng giới thiệu ngắn về Bản Đôn trên trang chủ và tạo liên kết đến trang Bản Đôn như sau:
- Trên trang chủ, tạo một khối văn bản và viết vài dòng giới thiệu ngắn về Bản Đôn, như là một điểm đến độc đáo và hấp dẫn ở Tây Nguyên.
- Chọn một phần của văn bản giới thiệu và nháy vào biểu tượng liên kết trong thanh công cụ.
- Trong hộp thoại liên kết, chọn "Liên kết tới trang nội bộ".
- Chọn trang con Bản Đôn từ danh sách trang con hiển thị.
- Nháy vào "Xong" để hoàn thành việc tạo liên kết.
VẬN DỤNG (trang 146): Xây dựng các trang con Ca khúc, Nhạc sĩ, Ca sĩ cho đề tài các trang web "Những bài ca đi cùng năm tháng".

Gợi ý trả lời:

Xây dựng các trang con "Ca khúc", "Nhạc sĩ" và "Ca sĩ" cho đề tài "Những bài ca đi cùng năm tháng" trên trang web:
- Tạo trang con Ca khúc:
+ Tạo một trang con mới và đặt tên là "Ca khúc".
+ Trên trang con "Ca khúc", tạo khối văn bản để liệt kê và giới thiệu các ca khúc quan trọng trong danh sách "Những bài ca đi cùng năm tháng". Có thể cung cấp thông tin về tác giả, ca sĩ và năm phát hành của mỗi ca khúc.
- Tạo trang con Nhạc sĩ:
+ Tạo một trang con mới và đặt tên là "Nhạc sĩ".
+ Trên trang con "Nhạc sĩ", tạo khối văn bản để giới thiệu các nhạc sĩ nổi tiếng liên quan đến "Những bài ca đi cùng năm tháng". Có thể cung cấp thông tin về sự nghiệp, đóng góp và tác phẩm của từng nhạc sĩ.
- Tạo trang con Ca sĩ:
+ Tạo một trang con mới và đặt tên là "Ca sĩ".
+ Trên trang con "Ca sĩ", tạo khối văn bản để giới thiệu các ca sĩ đã trình bày và gắn liền với "Những bài ca đi cùng năm tháng". Em có thể cung cấp thông tin về sự nghiệp, phong cách biểu diễn và thành tựu của từng ca sĩ.

---The end!---

CÙNG CHUYÊN MỤC:

PHẦN I. KIẾN THỨC CỐT LÕI CHUNG CHO CẢ HAI ĐỊNH HƯỚNG (CS) VÀ (ICT) - 21 bài.

CHỦ ĐỀ 1. MÁY TÍNH VÀ XÃ HỘI TRI THỨC

Bài 1. Làm quen với Trí tuệ nhân tạo
Bài 2. Trí tuệ nhân tạo trong khoa học và đời sống

CHỦ ĐỀ 2. MẠNG MÁY TÍNH VÀ INTERNET

Bài 3. Một số thiết bị mạng thông dụng
Bài 4. Giao thức mạng
Bài 5. Thực hành chia sẻ tài nguyên trên mạng

CHỦ ĐỀ 3. ĐẠO ĐỨC, PHÁP LUẬT VÀ VĂN HÓA TRONG MÔI TRƯỜNG SỐ

Bài 6. Giao tiếp và ứng xử trong không gian mạng

CHỦ ĐỀ 4. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH

CHỦ ĐỀ 5. HƯỚNG NGHIỆP VỚI TIN HỌC

Bài 19. Dịch vụ sửa chữa và bảo trì máy tính
Bài 20. Nhóm nghề quản trị thuộc ngành Công nghệ thông tin
Bài 21. Hội thảo hướng nghiệp

PHẦN II. ĐỊNH HƯỚNG KHOA HỌC MÁY TÍNH (CS) - 9 bài.

CHỦ ĐỀ 6. MẠNG MÁY TÍNH VÀ INTERNET

Bài 22. Tìm hiểu thiết bị mạng
Bài 23. Đường truyền mạng và ứng dụng
Bài 24. Sơ bộ về thiết kế mạng

CHỦ ĐỀ 7. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH

PHẦN III. ĐỊNH HƯỚNG TIN HỌC ỨNG DỤNG (ICT) - 7 bài.

CHỦ ĐỀ 6. MÁY TÍNH VÀ XÃ HỘI TRI THỨC

Bài 22. Thực hành kết nối các thiết bị số

CHỦ ĐỀ 7. ỨNG DỤNG TIN HỌC

CÁC CHUYÊN MỤC LIÊN QUAN:

BÀI 25 - XÂY DỰNG PHẦN THÂN VÀ CHÂN TRANG WEB (KNTT - ICT)

Bài 25 - Xây dựng phần thân và chân trang web (kntt - ict)

Nháy vào các mục bên dưới để xem nhanh hơn
Khởi động	Luyện tập	Vận dụng

Khởi động (trang 118): Với sự hỗ trợ của Google Sites, em đã xây dựng được phần đầu trang web “Việt Nam – Vẻ đẹp tiềm ẩn”. Em có thể tự thực hiện được thiết kế phần nội dung chính (phần thân) và phần chân trang web không?

Gợi ý trả lời:

Các bước thiết kế phần nội dung chính (phần thân):
- Chọn một mẫu hoặc bắt đầu với một trang trống trên Google Sites.
- Thêm các phần tử như văn bản, hình ảnh, video, bảng biểu, và các phần tử multimedia khác để tạo nội dung chính của trang web.
- Tùy chỉnh bố cục và thiết kế của trang web bằng cách sắp xếp và căn chỉnh các phần tử theo ý muốn.
- Đảm bảo rằng nội dung được trình bày một cách rõ ràng, hấp dẫn và dễ đọc.
Các bước thiết kế phần chân trang (phần dưới cùng của trang):
- Thêm các phần tử như liên kết, thông tin liên hệ, chính sách bảo mật, thông tin về tác giả hoặc nhóm làm trang web, vv.
- Tạo các liên kết đến các trang con hoặc các trang khác trên trang web.
- Tùy chỉnh màu sắc, phông chữ và bố cục của phần chân trang để phù hợp với thiết kế chung của trang web.
LUYỆN TẬP (trang 143): Hãy thực hiện chèn một vài cấu trúc nội dung khác trong bảng chọn Thành phần nội dung (Hình 25.1), ví dụ: YouTube, Trang tính, Lịch,...

Gợi ý trả lời:

Cách chèn cấu trúc nội dung khác trong bảng chọn "Thành phần nội dung" trên Google Sites:
- Nhấp vào bảng chọn "Chèn" trong khung bên phải của giao diện thiết kế trang web.
- Tìm và nhấp vào nhóm lệnh "Thành phần nội dung".
- Trong nhóm lệnh này, ta có thể thực hiện chèn các cấu trúc nội dung khác như sau:
+ YouTube: Nhấp vào biểu tượng YouTube để chèn một video từ YouTube bằng cách nhập URL của video.
+ Trang tính: Nhấp vào biểu tượng Trang tính để chèn một bảng tính Google Sheets.
+ Lịch: Nhấp vào biểu tượng Lịch để chèn một lịch Google Calendar.

VẬN DỤNG (trang 143): Hãy xây dựng phần thân và chân trang web đầu tiên cho đề tài “Những bài ca đi cùng năm tháng".

Gợi ý trả lời:

Cách ngắn gọn để xây dựng phần thân và chân trang web đầu tiên cho đề tài "Những bài ca đi cùng năm tháng" bằng Google Sites:
- Xây dựng phần thân trang web:
+ Trong bảng chọn Chèn, mục Thành phần nội dung, chọn một mẫu khối phù hợp với nội dung của trang web.

+ Chọn và tùy chỉnh nội dung trong khối văn bản, bao gồm tiêu đề, đoạn văn bản, danh sách, hình ảnh, liên kết, v.v.
+ Tiếp tục thêm các khối mới để tạo nội dung chi tiết cho trang web. Có thể sử dụng các mẫu khối khác như "Hình ảnh", "Biểu đồ", "Bảng", "Video",... để đáp ứng nhu cầu của đề tài.
- Xây dựng phần chân trang web:
+ Di chuyển xuống cuối trang sẽ thấy xuất hiện nút Thêm chân trang. Nháy chuột vào nút này, không gian cho phần thêm chân trang sẽ xuất hiện.

+ Nhập nội dung cho phần chân trang (bản quyền, thông tin liên lạc, số điện thoại,…).
+ Có thể chèn đường liên kết đến mạng xã hội (hình bên dưới).

---The end!---

CÙNG CHUYÊN MỤC:

PHẦN I. KIẾN THỨC CỐT LÕI CHUNG CHO CẢ HAI ĐỊNH HƯỚNG (CS) VÀ (ICT) - 21 bài.

CHỦ ĐỀ 1. MÁY TÍNH VÀ XÃ HỘI TRI THỨC

Bài 1. Làm quen với Trí tuệ nhân tạo
Bài 2. Trí tuệ nhân tạo trong khoa học và đời sống

CHỦ ĐỀ 2. MẠNG MÁY TÍNH VÀ INTERNET

Bài 3. Một số thiết bị mạng thông dụng
Bài 4. Giao thức mạng
Bài 5. Thực hành chia sẻ tài nguyên trên mạng

CHỦ ĐỀ 3. ĐẠO ĐỨC, PHÁP LUẬT VÀ VĂN HÓA TRONG MÔI TRƯỜNG SỐ

Bài 6. Giao tiếp và ứng xử trong không gian mạng

CHỦ ĐỀ 4. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH

CHỦ ĐỀ 5. HƯỚNG NGHIỆP VỚI TIN HỌC

Bài 19. Dịch vụ sửa chữa và bảo trì máy tính
Bài 20. Nhóm nghề quản trị thuộc ngành Công nghệ thông tin
Bài 21. Hội thảo hướng nghiệp

PHẦN II. ĐỊNH HƯỚNG KHOA HỌC MÁY TÍNH (CS) - 9 bài.

CHỦ ĐỀ 6. MẠNG MÁY TÍNH VÀ INTERNET

Bài 22. Tìm hiểu thiết bị mạng
Bài 23. Đường truyền mạng và ứng dụng
Bài 24. Sơ bộ về thiết kế mạng

CHỦ ĐỀ 7. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH

PHẦN III. ĐỊNH HƯỚNG TIN HỌC ỨNG DỤNG (ICT) - 7 bài.

CHỦ ĐỀ 6. MÁY TÍNH VÀ XÃ HỘI TRI THỨC

Bài 22. Thực hành kết nối các thiết bị số

CHỦ ĐỀ 7. ỨNG DỤNG TIN HỌC

CÁC CHUYÊN MỤC LIÊN QUAN:

BÀI 24 - XÂY DỰNG PHẦN ĐẦU TRANG WEB (KNTT - ICT)

Bài 24 - Xây dựng phần đầu trang web (kntt - ict)

Nháy vào các mục bên dưới để xem nhanh hơn
Khởi động	Luyện tập	Vận dụng

Khởi động (trang 118): Google Sites là một ứng dụng trong hệ sinh thái đa dạng của Google. Ứng dụng miễn phí này giúp người dùng xây dựng các trang web và xuất bản chúng lên Internet. Với Google Sites, một nhóm người dùng không chuyên về tin học vẫn có thể cùng nhau xây dựng các trang web theo một chủ đề nào đó. Trong Bài 23, em đã biết Phần đầu trang của trang web là một thành phần quan trọng. Em hãy tìm hiểu cách thức xây dựng phần đầu trang web bằng Google Sites.

Gợi ý trả lời:

Cách thức xây dựng phần đầu trang web bằng Google Sites:
+ Đăng nhập bằng tài khoản Google để truy cập vào Google Sites.
+ Bấm vào nút "Tạo" hoặc "Chỉnh sửa" để bắt đầu tạo trang web mới hoặc chỉnh sửa trang web hiện có.
+ Chọn một mẫu thiết kế cho trang web. Google Sites cung cấp nhiều mẫu để lựa chọn.
+ Trên trình chỉnh sửa, di chuyển chuột và bấm vào vị trí muốn thêm phần đầu trang.
+ Trên thanh công cụ, ta có thể thêm tiêu đề, menu điều hướng, hình ảnh đại diện, mô tả và các thành phần khác cho phần đầu trang.
+ Tùy chỉnh các thành phần bằng cách sử dụng các công cụ chỉnh sửa có sẵn, bao gồm thay đổi kiểu chữ, màu sắc, kích thước và căn lề.
LUYỆN TẬP (trang 138): Hãy tóm tắt các bước xây dựng phần đầu trang web. Thực hiện việc thay đổi loại tiêu đề, hình nền, thay đổi tiêu đề cùng màu sắc và phông chữ.

Gợi ý trả lời:

Các bước xây dựng phần đầu trang web bằng Google Sites:
Bước 1: Nhập tên tệp lưu trữ trang web.
Nhập tên tệp gợi nhớ, ví dụ "VN - Ver 1" vào ô "Trang web không có tiêu đề".
Bước 2: Thiết lập logo, favicon, nhập tên trang và thông báo đầu trang.
- Nhấp vào ô "Nhập tên trang web" và sau đó nhấp vào "Thêm biểu tượng".
- Chọn hình ảnh thương hiệu và thiết lập logo và favicon từ Google Drive hoặc tải lên từ thiết bị của em.
- Nhập tên trang web là "Tiềm ẩn – Việt Nam".
- (Tùy chọn) Nhập nội dung thông báo và thiết lập màu chữ và hiển thị thông báo.
Bước 3: Thiết lập kích thước phần đầu trang, ảnh nền và tiêu đề trang.
- Chọn kích thước tiêu đề và loại tiêu đề.
- Thay đổi hình ảnh nền bằng cách tải lên từ máy tính hoặc chọn từ Google Drive, Google Photos hoặc Internet.
Bước 4: Thiết lập tiêu đề trang.
- Nhấp vào ô "Tiêu đề trang" và nhập tiêu đề trang.
- Tùy chỉnh kích thước, phông chữ, màu sắc và căn lề của tiêu đề.
Bước 5: Xem trước, chỉnh sửa.
- Xem trước trang web bằng cách nhấp vào biểu tượng "Xem trước" và chọn xem trên các thiết bị tương ứng.
Bước 6: Xuất bản và truy cập trang web qua URL.
- Nhấp vào nút "Công bố" để xuất bản trang web.
- Sao chép địa chỉ URL và dán vào thanh địa chỉ của trình duyệt để truy cập trang web.
VẬN DỤNG (trang 138): Hãy xây dựng phần đầu trang web của đề tài “Những bài ca đi cùng năm tháng”.

Gợi ý trả lời:

Các bước xây dựng phần đầu trang web cho đề tài "Những bài ca đi cùng năm tháng" bằng Google Sites:
Bước 1: Nhập tên tệp lưu trữ trang web.
- Nhập tên tệp gợi nhớ, ví dụ "BaiCaDiCungNamThang" vào ô "Trang web không có tiêu đề".
Bước 2: Thiết lập logo, favicon, nhập tên trang và thông báo đầu trang.
- Tải lên hoặc chọn logo và favicon liên quan đến đề tài "Những bài ca đi cùng năm tháng".
- Nhập tên trang web là "Những bài ca đi cùng năm tháng".
Bước 3: Thiết lập kích thước phần đầu trang, ảnh nền và tiêu đề trang.
- Chọn kích thước tiêu đề và loại tiêu đề phù hợp với đề tài.
- Thay đổi hình ảnh nền bằng một hình ảnh liên quan đến "Những bài ca đi cùng năm tháng".
Bước 4: Thiết lập tiêu đề trang.
- Nhập tiêu đề trang là "Những bài ca đi cùng năm tháng".
- Tùy chỉnh kích thước, phông chữ, màu sắc và căn lề của tiêu đề.
Bước 5: Xem trước, chỉnh sửa.
- Xem trước trang web để đảm bảo nó hiển thị đúng và hấp dẫn.
- Chỉnh sửa nếu cần thiết để tinh chỉnh các yếu tố trên trang.
Bước 6: Xuất bản và truy cập trang web qua URL.
- Nhấp vào nút "Công bố" để xuất bản trang web.
- Sao chép địa chỉ URL và chia sẻ nó để người khác có thể truy cập vào trang web "Những bài ca đi cùng năm tháng".

---The end!---

CÙNG CHUYÊN MỤC:

PHẦN I. KIẾN THỨC CỐT LÕI CHUNG CHO CẢ HAI ĐỊNH HƯỚNG (CS) VÀ (ICT) - 21 bài.

CHỦ ĐỀ 1. MÁY TÍNH VÀ XÃ HỘI TRI THỨC

Bài 1. Làm quen với Trí tuệ nhân tạo
Bài 2. Trí tuệ nhân tạo trong khoa học và đời sống

CHỦ ĐỀ 2. MẠNG MÁY TÍNH VÀ INTERNET

Bài 3. Một số thiết bị mạng thông dụng
Bài 4. Giao thức mạng
Bài 5. Thực hành chia sẻ tài nguyên trên mạng

CHỦ ĐỀ 3. ĐẠO ĐỨC, PHÁP LUẬT VÀ VĂN HÓA TRONG MÔI TRƯỜNG SỐ

Bài 6. Giao tiếp và ứng xử trong không gian mạng

CHỦ ĐỀ 4. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH

CHỦ ĐỀ 5. HƯỚNG NGHIỆP VỚI TIN HỌC

Bài 19. Dịch vụ sửa chữa và bảo trì máy tính
Bài 20. Nhóm nghề quản trị thuộc ngành Công nghệ thông tin
Bài 21. Hội thảo hướng nghiệp

PHẦN II. ĐỊNH HƯỚNG KHOA HỌC MÁY TÍNH (CS) - 9 bài.

CHỦ ĐỀ 6. MẠNG MÁY TÍNH VÀ INTERNET

Bài 22. Tìm hiểu thiết bị mạng
Bài 23. Đường truyền mạng và ứng dụng
Bài 24. Sơ bộ về thiết kế mạng

CHỦ ĐỀ 7. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH

PHẦN III. ĐỊNH HƯỚNG TIN HỌC ỨNG DỤNG (ICT) - 7 bài.

CHỦ ĐỀ 6. MÁY TÍNH VÀ XÃ HỘI TRI THỨC

Bài 22. Thực hành kết nối các thiết bị số

CHỦ ĐỀ 7. ỨNG DỤNG TIN HỌC

CÁC CHUYÊN MỤC LIÊN QUAN:

BÀI 23 - CHUẨN BỊ XÂY DỰNG TRANG WEB (KNTT - ICT)

Bài 23 - Chuẩn bị xây dựng trang web (kntt - ict)

Nháy vào các mục bên dưới để xem nhanh hơn
Khởi động	Hoạt động 1	Câu hỏi(t.128)
Hoạt động 2	Câu hỏi(t.133)	Luyện tập	Vận dụng

Khởi động (trang 118): Từ kiến thức đã học, em đã biết khái niệm về trang web. Trong cuộc sống, học tập hằng ngày, em đã từng thấy nhiều trang web và sự phổ biến của chúng, chẳng hạn khi xem tin tức trên các báo điện tử, mạng xã hội,... Các trang web này có những đặc điểm chung gì? Cần chuẩn bị những gì khi muốn xây dựng một trang web?

Gợi ý trả lời:

Các trang web thường có những đặc điểm chung sau:
- Phần đầu trang (header): Chứa thông tin chung về trang web như logo, tên trang, thanh điều hướng, tiêu đề và thông tin tóm tắt.
- Phần thân trang (body): Chứa nội dung chính của trang web, có thể bao gồm văn bản, hình ảnh, âm thanh, biểu mẫu nhập dữ liệu và các ứng dụng nhúng khác.
- Phần chân trang (footer): Chứa các thông tin ngắn gọn về chủ thể, bản quyền, bảo mật, tóm tắt thông tin cần nhấn mạnh, thông tin liên hệ và liên kết tới các trang mạng xã hội liên quan.
Khi muốn xây dựng một trang web, em cần chuẩn bị những yếu tố sau:
- Mục tiêu và mục đích: Xác định rõ mục tiêu và mục đích của trang web để định hình nội dung và chức năng cần thiết.
- Thiết kế giao diện: Tạo giao diện hấp dẫn, dễ sử dụng và phù hợp với mục tiêu của trang web.
- Phát triển và mã hóa: Xây dựng trang web bằng việc sử dụng ngôn ngữ lập trình và công nghệ web như HTML, CSS, JavaScript và các framework tương ứng.
- Quản lý nội dung: Chuẩn bị nội dung chất lượng và đảm bảo quản lý nội dung dễ dàng và hiệu quả trên trang web.
- Kiểm thử và triển khai: Thử nghiệm, kiểm tra và đảm bảo trang web hoạt động đúng và tương thích trên nhiều trình duyệt và thiết bị khác nhau trước khi triển khai.

1. NHỮNG ĐẶC ĐIỂM CHUNG CỦA TRANG WEB

Hoạt động 1 (trang 118): Thảo luận khám phá cấu trúc và đặc điểm chung của trang web.
- Có thể chia một trang web thành các phần chính như thế nào?
- Mỗi phần có những đặc điểm nào chung (nhìn thấy ở nhiều trang web)?

Gợi ý trả lời:

Các phần chính của một trang web và các đặc điểm chung của chúng là:
- Phần đầu trang (header):
+ Logo: Đại diện cho thương hiệu hoặc trang web.
+ Tên trang: Tiêu đề hoặc tên của trang web.
+ Thanh điều hướng: Chứa các liên kết hoặc danh mục để điều hướng trên trang web.
+ Tìm kiếm: Cung cấp chức năng tìm kiếm nhanh trên trang web.
+ Thông tin tóm tắt: Cung cấp thông tin ngắn gọn về trang web hoặc thông tin mới nhất.
- Phần thân trang (body):
+ Khối nội dung: Chứa nội dung chính của trang web.
+ Văn bản: Hiển thị thông tin bằng cách sử dụng văn bản.
+ Hình ảnh: Hiển thị hình ảnh hoặc đồ họa liên quan đến nội dung.
+ Âm thanh/Video: Phát lại âm thanh hoặc video trên trang web.
+ Biểu mẫu: Các biểu mẫu cho phép người dùng nhập dữ liệu hoặc gửi thông tin.
+ Ứng dụng nhúng: Các ứng dụng hoặc công cụ nhúng khác nhau như bản đồ, dự báo thời tiết, v.v.
- Phần chân trang (footer):
+ Thông tin về thương hiệu: Cung cấp thông tin về thương hiệu hoặc chủ sở hữu của trang web.
+ Bản quyền: Hiển thị thông tin về bản quyền của trang web.
+ Bảo mật: Cung cấp thông tin về chính sách bảo mật của trang web.
+ Tóm tắt thông tin: Cung cấp tóm tắt ngắn gọn về trang web hoặc thông tin quan trọng.
+ Thông tin liên hệ: Cung cấp thông tin liên hệ cho người sử dụng muốn liên hệ với chủ sở hữu trang web.
+ Liên kết mạng xã hội: Các liên kết tới các trang mạng xã hội liên quan đến trang web.

CÂU HỎI

Câu hỏi 1 (trang 128): Tên trang web và logo trang được đặt ở phần nào của trang web?

Gợi ý trả lời:

Tên trang web và logo trang thường được đặt trong phần đầu trang (header) của trang web.
Câu hỏi 2 (trang 128): Phần thân trang web thường có bố cục như thế nào?

Gợi ý trả lời:

Phần thân trang web thường có bố cục gồm các khối hình chữ nhật, mỗi khối trình bày một nội dung với tiêu đề riêng. Trong phần này, có thể chứa các loại thông tin như văn bản, hình ảnh, âm thanh, biểu mẫu nhập dữ liệu và ứng dụng nhúng khác.
Câu hỏi 3 (trang 128): Thông tin liên hệ của chủ thể của trang web được đặt ở phần nào của trang web?

Gợi ý trả lời:

Thông tin liên hệ của chủ thể của trang web thường được đặt trong phần chân trang (footer) của trang web.

2. CÁC BƯỚC CHUẨN BỊ ĐỂ XÂY DỰNG MỘT TRANG WEB.

Hoạt động 2 (trang 129): Hãy thảo luận và trả lời câu hỏi: Để xây dựng một trang web chúng ta nên bắt đầu từ đâu?
Gợi ý:
Chuẩn bị những thông tin cho phần đầu trang.
Chuẩn bị những thông tin cho phần chân trang.
Chuẩn bị các bài viết và hình ảnh đẹp.
Phân tích, xác lập định hướng về mục đích trang web, đối tượng người dùng và định hướng thiết kế trang web.

Gợi ý trả lời:

Chúng ta cần làm các công việc sau:
- Định hình ý tưởng:
+ Xác định mục đích và đối tượng phục vụ của trang web.
+ Thiết lập các yêu cầu cần đạt được cả về nội dung và hình thức.
- Thiết kế:
+ Xây dựng dàn ý.
+ Xây dựng kiến trúc nội dung, thiết kế mĩ thuật, chọn bảng màu, phông chữ,...
- Lựa chọn phần mềm, chuẩn bị tư liệu:
+ Lựa chọn phần mềm để xây dựng trang web.
+ Chuẩn bị thông tin cho phần đầu trang: Làm logo, favicon, ảnh nền và đặt tên trang web.
+ Chuẩn bị tư liệu cho phần thân và chân trang.

CÂU HỎI

Câu hỏi 1 (trang 131): Để định hình được ý tưởng xây dựng một trang web cần phải thực hiện những công việc gì?

Gợi ý trả lời:

Để có thể xác định được rõ mục đích cũng như các yêu cầu cần đặt ra với trang web, cần khảo sát, phân tích các nhu cầu cũng như những đặc điểm của người dùng một cách cẩn thận kĩ lưỡng. Càng hiểu được nhu cầu của người dùng thì sẽ càng xác định được rõ hơn mục đích cũng như các yêu cầu cần đặt ra về nội dung và hình thức của trang web.
Câu hỏi 2 (trang 131): Công việc thiết kế trang web bao gồm những nội dung gì?

Gợi ý trả lời:

Công việc thiết kế trang web bao gồm những nội dung sau:
- Xây dựng dàn ý, bố cục.
- Thiết kế mĩ thuật:
+ Định dạng chữ.
+ Bảng màu.

LUYỆN TẬP

Luyện tập 1 (trang 133): Hãy phân tích phần đầu trang và chân trang của trang web 24 giờ ở Hình 23.8 và chỉ rõ các vị trí các phần tử mà em nhận dạng được: tên trang, logo, favicon, bảng chọn,... Tóm tắt những thông tin được trình bày ở phần chân trang.

Gợi ý trả lời:

- Tên trang: 24h
- Logo:

- Liên hệ: Thông tin liên hệ như địa chỉ, số điện thoại, địa chỉ email của trang web hoặc công ty sở hữu trang web.
- Thông tin về trang web: Một số trang web cung cấp thông tin về bản quyền, điều khoản sử dụng, chính sách bảo mật và thông tin về trang web.
- Trợ giúp và câu hỏi thường gặp: Một số trang web có phần trợ giúp hoặc câu hỏi thường gặp để người dùng có thể tìm hiểu thêm về cách sử dụng trang web hoặc giải đáp các câu hỏi phổ biến.
- Liên kết xã hội: Các biểu tượng hoặc liên kết đến các trang mạng xã hội mà trang web sở hữu hỗ trợ, như Facebook, Twitter, Instagram, v.v.
- Quảng cáo và tài trợ: Một số trang web có phần hiển thị thông tin về quảng cáo và tài trợ, bao gồm các đối tác quảng cáo hoặc các chương trình liên kết.
- Thông tin pháp lý: Một số trang web có phần thông tin pháp lý như điều khoản sử dụng, chính sách bảo mật, chính sách bảo mật dữ liệu, v.v.
Luyện tập 2 (trang 133): Hãy vào website Tổng cục Du lịch Việt Nam (https://vietnamtourism.gov.vn). Phân tích thiết kế nội dung, bố cục, phông chữ, màu sắc và phát biểu nhận xét của mình.

Gợi ý trả lời:

Thiết kế nội dung và bố cục:
- Trang web của Tổng cục Du lịch Việt Nam được thiết kế có vẻ chuyên nghiệp và gọn gàng, với các mục chính như thông tin về du lịch Việt Nam, tin tức, sự kiện, hướng dẫn du lịch, và các dịch vụ khác.
- Bố cục được tổ chức logic, dễ dàng điều hướng giữa các trang và phần thông tin khác nhau.
- Phông chữ: Phông chữ được sử dụng có vẻ rõ ràng và dễ đọc, thường là các phông chữ không chấm biểu hiện tính chuyên nghiệp và hiện đại.
- Màu sắc: Màu sắc được sử dụng có thể phản ánh nền văn hóa và thiên nhiên của Việt Nam, có thể là màu xanh lá cây, màu nước biển hoặc màu nâu đất. Những màu sắc như này thường gợi nhớ đến cảnh đẹp tự nhiên của quốc gia và tạo cảm giác yên bình cho người xem.
- Phát biểu nhận xét: Tổng cục Du lịch Việt Nam có vẻ đã chú trọng vào việc thiết kế trang web để cung cấp thông tin một cách dễ tiếp cận và hấp dẫn đối với du khách. Tuy nhiên, có thể cần phải kiểm tra và cải thiện liên tục để đảm bảo trang web luôn cập nhật và phản ánh đúng với thị trường du lịch hiện nay.

VẬN DỤNG

Vận dụng 1 (trang 133): Hãy truy cập website của ít nhất 3 trường đại học trong danh sách các trường đại học sau: University of Massachusetts (https://www.massachusetts.edu).
Stanford University (https://www.stanford.edu).
Đại học Quốc gia Hà Nội (https://www.vnu.edu.vn).
Đại học Quốc gia TP. Hồ Chí Minh (https://vnuhcm.edu.vn).
Đại học Bách khoa Hà Nội (https://hust.edu.vn).
Trường Đại học Cần Thơ (https://www.ctu.edu.vn).
Đại học Đà Nẵng (https://www.udn.vn).
Phân tích nội dung, bố cục, phông chữ, màu sắc và rút ra nhận xét của mình.

Gợi ý trả lời:

1. University of Massachusetts (https://www.massachusetts.edu):
- Dựa trên dữ liệu từ trang web, trường có vẻ sử dụng một giao diện chuyên nghiệp và gọn gàng.
- Phông chữ có thể là các phông chữ dễ đọc và chuyên nghiệp.
- Màu sắc có thể tập trung vào các tông màu truyền thống của trường hoặc màu chủ đạo của trang web.
- Bố cục có thể được tổ chức một cách logic với các mục chính như giới thiệu, chương trình học, tin tức và sự kiện.
2. Stanford University (https://www.stanford.edu):
- Trường có thể sử dụng giao diện hiện đại và sắc nét.
- Phông chữ có thể là các phông chữ sang trọng và dễ đọc.
- Màu sắc có thể phản ánh logo của trường và có thể sử dụng màu đỏ hoặc màu vàng như là các màu chủ đạo.
- Bố cục có thể được thiết kế một cách chuyên nghiệp và dễ dàng điều hướng.
3. Đại học Quốc gia Hà Nội (https://www.vnu.edu.vn):
- Trường có thể sử dụng một giao diện đơn giản và chuyên nghiệp.
- Phông chữ có thể là các phông chữ dễ đọc và chính xác, phản ánh tính chất chính thống của trường.
- Màu sắc có thể phản ánh màu sắc của cờ đỏ sao vàng, một biểu tượng của Việt Nam.
- Bố cục có thể được thiết kế để hiển thị thông tin một cách rõ ràng và dễ dàng truy cập.
Nhận xét: Các trường đại học thường cần sử dụng giao diện chuyên nghiệp, bố cục rõ ràng và màu sắc phù hợp để truyền đạt thông điệp của mình một cách hiệu quả. Tuy nhiên, sự khác biệt có thể nằm ở phong cách thiết kế và cách mà họ sử dụng các yếu tố thiết kế để phản ánh văn hóa và giá trị của mình.
Ghi chú: Các em truy cập vào các trường còn lại theo địa chỉ nêu trên nhé.
Vận dụng 2 (trang 125): “Những bài ca đi cùng năm tháng” là một đề tài làm trang web giới thiệu về những bản nhạc, nhạc sĩ, ca sĩ được các thế hệ công chúng yêu thích trong những giai đoạn đấu tranh giành độc lập và xây dựng đất nước của dân tộc ta. Em hãy phân tích, xây dựng ý tưởng thực hiện đề tài này và phác thảo thiết kế trang web cho đề tài này.

Gợi ý trả lời:

- Mục tiêu: Xây dựng trang web giới thiệu về những bài hát, nhạc sĩ và ca sĩ được yêu thích trong quá trình đấu tranh giành độc lập và xây dựng đất nước của dân tộc Việt Nam.
- Nội dung trang web:
+ Trang chủ: Giới thiệu tổng quan về đề tài và những giai đoạn quan trọng trong lịch sử đấu tranh của dân tộc.
+ Danh mục bài hát: Liệt kê các bài hát nổi tiếng và phổ biến đã truyền cảm hứng trong quá trình đấu tranh, được sắp xếp theo từng giai đoạn hoặc chủ đề.
+ Nhạc sĩ và ca sĩ: Giới thiệu về những nhạc sĩ và ca sĩ có đóng góp quan trọng trong việc sáng tác và trình bày những bài hát mang tính biểu tượng trong lịch sử dân tộc.
+ Các tài liệu liên quan: Cung cấp các tài liệu, sách, bài viết, video, hình ảnh liên quan đến các bài hát và những sự kiện lịch sử tương ứng.
+ Diễn đàn và chia sẻ: Tạo một không gian cho người dùng để thảo luận, chia sẻ ý kiến và kỷ niệm về những bài hát và sự kiện liên quan.
- Thiết kế trang web:
- Giao diện: Sử dụng màu sắc và hình ảnh phù hợp với tinh thần của đề tài, kết hợp giữa các gam màu truyền thống và hình ảnh biểu tượng của những giai đoạn đấu tranh.
- Bố cục: Tạo cấu trúc trang web rõ ràng, với menu điều hướng dễ sử dụng và các phần nội dung được tổ chức logic.
- Đa phương tiện: Sử dụng âm nhạc, video và hình ảnh để tạo hiệu ứng trực quan và thu hút người dùng.
- Tương tác: Cung cấp các công cụ tương tác như ô tìm kiếm, khung bình luận và chia sẻ trên mạng xã hội để tạo sự tham gia và tương tác của người dùng.
Vận dụng 3 (trang 125): Hãy tìm hiểu phần mềm hỗ trợ làm trang web của Google tại địa chỉ https://www. sites.google.com

Gợi ý trả lời:

Dịch vụ này cung cấp một giao diện trực quan và không cần kỹ năng lập trình để sử dụng. Người dùng có thể chọn từ các mẫu được cung cấp sẵn và tùy chỉnh nội dung, bố cục và thiết kế của trang web của họ một cách linh hoạt.
Các tính năng chính của Google Sites bao gồm:
- Tạo trang web một cách dễ dàng thông qua giao diện trực quan.
- Tích hợp dễ dàng với các dịch vụ Google khác như Google Drive, Google Calendar, Google Maps, vv.
- Hỗ trợ thiết kế đáp ứng cho các thiết bị di động.
- Chia sẻ trang web với người khác để cộng tác hoặc xem trước trang web trước khi xuất bản.
- Khả năng tùy chỉnh định dạng, phông chữ, màu sắc và các yếu tố thiết kế khác.
- Google Sites thường được sử dụng cho các mục đích như tạo trang web cá nhân, trang web dự án nhóm, trang web giáo dục, và nhiều hơn nữa. Điều quan trọng là dịch vụ này cung cấp một cách tiếp cận dễ dàng và không đòi hỏi kỹ năng kỹ thuật cao từ người dùng.

---The end!---

CÙNG CHUYÊN MỤC:

PHẦN I. KIẾN THỨC CỐT LÕI CHUNG CHO CẢ HAI ĐỊNH HƯỚNG (CS) VÀ (ICT) - 21 bài.

CHỦ ĐỀ 1. MÁY TÍNH VÀ XÃ HỘI TRI THỨC

Bài 1. Làm quen với Trí tuệ nhân tạo
Bài 2. Trí tuệ nhân tạo trong khoa học và đời sống

CHỦ ĐỀ 2. MẠNG MÁY TÍNH VÀ INTERNET

Bài 3. Một số thiết bị mạng thông dụng
Bài 4. Giao thức mạng
Bài 5. Thực hành chia sẻ tài nguyên trên mạng

CHỦ ĐỀ 3. ĐẠO ĐỨC, PHÁP LUẬT VÀ VĂN HÓA TRONG MÔI TRƯỜNG SỐ

Bài 6. Giao tiếp và ứng xử trong không gian mạng

CHỦ ĐỀ 4. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH