1 of 36

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

2 of 36

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

3 of 36

Ở 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?

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 36

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

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

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

5 of 36

Nhiệm vụ 1: Tìm hiểu mô hình các trang web liên kết với nhau theo cấu trúc hình cây

Yêu cầu: Hiểu được mô hình tổ chức các trang web theo cấu trúc hình cây.

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

6 of 36

Hướng dẫn: Giải pháp hữu hiệu để có thể trình bày đầy đủ văn bản mà không làm hỏng sự cân đối trong trình bày của trang web là tạo ra các trang độc lập và sử dụng các liên kết đến chúng từ phần giới thiệu ở trang chủ. Chẳng hạn, ở trang chủ mỗi địa danh có hình ảnh, tiêu đề cùng ba dòng giới thiệu tóm tắt và kết thúc với Đọc tiếp. Cụm từ này được gắn liên kết (link) đến trang web với đầy đủ thông tin về địa danh đó. Khi duyệt web, người dùng nháy chuột vào Đọc tiếp để mở trang web có đầy đủ thông tin về địa danh tương ứng.

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

7 of 36

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

8 of 36

Tương tự, trên thanh điều hướng, cũng có thể đưa vào các cụm từ mang liên kết đến các trang khác, làm thành một bản chọn trên thanh điều hướng. Từ đó, xuất hiện khái niệm trang con. Các trang web được mở từ bảng chọn của trang chủ được gọi là trang con của trang chủ. Các trang con của trang chủ cũng có thể có các trang con của mình,… (Hình 26.2). Như vậy, các trang web có thể được tổ chức, sắp xếp theo cấu trúc tương tự cây thư mục.

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

9 of 36

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. Các trang web được mở từ bảng chọn của trang chủ được gọi là … của trang chủ. Điền cụm từ còn thiếu vào dấu ba chấm.

A. trang con

B. trang đồng cấp

C. trang ngang hàng

D. trang cha

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

10 of 36

Câu 2. Quan sát hình bên dưới và cho biết trang Mù Cang Chải là:

A. Trang con của Đồng bằng – Trung du Bắc bộ.

B. Trang con của trang Tây Bắc – Đông Bắc.

C. Trang con của Trang chủ.

D. Tran đồng cấp với trang Tây Bắc – Đông Bắc.

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

11 of 36

Câu 3. Quan sát hình bên dưới và cho biết trang Thung Nham là:

A. Trang con của trang Đồng bằng – Trung du Bắc bộ.

B. Trang con của trang Tây Bắc – Đông Bắc.

C. Là trang con của Trang chủ.

D. Là trang đồng cấp với trang Đồng bằng – Trung du Bắc bộ.

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

12 of 36

Câu 4. Các trang web được mở từ bảng chọn của trang chủ được gọi là trang con của trang chủ. Các trang con của trang chủ cũng có thể có các trang con của mình. Như vậy, các trang web có thể được tổ chức, sắp xếp theo cấu trúc tương tự …

Hãy điền cụm từ còn thiếu vào dấu ba chấm.

A. cây thư mục.

B. thư mục gốc.

C. thư mục con.

D. các ổ đĩa trong máy tính.

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

13 of 36

Nhiệm vụ 2: Tạo và truy cập các trang con

Yêu cầu: Xây dựng được các trang con của trang chủ.

Hướng dẫn:

Bước 1. Tạo trang con.

- Chọn bảng chọn Trang trong khung bên phải trong cửa sổ thiết kế của Google Sites. Nháy chuột vào dấu cạnh Trang chủ và chọn Thêm trang con. Nhập tên trang con Tây Bắc - Đông Bắc và chọn Xong (Hình 26.3).

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

14 of 36

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

15 of 36

- Tương tự, em có thể tạo trang con của trang Tây Bắc - Đông Bắc, chẳng hạn là trang Mù Cang Chải. Ở khung bên phải sẽ xuất hiện trang chủ và trang con Tây Bắc - Đông Bắc của trang chủ và trang con Mù Cang Chải của trang Tây Bắc - Đông Bắc (Hình 26.4).

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

16 of 36

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

17 of 36

Bước 2. Truy cập các trang.

- Trong giao diện thiết kế trang web, đưa con trỏ chuột đến Trang chủ, sẽ có bảng chọn mở ra với lựa chọn Tây Bắc - Đông Bắc. Nháy chuột vào biểu tượng bên trái Tây Bắc - Đông Bắc, sẽ thấy lựa chọn Mù Cang Chải (Hình 26.4).

- Muốn truy cập một trang con thì nháy chuột vào tên trang đó ở bảng chọn được mở ra từ Trang chủ.

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

18 of 36

- Google Sites tự động điều chỉnh giao diện trang web khi người dùng truy cập bằng điện thoại hay máy tính bảng. Theo đó, bảng chọn trên thanh điều hướng được tự động chuyển sang phía phải, ngay trước logo của trang và có dạng . Nếu muốn bảng chọn này hiển thị trên máy tính giống như trên điện thoại thì chọn Cài đặt 🡪 Điều hướng 🡪 Phần tử xuất hiện nhiều nhất 🡪 Bên (Hình 26.5).

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

19 of 36

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

20 of 36

Bước 3. Thêm nội dung cho các trang con.

- Các trang Tây Bắc - Đông Bắc, Mù Cang Chải đã được khởi tạo nhưng chưa có nội dung. Phần đầu của các trang này được tạo tự động với hình nền của trang chủ và tiêu đề tương ứng là Tây Bắc - Đông Bắc hay Mù Cang Chải.

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

21 of 36

- Công việc tiếp theo phải làm là chỉnh sửa phần đầu các trang này và thêm vào nội dung. Chẳng hạn, vì là các trang con nên giảm chiều cao của phần đầu trang, thay hình nền để phân biệt. Trang Mù Cang Chải chứa thông tin đầy đủ chi tiết về Mù Cang Chải bao gồm văn bản, hình ảnh, âm thanh, video,… Trang Tây Bắc - Đông Bắc sẽ chứa thông tin giới thiệu khái quát về vùng Tây Bắc - Đông Bắc.

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

22 of 36

Bước 4. Tạo liên kết trong bài giới thiệu.

- Mở trang chủ, nháy chuột ở cuối đoạn giới thiệu về Mù Cang Chải, nháy chuột vào biểu tượng (chèn đường liên kết). Chọn đường liên kết là Mù Cang Chải, nhập Đọc tiếp vào ô Văn bản, nháy chuột chọn Áp dụng (Hình 26.6).

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

23 of 36

- Hãy lập trang con Đồng bằng - Trung du Bắc bộ và lập trang con Thung Nham của trang này.

- Tạo liên kết trong bài Thung Nham ở trang chủ đến trang Thung Nham.

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

24 of 36

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

Câu 5. Để tạo trang con cho trang chủ, cách làm nào sau đây là đúng (xem hình bê dưới)?

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

25 of 36

A. Trong bảng chọn Trang, nháy chuột vào vị trí (1) rồi chọn Thêm trang con.

B. Trong bảng chọn Trang, nháy chuột vào vị trí (2) rồi chọn Thêm trang con.

C. Trong bảng chọn Trang, nháy chuột vào vị trí (4) rồi chọn Thêm trang con.

D. Trong bảng chọn Trang, nháy chuột vào vị trí (3) rồi chọn Thêm trang con.

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

26 of 36

Câu 6. Google Sites tự động điều chỉnh giao diện trang web khi người dùng truy cập bằng điện thoại hay máy tính bảng. Theo đó, bảng chọn trên thanh điều hướng được tự động chuyển sang phía phải, ngay trước logo của trang và có dạng . Nếu muốn bảng chọn này hiển thị trên máy tính giống như trên điện thoại thì chọn:

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

27 of 36

A. Cài đặt 🡪 Điều hướng 🡪 Phần tử xuất hiện nhiều nhất 🡪 Bên.

B. Cài đặt 🡪 Điều hướng 🡪 Phần tử xuất hiện nhiều nhất 🡪 Trên cùng.

C. Cài đặt 🡪 Điều hướng 🡪 Công cụ dành cho người xem 🡪 Bên.

D. Cài đặt 🡪 Điều hướng 🡪 Công cụ dành cho người xem 🡪 Trên cùng.

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

28 of 36

Câu 7. Để tạo liên kết cho các bài viết, nháy chuột vào biểu tượng nào dưới đây?

A. Nháy chuột vào biểu tượng (1).

B. Nháy chuột vào biểu tượng (2).

C. Nháy chuột vào biểu tượng (3).

D. Nháy chuột vào biểu tượng (4).

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

29 of 36

Câu 8. Khi soạn thảo nội dung văn bản trong các trang web trên Google, chọn biểu tượng nào trong các biểu tượng bên dưới?

A. Chọn biểu tượng (1).

B. Chọn biểu tượng (2).

C. Chọn biểu tượng (3).

D. Chọn biểu tượng (4).

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

30 of 36

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.

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

31 of 36

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

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

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

32 of 36

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

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

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

33 of 36

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

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

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

34 of 36

Nhiệm vụ 1: Tìm hiểu mô hình các trang web liên kết với nhau theo cấu trúc hình cây.

Nhiệm vụ 2: Tạo và truy cập các trang con.

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

35 of 36

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

2. Xem trước Bài 27. Biểu mẫu trên trang web (SGK trang 147)

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

36 of 36

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 26. Liên kết và thanh điều hướng.

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