1 of 42

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

2 of 42

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

3 of 42

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?

Thảo luận nhóm và đại diện nhóm trả lời phần Khởi động.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

4 of 42

Gợi ý trả lời phần Khởi động:

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.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

5 of 42

Gợi ý trả lời phần Khởi động:

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.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

6 of 42

Nhiệm vụ 1: Tìm hiểu giao diện Tạo Phần thân trang web

Yêu cầu: Nhận biết các chức năng trong giao diện tạo phần thân trang web.

Hướng dẫn:

Bước 1. Xác định vị trí ba bảng chọn các lệnh tạo Phần thân trang web.

Có ba bảng chọn Chèn, TrangGiao diện ở khung bên phải cửa sổ thiết kế trang web (Hình 25.1). Trong bài này chúng ta chỉ làm việc với bảng chọn Chèn.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

7 of 42

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

8 of 42

Bước 2. Tìm hiểu các nhóm lệnh của bảng chọn Chèn.

Bảng chọn Chèn có ba nhóm lệnh sau:

- Nhóm lệnh đầu tiên: Hộp văn bản, Hình ảnh, Nhúng, Drive.

Nếu muốn chèn văn bản hay hình ảnh vào trang web thì nháy chuột vào biểu tượng Hộp văn bản hay Hình ảnh tương ứng. Nếu muốn chèn thông tin từ Google Drive (văn bản, hình ảnh, video, các tư liệu khác được tạo bằng các ứng dụng của Google) thì nháy chuột vào Drive. Nếu muốn chèn các dữ liệu nhúng từ các ứng dụng Internet khác như thời tiết, âm nhạc,… thì nháy chuột vào Nhúng.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

9 of 42

- Nhóm lệnh thứ hai: Các thành phần nội dung.

Google Sites cho phép thực hiện tạo phần thân trang theo kiến trúc khối với các mẫu được hỗ trợ sẵn (Hình 25.1).

- Nhóm lệnh thứ ba: Các đối tượng khác.

Cho phép chèn các đối tượng khác như khối văn bản có thể thu gọn, mục lục, băng chuyền hình ảnh, bản đồ, đoạn video từ YouTube, liên kết,...

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

10 of 42

Trả lời các câu hỏi trắc nghiệm sau đây để củng cố kiến thức phần Nhiệm vụ 1.

Câu 1. Trong giao diện tạo phần thân trang web có ba bảng chọn đó là:

A. Chèn, Trang và Giao diện.

B. Chèn, Trang và Hộp văn bản.

C. Chèn, Hộp văn bản và Hình Ảnh

D. Hộp văn bản, Hình ảnh và Nhúng

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

11 of 42

Câu 2. Nếu muốn chèn các dữ liệu từ các ứng dụng Internet như thời tiết, âm nhạc,…Nháy chuột vào biểu tượng nào trong hình bên dưới?

A. Biểu tượng Hộp văn bản.

B. Biểu tượng Hình ảnh.

C. Biểu tượng Nhúng.

D. Biểu tượng Drive.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

12 of 42

Câu 3. Nếu muốn chèn thông tin từ Google Drive (văn bản, hình ảnh, video, các tư liệu khác được tạo từ các ứng dụng của Google) thì nháy chuột vào biểu tượng nào trong hình bên dưới?

A. Drive.

B. Hộp văn bản.

C. Hình ảnh.

D. Nhúng.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

13 of 42

Câu 4. Trong nhóm lệnh thứ hai (Thành phần nội dung) có bao nhiêu mẫu được hỗ trợ sẵn?

A. 4 mẫu.

B. 6 mẫu.

C. 8 mẫu.

D. 10 mẫu.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

14 of 42

Nhiệm vụ 2: Tạo phần thân trang web

Yêu cầu: Thiết lập được các khối nội dung trong phần thân trang web như Hình 25.2.

Hướng dẫn:

Bước 1. Thiết lập cấu trúc nội dung có hai khối.

Ở nhóm Thành phần nội dung của bảng chọn Chèn, nháy chuột chọn biểu tượng phần thân trang sẽ có cấu trúc hai khối nội dung.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

15 of 42

Bước 2. Thêm ảnh, tiêu đề và văn bản.

Đối với mỗi khối, nháy chuột vào biểu tượng để thêm ảnh vào trang web. Bên dưới ảnh thêm tiêu đề và nội dung bài viết (Hình 25.2).

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

16 of 42

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

17 of 42

Trả lời câu hỏi trắc nghiệm sau đây để củng cố kiến thức phần Nhiệm vụ 2.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

18 of 42

Câu 5. Để tạo phần thân trang web có hai khối nội dung, ta thao tác trên nhóm lệnh nào trong hình bên.

A. Nhóm lệnh (2).

B. Nhóm lệnh (1).

C. Nhóm lệnh (3).

D. Nhóm lệnh (1) và nhóm lệnh (3).

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

19 of 42

Nhiệm vụ 3: Thêm bản đồ vào trang web

Yêu cầu: Nắm vững được các thao tác bổ sung đối tượng (ví dụ bản đồ) và chỉnh sửa.

Hướng dẫn:

Bước 1. Chèn bản đồ.

- Việc thêm bản đồ vào trang web thực chất là những ứng dụng bản đồ vào trang web. Có thể sử dụng lệnh Nhúng trong bảng chọn Chèn để chèn bản đồ. Tuy nhiên, nếu muốn nhúng Google Maps vào trang web thì chỉ cần chọn Bản đồ (Hình 25.3) ở nhóm thứ ba của bảng chọn Chèn.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

20 of 42

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

21 of 42

- Trong cửa sổ Chọn bản đồ, nhập tên (chẳng hạn Thung Nham) vào ô Nhập vị trí rồi xác định một địa điểm hoặc chọn Đặt dấu vị trí để xác định địa điểm trên bản đồ bằng cách nháy chuột. Sau khi có địa điểm trên bản đồ (có dấu ) thì nháy chuột vào nút Chọn để thêm bản đồ vào trang web (Hình 25.4).

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

22 of 42

Bước 2. Thay đổi kích thước và di chuyển bản đồ.

- Có thể thay đổi kích thước của bản đồ bằng cách chọn bản đồ rồi kéo thả chuột tại các nút trên khung để được kích thước mong muốn (Hình 25.5).

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

23 of 42

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

24 of 42

- Kéo thả chuột để di chuyển bản đồ vào vị trí mong muốn (Hình 25.6).

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

25 of 42

Trả lời câu hỏi trắc nghiệm sau đây để củng cố kiến thức phần Nhiệm vụ 3.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

26 of 42

Câu 6. Nếu muôn nhúng Google Maps vào trang web thì nháy chuột vào biểu tượng nào trong các nhóm lệnh của hình bên?

A. Nháy chuột vào biểu tượng Bản đồ trong nhóm lệnh (3).

B. Nháy chuột vào biểu tượng Hộp văn bản trong nhóm lệnh (1).

C. Nháy chuột biểu tượng Hình ảnh trong nhóm lệnh (1).

D. Nháy chuột vào biểu tượng Bảng chuyển hình ảnh trong nhóm lệnh (3).

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

27 of 42

Câu 7. Trong nhóm lệnh (3) có mục Bộ chia (hình bên phải), tác dụng của Bộ chia là gì?

A. Phân nhóm nội dung.

B. Chia phần đầu của trang web thành nhiều nhóm.

C. Chia sẻ dữ liệu cho người dùng.

D. Phân nhóm cho các phần đầu trang, thân trang và chân trang.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

28 of 42

Nhiệm vụ 4: Chỉnh sửa các đối tượng đã có

Yêu cầu: Nắm vững được các thao tác chỉnh sửa trang web.

Hướng dẫn:

- Các thao tác thay đổi kích thước, di chuyển các đối tượng đã có (khối văn bản, hình ảnh, bản đồ,…) tương tự đối với bản đồ: chọn khối và kéo thả chuột.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

29 of 42

- Nếu muốn sao chép hay xóa một đối tượng: chọn đối tượng đó và quan sát bảng chọn tắt tương ứng, trong đó các nút lệnh (sao chép) và (xóa). Nháy chuột vào nút lệnh tương ứng nếu muốn sao chép hoặc xóa đối tượng đã chọn (Hình 25.7).

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

30 of 42

Lưu ý: Có thể hủy bỏ một lệnh vừa thực hiện (undo) hay thực hiện lại một lệnh trước đó (redo) (Hình 25.8).

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

31 of 42

Trả lời câu hỏi trắc nghiệm sau đây để củng cố kiến thức phần Nhiệm vụ 4.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

32 of 42

Câu 8. Để chỉnh sửa các đối tượng đã có, ta chọn các đối tượng đó và quan sát bảng chọn tắt tương ứng (hình bên dưới), cho biết ý nghĩa các nút lệnh trong bảng chọn tắt này.

A. (1)-Màu, (2)-Copy, (3)-Xóa.

B. (1)-Màu, (2)-Xóa, (3)-Copy.

C. (1)-Copy, (2)-Màu, (3)-Xóa.

D. (1)-Xóa, (2)-Copy, (3)-Màu.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

33 of 42

Nhiệm vụ 5: Thiết lập chân Trang

Yêu cầu: Nắm vững được các thao tác thiết lập phần chân trang.

Hướng dẫn: 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 lúc này, không gian cho phần chân trang sẽ xuất hiện. Tương tự như với phần thân trang, có thể chèn vào phần này các khối văn bản và sắp xếp chúng theo ý muốn của người dùng. Chẳng hạn, nội dung phổ biến nhất là tuyên bố về bản quyền, thông tin liên lạc như địa chỉ email, số điện thoại,… (Hình 25.9, Hình 25.10). Cũng có thể chèn vào các liên kết đến mạng xã hội của chủ thể trang web bằng cách nháy chuột vào Đường liên kết đến mạng xã hội, sau đó nhập vào các địa chỉ liên kết (Hình 25.10).

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

34 of 42

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

35 of 42

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,...

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

36 of 42

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

37 of 42

Gợi ý trả lời Luyện tập (trang 143)

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".

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

38 of 42

Gợi ý trả lời Luyện tập (trang 143)

- 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.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

39 of 42

Gợi ý trả lời Luyện tập (trang 143)

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

40 of 42

Nhiệm vụ 1: Tìm hiểu giao diện tạo phần than trang web

Nhiệm vụ 2: Tạo phần than trang web

Nhiệm vụ 3: Thêm bản đồ vào trang web

Nhiệm vụ 4: Chỉnh sửa các đối tượng đã có

Nhiệm vụ 5: Thiết lập chân trang

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

41 of 42

1. Làm phần VẬN DỤNG (SGK trang 143)

2. Xem trước Bài 26. Liên kết và thanh điều hướng (SGK trang 144)

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang

42 of 42

Các em làm trắc nghiệm Online để củng cố bài.

1. Đăng nhập vào trang thaycai.net

2. Nháy chọn Tin học 12

3. Nháy chuột vào  Trắc nghiệm tin học 12 - Kết nối tri thức

4. Nháy chuột vào Bài 25. Xây dựng phần than và chân trang web.

Website: thaycai.net Youtube: Thầy Cải – Quốc Thái – An Giang