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

BÀI E8 - HOÀN THIỆN VÀ XUẤT BẢN TRANG WEB (CTST - ICT)

Đây là bài soạn gợi ý trả lời SGK tin học 12 (bộ sách Chân trời sáng tạo). 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.

(trang 99 sách ict)

1. Có thể chuyển Google Sites về tên miền riêng hay không?
2. Sau khi xuất bản trang web, em có thể thay đổi và hiệu chỉnh lại trang web đó hay không?

Gợi ý trả lời

1. Có thể. Người dùng có thể sử dụng một tên miền riêng (ví dụ: www.tenmiencuatui.com) để thay thế địa chỉ mặc định do Google Sites cung cấp (thường là sites.google.com/view/...). Tuy nhiên, để thực hiện điều này cần:
- Sở hữu một tên miền riêng thông qua các nhà cung cấp tên miền.
- Thực hiện cấu hình liên kết giữa tên miền và trang web trong phần cài đặt của Google Sites.
2. Có thể. Sau khi xuất bản, người dùng vẫn có thể:
- Thay đổi nội dung trang web.
- Sắp xếp lại bố cục, thêm trang mới, chỉnh sửa nội dung văn bản, hình ảnh...
- Những thay đổi này cần được xuất bản lại thì mới hiển thị đến người truy cập.

(trang 99 sách ict)

Sử dụng bài tập VẬN DỤNG từ Bài E1 đến Bài E7 với nội dung du lịch quảng bá danh lam thắng cảnh ở quê hương em. Em hãy thực hiện xuất bản và chia sẻ đường liên kết trang đã xuất bản cho ít nhất 1 bạn trong lớp. Gồm các yêu cầu như sau:
Thiết lập một số tuỳ chỉnh trước khi xuất bản: Hiển thị thông tin lần cập nhật mới nhất của trang, không hiển thị đường liên kết neo và thiết lập hiển thị nội dung “Trang web đang xây dựng” có hiển thị nút chọn và liên kết đến trang chủ.
Thực hiện xuất bản trang: Đặt tên trang tuỳ chọn phù hợp với chủ đề thiết kế và thiết lập mọi người có thể xem trang.
Chia sẻ liên kết: Sao chép liên kết và chia sẻ cho ít nhất 1 bạn trong lớp.
Hiệu chỉnh sau xuất bản:
Tạm dừng hoạt động trang web đã tạo ở trên.
Đổi tên trang web thành “dulich”, thay đổi vị trí hiển thị trang bất kì trong thanh điều hướng và xuất bản lại trang web.

Gợi ý cách thực hiện:

1. Thiết lập một số tuỳ chỉnh trước khi xuất bản:
- Nháy vào Cài đặt → Điều hướng → Ẩn liên kết neo
- Tích chọn: Không hiển thị khi đang xây dựng
2. Thực hiện xuất bản trang:
- Nháy Xuất bản (trên cùng bên phải)
- Đặt tên liên kết: chuathienmu-hue
- Nhấn Xuất bản
3. Chia sẻ liên kết:
- Nháy vào Mũi tên bên cạnh “Xuất bản” → Xem trang đã xuất bản
- Sao chép đường link, gửi cho bạn trong lớp
4. Hiệu chỉnh sau xuất bản:
- Đổi tên trang web thành dulich
- Nháy và kéo các mục trong thanh điều hướng để thay đổi vị trí
- Xuất bản lại

---The end!---

CÙNG CHUYÊN MỤC:

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

Bài A1. Giới thiệu Trí tuệ nhân tạo
Bài A2. Trí tuệ nhân tạo và cuộc sống
Bài A3(ict). Thực hành kết nối thiết bị số với máy tính
Bài A4(ict). Thực hành kết nối thiết bị số với máy tính (tiếp theo)

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

Bài B1. Thiết bị và giao thức mạng
Bài B2. Các chức năng mạng của hệ điều hành
Bài B3. Thực hành kết nối và sử dụng mạng trên thiết bị thông minh
Bài B4(cs). Vai trò của các thiết bị mạng
Bài B5(cs). Đường truyền hữu tuyến và vô tuyến
Bài B6(cs). Thiết kế mạng nội bộ
Bài B7(cs). Thực hành thiết kế mạng nội bộ

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

Bài D1. Giao tiếp trong không gian mạng
Bài D2. Giữ gìn tính nhân văn trong không gian mạng

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

Bài E1(ict). Tạo trang web, thiết lập giao diện và xem trước trang web
Bài E2(ict). Tạo, hiệu chỉnh trang web và thiết kế thanh điều hướng
Bài E3(ict). Tạo văn bản, chèn hình ảnh và tạo chân trang
Bài E4(ict). Sử dụng Content Blocks, Buttun, Divider
Bài E5(ict). Nhúng mã và tạo băng chuyền hình ảnh
Bài E6(ict). Chèn YouTube, Calendar, Drive và Collapsible group
Bài E7(ict). Sử dụng Map, Form và các thiết lập trang web
Bài E8(ict). Hoàn thiện và xuất bản trang web

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

Bài F1. HTML và trang web
Bài F2. Tạo và định dạng trang web với các thẻ HTML
Bài F3. Tạo bảng và khung trong trang web với HTML
Bài F4. Thêm dữ liệu đa phương tiện vào trang web
Bài F5. Tạo biểu mẫu trong trang web
Bài F6. Dự án tạo trang web
Bài F7. Giới thiệu CSS
Bài F8. Một số thuộc tính cơ bản của CSS
Bài F9. Một số thuộc tính định kiểu bằng vùng chọn trong CSS
Bài F10. Định kiểu CSS cho siêu liên kết và danh sách
Bài F11. Định kiểu CSS cho bảng và phần tử div
Bài F12. Định kiểu CSS cho biểu mẫu
Bài F13. Dự án tạo trang web (tiếp theo)
Bài F14(cs). Học máy
Bài F15(cs). Khoa học dữ liệu
Bài F16(cs). Máy tính, thuật toán và Khoa học dữ liệu
Bài F17(cs). Hoạt động trải nghiệm về Khoa học dữ liệu
Bài F18(cs). Kĩ thuật mô phỏng
Bài F19(cs). Sử dụng phần mềm mô phỏng

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

Bài G1. Nhóm nghề dịch vụ thuộc ngành Công nghệ thông tin
Bài G2. Nhóm nghề quản trị thuộc ngành Công nghệ thông tin
Bài G3. Một số nghề ứng dụng tin học và một số ngành thuộc lĩnh vực Công nghệ thông tin

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

☞ Kiểm tra tin học 12 - Chân trời sáng tạo
☞ Lý thuyết tin học 12 - Chân trời sáng tạo
☞ Thực hành tin học 12 - Chân trời sáng tạo
☞ Gợi ý trả lời tin học 12 - Chân trời sáng tạo
☞ Trắc nghiệm tin học 12 - Chân trời sáng tạo
☞ Bài giảng điện tử tin học 12 - Chân trời sáng tạo

BÀI E7 - SỬ DỤNG MAP, FORMS VÀ CÁC THIẾT LẬP TRANG WEB
(CTST - ICT)

BÀI E7 - SỬ DỤNG MAP, FORMS VÀ CÁC THIẾT LẬP TRANG WEB (CTST - ICT)

(trang 90 sách ict)

Theo em, công dụng của bản đồ và biểu mẫu trên trang web là gi? Tương tự như cách chèn các công cụ đã học ở bài trước, em hãy nêu cách chèn bản đồ (map) vào trang web.

Gợi ý trả lời

- Công dụng của bản đồ và biểu mẫu trên trang web:
+ Bản đồ (Map): Giúp hiển thị vị trí thực tế, hỗ trợ người xem xác định địa điểm, chỉ đường.
+ Biểu mẫu (Form): Thu thập thông tin từ người truy cập như phản hồi, đăng ký, liên hệ...
- Cách chèn bản đồ vào trang web:
+ Vào Insert → Map trong Google Sites.
+ Nhập địa chỉ vào thanh tìm kiếm.
+ Chọn đúng vị trí → nhấn “Select” để chèn bản đồ vào trang.

(trang 91 sách ict)

Có bao nhiêu tuỳ chọn chèn bản đồ vào trang web? Em hãy kể tên các tuỳ chọn đó.

Gợi ý trả lời

Có 3 tùy chọn hiển thị bản đồ trên trang web:
1. Default (Mặc định)
2. Satellite (Vệ tinh)
3. Terrain (Địa hình)
Người dùng có thể chọn kiểu hiển thị phù hợp với nội dung website.

(trang 92 sách ict)

Để thay đổi một biểu mẫu trên trang web, em thực hiện thế nào?

Gợi ý trả lời

Để thay đổi một biểu mẫu trên trang web, thực hiện theo các bước sau:
- Nháy vào biểu mẫu đã chèn → nháy biểu tượng "Mở trong Google Forms".
- Sau đó thực hiện chỉnh sửa như thêm/xóa câu hỏi, chỉnh lại nội dung.
- Mọi thay đổi sẽ tự động đồng bộ với trang web.

(trang 92 sách ict)

Có bao nhiêu tùy chọn quyền chia sẻ trang web? Em hãy kể tên các tùy chọn đó.

Gợi ý trả lời

Có 2 nhóm quyền chia sẻ chính trong Google Sites:
1. Publish settings (Công khai):
- Chia sẻ trang web với mọi người (ai có link đều xem được).
- Chỉ những người cụ thể xem được.
2. Editor rights (Chỉnh sửa):
- Can edit (Có thể chỉnh sửa).
- Viewer (Chỉ xem).

(trang 93 sách ict)

Khi cấp quyền chỉnh sửa nội dung trang web với nhiều người, em làm cách nào để nhận biết người đã thay đổi nội dung trên trang web?

Gợi ý trả lời

- Vào menu ba chấm (⋮) trên trang → chọn "Version history" (Lịch sử phiên bản).
- Tại đây sẽ hiển thị:
+ Tên người chỉnh sửa.
+ Thời gian chỉnh sửa.
+ Có thể khôi phục lại phiên bản trước nếu cần.

(trang 94 sách ict)

Theo em, tại sao phải tạo bản sao cho trang web?

Gợi ý trả lời

Cần tạo bản sao cho trang web là vì các mục đích sau:
- Lưu trữ dự phòng.
- Chia sẻ một phần nội dung.
- Tạo phiên bản mới từ bản cũ để chỉnh sửa mà không ảnh hưởng bản gốc.
- Thử nghiệm thiết kế mới hoặc khi bị lỗi.

(trang 94 sách ict)

1. Để thay đổi bản đồ đã chèn vào trang web, em thực hiện thế nào?
2. Trong quá trình thiết kế trang web của nhóm gồm 3 – 4 người cùng làm việc thông qua tính năng Share with others của Google Sites phát hiện có một trang thiết kế không đúng với những gì đã thảo luận trong nhóm. Làm thế nào để nhận biết ai là người thiết kế nội dung trang đó?
3. Chọn câu trả lời đúng cho câu hỏi dưới đây.
Để tạo bản sao cho trang web, tuỳ chọn nào sau đây đúng
A. Copy. B. Make a copy. C. Copy site. D. Entire site.

Gợi ý trả lời

1. Để thay đổi bản đồ đã chèn vào trang web, thực hiện như sau:
- Click vào bản đồ đã chèn → chọn “Edit” (Chỉnh sửa).
- Có thể đổi vị trí, thay đổi kiểu hiển thị (map/satellite/terrain).
2. Nhận biết ai là người thiết kế nội dung trang web trong Google Sites:
- Truy cập “Version history” của Google Sites.
- Danh sách thay đổi sẽ hiển thị tên người dùng và thời điểm chỉnh sửa.
3. Chọn câu trả lời đúng cho câu hỏi dưới đây.
Để tạo bản sao cho trang web, tuỳ chọn nào sau đây đúng
Đáp án đúng: B. Make a copy.
Lệnh “Make a copy” được dùng trong Google Sites để tạo bản sao trang web.

(trang 95 sách ict)

1. Thiết kế nội dung trang Liên hệ cho trang web chủ đề danh lam thắng cảnh ở quê hương em, thông tin trang chứa bản đồ và biểu mẫu. Trang thiết kế gồm các yêu cầu như sau: Tạo tiêu đề văn bản “Liên hệ với chúng tôi”.
Nội dung thứ nhất hiển thị bản đồ địa điểm du lịch mà em chọn.
Nội dung thứ hai chèn biểu mẫu chứa các thông tin: họ tên, số điện thoại, địa chỉ email, nội dung liên hệ.
2. Em hãy thực hiện chia sẻ quyền chỉnh sửa trang web cho 1 – 2 bạn trong lớp.
Sau đó kiểm tra lịch sử xem ai đã thay đổi hay hiệu chỉnh nội dung trang.
3. Em hãy tạo bản sao cho trang web, bản sao này chỉ chứa trang Liên hệ vừa thực hành ở trên.

Gợi ý cách thực hiện:

1. Nháy vào “Liên hệ”
2. Tiêu đề: “Liên hệ với chúng tôi”
3. Phần 1:
- Nháy “+” → Bản đồ → Gõ “Chùa Thiên Mụ – Huế” → Chèn bản đồ
4. Phần 2:
- Nháy “+” → Biểu mẫu → Chèn form Google Forms gồm:
+ Họ tên
+ Số điện thoại
+ Email
+ Nội dung cần liên hệ
5. Thêm thành viên chỉnh sửa:
- Nháy Chia sẻ (trên cùng) → Mời 1–2 bạn trong lớp với quyền “Biên tập viên”
6. Kiểm tra: Nháy vào biểu tượng đồng hồ “Lịch sử phiên bản” để xem các lần chỉnh sửa.
7. Tạo bản sao trang:
- Nháy vào Tệp → Tạo bản sao → Đặt tên khác (ví dụ: ban-sao-khong-lien-he)

---The end!---

CÙNG CHUYÊN MỤC:

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

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

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

Bài D1. Giao tiếp trong không gian mạng
Bài D2. Giữ gìn tính nhân văn trong không gian mạng

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

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

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

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

BÀI E6 - CHÈN YOUTUBE, CALENDAR, DRIVE VÀ COLLAPSIBLE GROUP (CTST - ICT)

(trang 89 sách ict)

1. Em hãy kể tên công cụ dùng để tạo nội dung có thể thu gọn được.
2. Khi chèn các tệp từ Google Drive vào trang web, em cần lưu ý điều gì?

Gợi ý trả lời

1. Công cụ dùng để tạo nội dung có thể thu gọn được là Collapsible Group. Cho phép tạo khối nội dung có thể mở/thu gọn, thường dùng cho phần hỏi đáp, danh sách thông tin cần che bớt để giao diện gọn gàng.
2. Khi chèn các tệp từ Google Drive vào trang web, cần lưu ý các điều sau:
- Cần thiết lập quyền truy cập (chế độ chia sẻ) phù hợp, như:
+ Cho phép mọi người có liên kết được xem hoặc tải.
+ Tránh để chế độ “Chỉ mình tôi” nếu muốn hiển thị công khai.
- Nên sắp xếp file theo thư mục trong Drive để dễ quản lý.
- Chọn đúng loại nội dung (tài liệu, trang tính, video, PDF...) khi chèn vào Google Sites.

(trang 89 sách ict)

1. Thiết kế nội dung trang Hoạt động cho chủ đề danh lam thắng cảnh ở quê hương em, thông tin gồm lịch biểu các hoạt động sắp diễn ra, video giới thiệu các địa điểm tham quan, món ăn đặc sản. Trang thiết kế gồm các yêu cầu như sau:
Phần nội dung thứ nhất hiển thị lịch biểu các hoạt động sắp diễn ra, lịch biểu này được lấy trực tiếp từ Google Calendar, phía trên có tiêu đề văn bản “Timeline các hoạt động”. Phần nội dung thứ hai hiển thị ít nhất 2 video giới thiệu về địa điểm tham quan hoặc món ăn đặc sản tại địa điểm tham quan đó, phía trên có tiêu đề văn bản “Video trải nghiệm”. Phần nội dung thứ ba hiển thị từ 4 – 6 câu hỏi và trả lời liên quan đến du lịch, phía trên có tiêu đề văn bản “Hỏi đáp”.
2. Thiết kế nội dung trang Khám phá cho danh lam thắng cảnh ở quê hương em, thông tin hiển thị gồm các cẩm nang du lịch an toàn, danh sách địa điểm ẩm thực. Trang thiết kế gồm các yêu cầu như sau:
Phần nội dung thứ nhất hiển thị cẩm nang du lịch an toàn, nội dung này hiển thị dạng tệp chèn từ Google Drive, phía trên có tiêu đề văn bản “Cẩm nang du lịch an toàn”.
Phần nội dung thứ hai hiển thị danh sách địa điểm ẩm thực, nội dung này hiển thị dạng tệp trang tính chứa nội dung các địa điểm ăn uống uy tín kèm món ăn và giá cả, phía trên có tiêu đề văn bản “Danh sách địa điểm ẩm thực”.

Gợi ý cách thực hiện:

1. Trang “Hoạt động”:
- Phần 1:
+ Nháy “+” → Lịch → Chọn lịch “Chùa Thiên Mụ” từ Google Calendar
+ Thêm tiêu đề “Timeline các hoạt động”
- Phần 2:
+ Nháy “+” → Video YouTube → Dán link video về chùa hoặc ẩm thực Huế
+ Thêm tiêu đề “Video trải nghiệm”
- Phần 3:
+ Nháy “+” → Văn bản → Gõ danh sách 5–6 câu hỏi và câu trả lời
+ Tiêu đề: “Hỏi đáp”
2. Trang “Khám phá”:
- Phần 1:
+ Nháy “+” → Drive → Chèn file PDF cẩm nang du lịch an toàn
+ Thêm tiêu đề “Cẩm nang du lịch an toàn”
- Phần 2:
+ Nhập danh sách quán chay + giá, địa chỉ
+ Tiêu đề “Danh sách địa điểm ẩm thực”

---The end!---

CÙNG CHUYÊN MỤC:

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

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

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

Bài D1. Giao tiếp trong không gian mạng
Bài D2. Giữ gìn tính nhân văn trong không gian mạng

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

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

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

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

BÀI E5 - NHÚNG MÃ VÀ TẠO BĂNG CHUYỀN HÌNH ẢNH (CTST - ICT)

(trang 78 sách ict)

Theo em, mục đích của việc tạo các hình ảnh chuyển động trong trang web để làm gi? Trong Google Sites có công cụ nào thực hiện được việc này không?

Gợi ý trả lời

- Mục đích của việc tạo hình ảnh chuyển động (băng chuyền) giúp:
+ Làm trang web trực quan, sinh động hơn.
+ Thu hút sự chú ý của người truy cập.
+ Giới thiệu nhiều nội dung trong cùng một không gian hiển thị.
- Google Sites sử dụng công cụ Image Carousel để tạo băng chuyền.

(trang 79 sách ict)

Để tạo chuyển động băng chuyển hình ảnh, em cần sử dụng ít nhất bao nhiêu hình ảnh?

Gợi ý trả lời

- Ít nhất 2 hình ảnh để kích hoạt chế độ chuyển động.
- Với 1 ảnh, carousel vẫn hiển thị nhưng không có chuyển động.

(trang 81 sách ict)

Em hãy kể tên những thay đổi tuỳ chọn hiển thị khi nhúng một liên kết trang web hoặc nhúng mã web vào trang web.

Gợi ý trả lời

Khi nhúng liên kết hoặc mã, người dùng có thể điều chỉnh:
- Hiển thị hình ảnh đại diện của liên kết.
- Hiển thị tiêu đề (Show title).
- Hiển thị mô tả ngắn (Show description).
- Thay đổi kích thước khung nhúng.
- Xem trước liên kết đã nhúng.

(trang 81 sách ict)

Chọn câu trả lời đúng cho các câu hỏi dưới đây.
1. Để hiển thị phần chú thích cho ảnh (tên ảnh) của băng chuyền hình ảnh, lựa chọn nào sau đây được chọn?
A. Show dots. B. Show captions.
C. Auto start. D. Transition speed.
2. Sau khi nhúng một trang web, để hiển thị mô tả của trang web được nhúng, lựa chọn nào sau đây được chọn?
A. Show image. B. Show captions.
C. Show title. D. Show description.

Gợi ý trả lời

1. Để hiển thị phần chú thích cho ảnh (tên ảnh) của băng chuyền hình ảnh, lựa chọn nào sau đây được chọn?
Đáp án đúng: B. Show captions.
“Captions” nghĩa là chú thích ảnh, giúp người dùng hiểu rõ hình ảnh đang xem.
2. Sau khi nhúng một trang web, để hiển thị mô tả của trang web được nhúng, lựa chọn nào sau đây được chọn?
Đáp án đúng: D. Show description.
“Description” là phần mô tả ngắn hiển thị dưới tiêu đề bài viết hoặc liên kết đã nhúng.

(trang 83 sách ict)

1. Thiết kế nội dung trang Điểm đến cho trang web chủ đề danh lam thắng cảnh ở quê hương em, thông tin là các điểm danh lam thắng cảnh đó. Trang thiết kế có thể bố trí thành 2 phần gồm các yêu cầu sau:
Phần thứ nhất hiển thị từ 3 – 5 hình ảnh các điểm danh lam thắng cảnh, các hình ảnh hiển thị dạng băng chuyển, phía trên có tiêu đề văn bản “Các điểm danh lam thắng cảnh”.
Phần thứ hai hiển thị từ 2 – 4 hình ảnh danh lam thắng cảnh, 2 hình ảnh hiển thị trên 1 dòng 2 cột, bên dưới mỗi địa điểm hiển thị tên địa điểm và nút xem thêm. Phía trên phần thiết kế thứ hai có tiêu đề văn bản “Các địa điểm tham quan.
Tải hình ảnh liên quan đến chủ đề từ các trang chia sẻ hình ảnh miễn phí trên Internet.
2. Thiết kế nội dung trang Tin tức cho trang web chủ đề danh lam thắng cảnh, thông tin là trang tin tức thực hiện nhúng bài viết của các trang tin tức danh lam thắng cảnh. Trang thiết kế có thể bố trí thành 2 phần gồm các yêu cầu sau: nhúng 2 trang web liên quan đến chủ đề, hiển thị các thông tin hình ảnh, tiêu đề bài viết và mô tả ngắn của bài viết đó.

Gợi ý cách thực hiện:

1. Trang “Điểm đến”:
- Nháy vào “Điểm đến”
- Phần 1: Thêm trình chiếu hình ảnh:
+ Nháy “+” → Chèn Google Ảnh hoặc Tải lên nhiều hình ảnh → Tự động tạo trình chiếu
+ Thêm tiêu đề: “Các điểm danh lam thắng cảnh”
- Phần 2:
+ Dùng bố cục 2 cột → Chèn 2–4 hình ảnh có nút “Xem thêm”
+ Nháy “+” → Nút → Gõ tên nút: “Xem thêm” → Dẫn link đến bài mô tả hoặc trang con
2. Trang “Tin tức”:
- Nháy vào “Tin tức”
- Dùng bố cục có hình ảnh và văn bản
- Bài viết 1: “Lễ Vu Lan tại chùa Thiên Mụ”
- Bài viết 2: “Bảo tồn di tích chùa cổ Huế”
- Thêm ảnh, tiêu đề, đoạn mô tả

---The end!---

CÙNG CHUYÊN MỤC:

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

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

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

Bài D1. Giao tiếp trong không gian mạng
Bài D2. Giữ gìn tính nhân văn trong không gian mạng

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

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

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

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

BÀI E4 - SỬ DỤNG CONTENT BLOCKS, BUTTON, DIVIDER (CTST - ICT)

(trang 72 sách ict)

Khi thiết kế nội dung cho trang chủ, em có nên thiết kế kết hợp giữa hình ảnh và văn bản hay không? Để thiết kế giao diện trang web như Hình 1, em sử dụng công cụ nào?

Gợi ý trả lời

- Có. Việc kết hợp hình ảnh và văn bản giúp:
+ Tăng tính thẩm mỹ và hấp dẫn.
+ Làm rõ nội dung, thu hút sự chú ý.
- Để thiết kế giao diện trang web như Hình 1, em sử dụng công cụ Content Blocks – dùng để chèn các mẫu nội dung có sẵn gồm văn bản và hình ảnh theo bố cục định dạng sẵn.

(trang 73 sách ict)

1. Để thiết kế nội dung trang web theo mẫu cho trước thì em sử dụng công cụ nào?
2. Công cụ Content Blocks cung cấp bao nhiêu mẫu thiết kế có sẵn?

Gợi ý trả lời

1. Để thiết kế nội dung trang web theo mẫu cho trước, em sử dụng công cụ: Content Blocks - là công cụ giúp thiết kế nội dung nhanh chóng theo mẫu định dạng sẵn, rất phù hợp để trình bày các phần giới thiệu, dịch vụ, tin tức,...
2. Công cụ Content Blocks cung cấp 6 mẫu thiết kế có sẵn: các mẫu gồm sự kết hợp khác nhau giữa hình ảnh và văn bản (trái – phải, chia cột, lưới,...).

(trang 74 sách ict)

Theo em, màu sắc đường phân chia trang web có thay đổi được hay không?

Gợi ý trả lời

Theo em, màu sắc đường phân chia trang web không thể thay đổi. Google Sites hiện chỉ hỗ trợ một kiểu đường kẻ đơn giản để chia mục, và không hỗ trợ thay đổi màu sắc của đường Divider.

(trang 74 sách ict)

Em có thể tuỳ ý thay đổi màu sắc của nút hay không? Có bao nhiêu tuỳ chọn thay đổi màu sắc của nút?

Gợi ý trả lời

- Không thể tùy ý chọn mọi màu.
- Google Sites cho phép 3 tùy chọn màu nút:
1. Filled (Đầy màu)
2. Outlined (Viền)
3. Text (Chỉ văn bản)
→ Các tùy chọn màu nút liên quan đến màu của theme hiện tại, không chọn màu tùy ý bằng bảng màu.

(trang 74 sách ict)

1. Công cụ Content Blocks cho phép chèn các đối tượng nào? Em hãy kể tên các đối tượng đó.
2. Em hãy cho biết có thể thay đổi bố cục trình bày của mẫu Content Blocks không.
3. Nếu thay đổi màu sắc đường phân chia thì có ảnh hưởng đến màu của giao diện của trang web không?
4. Sau khi tạo liên kết cho một nút, em có thể thay đổi nội dung và liên kết của nút đó không?

Gợi ý trả lời

1. Công cụ Content Blocks cho phép chèn các đối tượng sau:
- Văn bản (Text)
- Hình ảnh (Image)
- Liên kết (Links)
- Nút bấm (Button)
- Video (nếu chèn thủ công vào khu vực đó)
2. Có thể tùy chỉnh một phần:
- Có thể thay đổi vị trí hình ảnh và văn bản trong giới hạn khuôn mẫu.
- Không thể tự do kéo – thả như thiết kế tùy chỉnh hoàn toàn.
3. Không. Vì màu của đường Divider không thể thay đổi, nên nó không ảnh hưởng đến màu giao diện của toàn trang web.
4. Có. Người dùng có thể:
- Đổi tên nút (nội dung hiển thị).
- Thay đổi địa chỉ liên kết (URL).
→ Linh hoạt cập nhật nội dung mà không cần tạo nút mới.

(trang 77 sách ict)

Với trang web chủ đề danh lam thắng cảnh ở địa phương em, hãy thiết kế phần nội dung cho trang chủ. Trang thiết kế gồm các yêu cầu: Có thể chia trang thiết kế làm 3 phần như sau: phần thứ nhất chứa đường phân chia; phần thứ hai, thứ ba tuỳ chọn sử dụng các mẫu trong Content Blocks để thiết kế nội dung và sử dụng các hình ảnh tuỳ chọn liên quan đến chủ đề. Sử dụng màu cho phần thứ hai, thứ ba tuỳ chọn.

Gợi ý cách thực hiện:

1. Nháy vào “Trang chủ”
2. Nháy “+” → chọn bố cục gồm 2 phần hoặc hình ảnh + văn bản
3. Phần 1: Thêm đường phân cách
- Nháy “+” → Dòng kẻ ngang
4. Phần 2 & 3:
- Dùng bố cục “Hình ảnh – Văn bản” để thêm nội dung:
+ Lịch sử Chùa Thiên Mụ
+ Các điểm đặc trưng: tháp Phước Duyên, chuông Đại Hồng Chung, vườn cảnh

---The end!---

CÙNG CHUYÊN MỤC:

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

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

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

Bài D1. Giao tiếp trong không gian mạng
Bài D2. Giữ gìn tính nhân văn trong không gian mạng

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

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

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

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

BÀI E3 - TẠO VĂN BẢN, CHÈN HÌNH ẢNH VÀ TẠO CHÂN TRANG
(CTST - ICT)

BÀI E3 - TẠO VĂN BẢN, CHÈN HÌNH ẢNH VÀ TẠO CHÂN TRANG (CTST - ICT)

(trang 64 sách ict)

Em hãy thảo luận với bạn và chỉ ra vị trí chân trang trong Hình 1. Vì sao cần thiết kế chân trang cho tất cả các trang?

Gợi ý trả lời

- Vị trí chân trang trong Hình 1 là phần cuối cùng của trang web.
- Lý do cần thiết kế chân trang:
+ Cung cấp thông tin liên hệ, bản quyền, liên kết mạng xã hội,...
+ Tăng độ tin cậy và sự chuyên nghiệp cho website.
+ Giúp người truy cập nhanh chóng tìm các thông tin quan trọng.

(trang 67 sách ict)

1. Công cụ Text box hỗ trợ các kiểu chữ nào để định dạng văn bản? Em hãy kể tên các kiểu chữ này.
2. Để chèn hình ảnh vào trang web, có những lựa chọn nào? Em hãy kể tên những lựa chọn này.

Gợi ý trả lời

1. Công cụ Text box trong Google Sites hỗ trợ các kiểu chữ sau:
- Title – Tiêu đề lớn
- Heading – Tiêu đề vừa
- Subheading – Tiêu đề phụ
- Normal text – Văn bản thông thường
- Small text – Văn bản nhỏ
→ Giúp phân cấp nội dung rõ ràng, dễ đọc.
2. Để chèn hình ảnh vào trang web Google Sites, có những lựa chọn sau:
- Tải lên từ máy tính (Upload)
- Chọn từ Google Drive
- Chèn từ Google Photos
- Dán link ảnh (URL)
- Tìm kiếm trực tiếp trên Google Hình ảnh (Image Search)

(trang 67 sách ict)

Công cụ Social links có hỗ trợ chèn tất cả các liên kết mạng xã hội hay không?

Gợi ý trả lời

Không hoàn toàn. Google Sites hỗ trợ chèn các mạng xã hội phổ biến như:
- Facebook
- Instagram
- Twitter
- YouTube
- LinkedIn
Tuy nhiên, một số mạng khác có thể không có biểu tượng riêng, người dùng cần dán link thủ công hoặc chèn biểu tượng tùy chỉnh.

(trang 68 sách ict)

Có bao nhiêu tuỳ chọn điều chỉnh màu cho một mục? Em hãy kể tên các tuỳ chọn này.

Gợi ý trả lời

Google Sites cung cấp 3 tùy chọn màu section:
1. Regular (Bình thường) – màu mặc định
2. Emphasis 1 (Nhấn mạnh 1) – màu nền nhẹ
3. Emphasis 2 (Nhấn mạnh 2) – màu nền đậm
→ Giúp phân biệt và làm nổi bật các phần nội dung khác nhau.

(trang 68 sách ict)

Chọn câu trả lời đúng cho các câu hỏi dưới đây.
1. Để chèn hình ảnh vào trang web, lựa chọn nào sau đây không được hỗ trợ trong Google Sites?
A. Google Drive. B. Link. C. Photos. D. Images.
2. Để thiết kế các mục giống nhau về bố cục, lựa chọn nào sau đây được chọn?
A. Section colors. B. Duplicate section.
C. Delete section. D. Section color.

Gợi ý trả lời

1. Để chèn hình ảnh vào trang web, lựa chọn nào sau đây không được hỗ trợ trong Google Sites?
Đáp án D. Images.
Vì “Images” không phải là một lựa chọn cụ thể trong menu; thay vào đó, ảnh được chèn qua “Upload”, “Drive”, “Photos”, hoặc “By URL”.
2. Để thiết kế các mục giống nhau về bố cục, lựa chọn nào sau đây được chọn?
Đáp án B. Duplicate section.
Duplicate section: cho phép nhân bản một mục có sẵn với cùng bố cục và nội dung – tiết kiệm thời gian khi tạo các mục tương tự.

(trang 71 sách ict)

Với trang web chủ đề danh lam thắng cảnh ở quê hương em, hãy thiết kế chân trang cho trang web. Trang thiết kế gồm các yêu cầu: Có thể chia bố cục trang thiết kế làm ba cột như sau: cột thứ nhất chứa logo, thông tin địa chỉ, số điện thoại, email và các liên kết mạng xã hội (chọn 3 – 4 mạng xã hội); cột thứ hai và cột thứ ba chứa các nội dung liên quan đến chủ đề. Sử dụng màu chân trang tuỳ chọn.

Gợi ý thiết kế chân trang:

1. Cuộn xuống cuối trang, nháy vào “+ Thêm chân trang”
2. Thiết kế 3 cột:
- Nháy vào dấu “+” → Bố cục → Chọn bố cục 3 cột
- Cột 1:
+ Chèn logo: Nháy “+” → Hình ảnh → Tải lên
+ Thêm văn bản: địa chỉ, số điện thoại, email
+ Chèn biểu tượng MXH: Nháy “+” → Biểu tượng → Chọn Facebook, Instagram, YouTube, Zalo → Dán liên kết
- Cột 2 và 3:
+ Nháy “+” → Văn bản → Nhập thông tin: câu trích dẫn, mô tả
3. Nháy vào chân trang → nháy biểu tượng bảng màu → chọn màu xám nhạt

---The end!---

CÙNG CHUYÊN MỤC:

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

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

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

Bài D1. Giao tiếp trong không gian mạng
Bài D2. Giữ gìn tính nhân văn trong không gian mạng

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

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

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

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

BÀI E8 - HOÀN THIỆN VÀ XUẤT BẢN TRANG WEB (CTST - ICT)

BÀI E7 - SỬ DỤNG MAP, FORMS VÀ CÁC THIẾT LẬP TRANG WEB
(CTST - ICT)

BÀI E6 - CHÈN YOUTUBE, CALENDAR, DRIVE VÀ COLLAPSIBLE GROUP (CTST - ICT)

BÀI E5 - NHÚNG MÃ VÀ TẠO BĂNG CHUYỀN HÌNH ẢNH (CTST - ICT)

BÀI E4 - SỬ DỤNG CONTENT BLOCKS, BUTTON, DIVIDER (CTST - ICT)

BÀI E3 - TẠO VĂN BẢN, CHÈN HÌNH ẢNH VÀ TẠO CHÂN TRANG
(CTST - ICT)

Chuyên mục bài viết

Các trang web hữu ích

Các video clip đáng xem

Tổng số lượt xem

BÀI E8 - HOÀN THIỆN VÀ XUẤT BẢN TRANG WEB (CTST - ICT)

BÀI E7 - SỬ DỤNG MAP, FORMS VÀ CÁC THIẾT LẬP TRANG WEB(CTST - ICT)

BÀI E6 - CHÈN YOUTUBE, CALENDAR, DRIVE VÀ COLLAPSIBLE GROUP (CTST - ICT)

BÀI E5 - NHÚNG MÃ VÀ TẠO BĂNG CHUYỀN HÌNH ẢNH (CTST - ICT)

BÀI E4 - SỬ DỤNG CONTENT BLOCKS, BUTTON, DIVIDER (CTST - ICT)

BÀI E3 - TẠO VĂN BẢN, CHÈN HÌNH ẢNH VÀ TẠO CHÂN TRANG(CTST - ICT)

Chuyên mục bài viết

Các trang web hữu ích

Các video clip đáng xem

Tổng số lượt xem

BÀI E7 - SỬ DỤNG MAP, FORMS VÀ CÁC THIẾT LẬP TRANG WEB
(CTST - ICT)

BÀI E3 - TẠO VĂN BẢN, CHÈN HÌNH ẢNH VÀ TẠO CHÂN TRANG
(CTST - ICT)