Giáo án Tin học 12 Kết nối tri thức Bài 10: Tạo liên kết

Giáo án Tin học 12 Kết nối tri thức Bài 10: Tạo liên kết

Xem thử

Chỉ từ 400k mua trọn bộ Giáo án Tin học 12 Kết nối tri thức bản word chuẩn kiến thức, trình bày đẹp mắt, dễ dàng chỉnh sửa:

• B1: gửi phí vào tk: 0711000255837 - NGUYEN THANH TUYEN - Ngân hàng Vietcombank (QR)
• B2: Nhắn tin tới Zalo VietJack Official - nhấn vào đây để thông báo và nhận giáo án

I. MỤC TIÊU

1. Kiến thức

Học sinh được học về:

- Khái niệm siêu văn bản, đường dẫn, đường dẫn tương đối và đường dẫn tuyệt đối.

2. Năng lực

- Sử dụng thẻ HTML tạo được các liên kết.

3. Phẩm chất

- Hình thành tư duy tổng quan về sự liên kết giữa các thành phần trong một tổng hợp phức tạp.

- Có trách nhiệm khi chia sẻ các nguồn tài nguyên trên không mạng.

II. THIẾT BỊ DẠY HỌC VÀ HỌC LIỆU

- GV chuẩn bị:

• SGK, bài giảng PPT, phòng máy tính có kết nối Internet, máy chiếu.

• Chuẩn bị một số tệp tin siêu văn bản, các đoạn lệnh mẫu để minh hoạ.

• Chuẩn bị các thư mục và tệp tin tương ứng với cấu trúc website được mô tả trong SGK.

- HS: SGK, vở ghi, chuẩn bị bài ở nhà.

III. TIẾN TRÌNH DẠY HỌC

Bài học được thực hiện trong 2 tiết: 1 tiết lí thuyết, 1 tiết thực hành.

A. MỞ ĐẦU

Hoạt động 1: Khởi động (5 phút)

a) Mục tiêu:

- HS thấy được sự khác biệt giữa nội dung sách báo giấy và trang web. Từ đó thấy được những ưu việt của các trang web, khơi gợi tò mò cho HS, tạo hứng khởi bắt đầu bài học.

b) Tổ chức thực hiện

- GV đưa ra câu hỏi khởi động trong SGK/57.

- HS thảo luận nhóm đôi, suy nghĩ và trả lời câu hỏi.

- Sau 2 phút, GV mời một số HS trả lời câu hỏi.

- HS có thể trả lời được: trên trang web có những đối tượng khác mà sách, báo giấy không có: video, hyperlink...; vì có hyperlink nên có thể dễ dàng di chuyển đến những vị trí gắn link trước đó; link giúp di chuyển trong trang web đó hoặc trang web khác.

- GV tổng kết câu trả lời, GV dẫn dắt vào nội dung bài.

B. HÌNH THÀNH KIẾN THỨC MỚI

Hoạt động 2. Tìm hiểu về đặc điểm của siêu văn bản và đường dẫn (10 phút)

a) Mục tiêu

- HS biết đặc điểm của siêu văn bản và ý nghĩa của liên kết trong các siêu văn bản.

b) Tổ chức thực hiện

# 1. Chuyển giao nhiệm vụ

- Từ nội dung của hoạt động khởi động, GV chỉ ra trang web là một loại siêu văn bản ➔ đặc điểm của siêu văn bản. HS lắng nghe.

- GV giới thiệu về 2 loại đường dẫn, phân tích dựa trên ví dụ.

- GV nêu ví dụ một số đường dẫn, HS nhận dạng loại đường dẫn.

Nội dung:

1. Siêu văn bản (hypertext):

2. Tạo liên kết trong trang web

- Cú pháp tạo liên kết:

- Các loại đường dẫn:

+ Đường dẫn tuyệt đối:

+ Đường dẫn tương đối:

3. Ví dụ một số đường dẫn, phân loại

# 2. Thực hiện nhiệm vụ:

- HS nghe giảng

- HS vận dụng kiến thức được học, nhận dạng đường dẫn

Kết quả:

1. Siêu văn bản (hypertext):

Nội dung chứa:

o Văn bản

o Dữ liệu khác: hình ảnh, âm thanh, video…

o Siêu liên kết (hyperlink)

2. Tạo liên kết trong trang web

- Cú pháp tạo liên kết:

Trong đó:

<a>: tên thẻ tạo liên kết

href: tên thuộc tính khai báo liên kết.

URL: địa chỉ (đường dẫn) tới tài liệu được liên kết.

- Các loại đường dẫn:

+ Đường dẫn tuyệt đối:

VD: https://www.nxbgd.vn/; https://dantri.com.vn/

- Là địa chỉ đầy đủ gồm giao thức (http:// hoặc https://), tên miền, tên đường dẫn đến tài liệu.

Ý nghĩa: Sử dụng liên kết tới tài liệu trên mạng Internet mà tài liệu không nằm trên cùng máy chủ hoặc máy tính đang cài đặt trang web.

+ Đường dẫn tương đối:

VD: Hình 10.1, đường dẫn từ tệp index.html tới tệp bai_tap_1.html href = “BT/bài_tap_1.html

- Là đường dẫn tới tài liệu, thường không bao gồm giao thức hay tên miền.

- Ý nghĩa: Liên kết từ tài liệu hiện tại tới tài liệu khác trên cùng cùng máy chủ hoặc máy tính đặt trang web.

3. Ví dụ một số đường dẫn

- Đáp án b là đường dẫn tuyệt đối, còn lại là đường dẫn tương đối.

# 3. Báo cáo, thảo luận

- GV mời một số HS trả lời câu hỏi, các HS khác nhận xét.

- GV lưu ý: Đường dẫn tuyệt đối khó nhớ, cần ghi chính xác ➔ GV hướng dẫn HS cách sao chép đường dẫn tuyệt đối (trên thanh địa chỉ) của trang web nào đó, để sử dụng tạo liên kết sau này.

# 4. Kết luận

- Chốt các kiến thức trọng tâm, dẫn dắt sang mục 2 cách tạo liên kết tới một trang web.

Hoạt động 3. Tìm hiểu về cách liên kết tới một trang web (30 phút)

a) Mục tiêu:

- HS hiểu và vận dụng cấu trúc tạo bảng trên trang web.

b) Tổ chức thực hiện

# 1. Chuyển giao nhiệm vụ

- GV giới thiệu 2 kiểu liên kết, liên kết trong, liên kết ngoài, tương ứng với đường dẫn tuyệt đối và đường dẫn tương đối ở trên.

- Giáo viên giao nhiệm vụ HS đọc SGK, note lại các nội dung bằng cách trả lời các câu hỏi.

- Sau khi hoàn thành nhiệm vụ đọc hiểu, GV lần lượt nêu yêu cầu thực hiện câu hỏi tự luyện trang 60 và hỏi nhanh các câu hỏi trắc nghiệm củng cố.

Chú ý: Trong khi triển khai hoạt động, không đủ thực hiện các nội dung hoạt động 1,2,3 trong trọn vẹn 1 tiết học, có thể chuyển nội dung các câu hỏi trắc nghiệm củng cố xuống phần luyện tập cuối tiết 2.

1. Đọc SGK mục 2, với mỗi kiểu liên kết HS trả lời câu hỏi:

- Kiểu liên kết là liên kết trong hay liên kết ngoài? Kiểu đường dẫn? Cho ví dụ? kết quả?

* Liên kết từ trang web hiện tại đến một trang web khác trên Internet (liên kết ngoài)

* Liên kết từ trang web hiện tại tới các vị trí khác trong cùng website (liên kết trong)

2. Câu hỏi tự luyện trang 60.

3. Câu hỏi trắc nghiệm.

C1. Quan sát Hình 10.1, tại tệp index.html, tạo liên kết như sau:

<a href = “bai_tap/bai_tap_2.html”> liên kết </a> Hỏi liên kết dẫn tới tài liệu nào?

C2. Từ tệp bai_tap_2, muốn liên kết đến tệp bai_tap_on_tap, cần tạo liên kết như thế nào?

a. <a href = “bai_tap/on_tap/bai_tap_on_tap.html”> Bài ôn tập </a>

b. <a href = “bai_tap/bai_tap_2/on_tap/bai_tap_on_tap.html”> Bài ôn tập </a>

c. <a href = “bai_tap/on_tap/bai_tap_on_tap.html”> Bài tập ôn tập <a>

d. <a href = “on_tap/bai_tap_on_tap.html”> Bài tập ôn tập </a> C3. Liên kết tới tệp ảnh nên sử dụng kiểu đường dẫn:

a. Đường dẫn tuyệt đối

b. Đường dẫn tương đối

c. Đường dẫn tương đối đến chính tệp chứa liên kết.

d. Để ảnh trên Internet, copy đường dẫn của ảnh và chèn vào trang web.

# 2. Thực hiện nhiệm vụ:

- HS nghe giảng

- HS nhận nhiệm vụ, làm việc nhóm đôi, đọc SGK và ghi.

- HS thảo luận, trả lời câu hỏi.

Kết quả:

1. Liên kết từ trang web hiện tại đến một trang web khác trên Internet

- Liên kết ngoài, sử dụng đường dẫn tuyệt đối.

- Ví dụ:

................................

................................

................................

(Nguồn: NXB Giáo dục)

Trên đây tóm tắt một số nội dung miễn phí trong bộ Giáo án Tin học 12 Kết nối tri thức mới nhất, để mua tài liệu đầy đủ, Thầy/Cô vui lòng xem thử:

Xem thử

Xem thêm các bài soạn Giáo án Tin học lớp 12 Kết nối tri thức hay, chuẩn khác:

• Giáo án Tin 12 Bài 11: Chèn tệp tin đa phương tiện và khung nội tuyến vào trang web

• Giáo án Tin 12 Bài 12: Tạo biểu mẫu

• Giáo án Tin 12 Bài 13: Khái niệm, vai trò của CSS

• Giáo án Tin 12 Bài 14: Định dạng văn bản bằng CSS

• Giáo án Tin 12 Bài 15: Tạo màu cho chữ và nền

---