1 Ngày soạn:…/…/… Ngày dạy:…/…/… BÀI 10: TẠO LIÊN KẾT (2 tiết) I. MỤC TIÊU 1. Kiến thức Sau bài học này, HS sẽ: - Sử dụng thẻ HTML tạo được các loại liên kết. 2. Năng lực Năng lực chung: - Năng lực học tập, tự học: HS biết tự tìm kiếm, chuẩn bị và lựa chọn tài liệu, phương tiện học tập trước giờ học, quá trình tự giác tham gia các và thực hiện các hoạt động học tập cá nhân trong giờ học ở trên lớp,… - Năng lực giao tiếp và hợp tác: Khả năng phân công và phối hợp thực hiện nhiệm vụ học tập. - Năng lực giải quyết vấn đề sáng tạo: HS đưa ra các phương án trả lời cho câu hỏi, bài tập xử lý tình huống, vận dụng kiến thức, kĩ năng của bài học để giải quyết vấn đề thường gặp. Năng lực Tin học: - Hiểu được 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. - Tạo được các siêu 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 gian mạng. II. THIẾT BỊ DẠY HỌC VÀ HỌC LIỆU
2 - GV: SGK, SBT Tin học 12 – Định hướng Tin học ứng dụng – Kết nối tri thức, bài trình chiếu (Slide), phòng máy tính có kết nối Internet, máy chiếu; 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, SBT Tin học 12 – Định hướng Tin học ứng dụng – Kết nối tri thức, vở ghi. III. TIẾN TRÌNH DẠY HỌC A. HOẠT ĐỘNG KHỞI ĐỘNG 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) Nội dung: HS dựa vào hiểu biết để trả lời các câu hỏi. c) Sản phẩm: Từ yêu cầu, HS vận dụng sự hiểu biết để trả lời câu hỏi GV đưa ra. d) Tổ chức thực hiện: Bước 1: GV chuyển giao nhiệm vụ: - GV chia lớp thành 4 nhóm học tập, cho HS xem website về báo điện tử https://vnexpress.net/, sau đó nêu câu hỏi Khởi động SGK trang 57 cho các nhóm thảo luận: Em hãy nêu những điểm khác biệt khi em đọc thông tin trên các trang web với việc em đọc sách, báo giấy. Theo em, điểm khác biệt nào là quan trọng nhất? Bước 2: HS thực hiện nhiệm vụ học tập: - Các nhóm HS thảo luận và trả lời câu hỏi Khởi động SGK trang 57. - GV quan sát quá trình các nhóm thảo luận, giải đáp thắc mắc nếu HS chưa rõ. Bước 3: Báo cáo kết quả hoạt động, thảo luận: - GV mời một số nhóm báo cáo kết quả thảo luận. Gợi ý trả lời: Có một số điểm khác biệt quan trọng khi đọc thông tin trên các trang web so với việc đọc sách, báo giấy. Trong số đó, điểm khác biệt quan trọng nhất là tính tương tác và
3 linh hoạt. Khi đọc thông tin trên các trang web, người đọc có thể tương tác trực tiếp với nội dung bằng cách nháy chuột vào liên kết để đi tới nội dung khác, tìm kiếm, xem video, gửi phản hồi, chia sẻ với người khác,… - Các nhóm khác lắng nghe và góp ý. Bước 4: Đánh giá kết quả thực hiện: GV đánh giá kết quả của HS, dẫn dắt HS vào bài học mới: Khi xây dựng trang web bằng HTML, các em có thể tạo liên kết từ một vị trí nào đó tới một vị trí bất kì trên Internet. Và để thực hiện được điều đó, chúng ta sẽ cùng nhau tìm hiểu Bài 10: Tạo liên kết. B. HÌNH THÀNH KIẾN THỨC MỚI Hoạt động 1: Nhận biết siêu văn bản a) Mục tiêu: HS nhận biết đặc điểm đã chỉ ra trong hoạt động Khởi động chính là đặc điểm của siêu văn bản: có thể tạo liên kết tới các vị trí khác, từ đó có thể nhanh chóng chuyển đến vị trí được tham chiếu một cách chính xác. b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 1. SIÊU VĂN BẢN VÀ ĐƯỜNG DẪN, thảo luận nhóm thực hiện nhiệm vụ. c) Sản phẩm: Khái niệm siêu văn bản, siêu liên kết, đường dẫn tuyệt đối và đường dẫn tương đối. d) Tổ chức thực hiện: HOẠT ĐỘNG CỦA GV VÀ HS SẢN PHẨM DỰ KIẾN Bước 1: GV chuyển giao nhiệm vụ: - GV yêu cầu HS hoạt động cá nhân, đọc Hoạt động 1 – Nhận biết siêu văn bản SGK tr.57 và trả lời câu hỏi: Các tệp có phần mở rộng .docx được tạo bởi Microsoft Word có thể là một siêu văn bản còn tệp có phần mở rộng .txt tạo bởi Notepad thì không. Theo em, siêu văn bản có những 1. SIÊU VĂN BẢN VÀ ĐƯỜNG DẪN - Siêu văn bản (hypertext) là loại văn bản mà nội dung của nó không chỉ chứa văn bản mà còn có thể chứa nhiều dạng dữ liệu khác như âm thanh, hình ảnh,... và đặc biệt là chứa các siêu liên kết (hyperlink) tới siêu
4 đặc điểm gì? - GV chia lớp thành các nhóm 2 – 3 HS để thảo luận và đặt câu hỏi: + Thế nào là siêu văn bản? + Siêu liên kết là gì? + Trong HTML, các liên kết được tạo ra như thế nào? + Có mấy loại đường dẫn? Mỗi loại đường dẫn có đặc điểm gì? - GV yêu cầu HS vận dụng kiến thức vừa tìm hiểu, trả lời Câu hỏi củng cố kiến thức SGK tr.58: Trong các đường dẫn sau, đường dẫn nào là tuyệt đối, đường dẫn nào là tương đối? a) html/cach_tao_lien_ket.html b) http://google.com c)mail.google.com/mail/u/0/#inbox/FMfcgzG MpKDHQFWcdfxcmMtxvZ Bước 2: HS thực hiện nhiệm vụ học tập: - HS tìm hiểu nội dung mục 1 SGK tr.57 – 58 và thảo luận theo nhóm thực hiện nhiệm vụ. - GV quan sát và trợ giúp HS. Bước 3: Báo cáo kết quả hoạt động, thảo luận: - Đại diện các nhóm HS trả lời. - Các nhóm khác đưa ra ý kiến nhận xét. Hướng dẫn trả lời câu hỏi Hoạt động 1 văn bản khác. Khi xem siêu văn bản, không cần xem tuần tự từ đầu đến cuối mà có thể nhờ các siêu liên kết để truy cập vị trí tương ứng không theo trình tự nào. - Siêu liên kết (còn gọi tắt là liên kết) là một tham chiếu để liên kết tới siêu văn bản khác. Người dùng có thể dễ dàng truy cập đến văn bản liên kết bằng cách nháy chuột vào vị trí đặt liên kết trong văn bản ban đầu. - Tạo liên kết: + HTML sử dụng thẻ <a> để tạo các liên kết. + Cấu trúc chung của thẻ <a> có dạng: Trong đó: URL là địa chỉ (đường dẫn) tham chiếu tới tài liệu được liên kết. Đường dẫn URL phải được nằm trong cặp dấu nháy kép " ". Thuộc tính href dùng để cung cấp địa chỉ của trang web hay tài nguyên được liên kết (URL) tới. - Có hai loại URL chính: + Đường dẫn tuyệt đối:
English