Nội dung bài viết

    Xem thêm

    Giáo án điện tử Tin học 12 (Chân trời sáng tạo): Bài F4: Thêm dữ liệu đa phương tiện vào trang web

    Với Giáo án PPT Bài F4: Thêm dữ liệu đa phương tiện vào trang web Tin học 12 sách Chân trời sáng tạo sẽ giúp thầy cô dễ dàng biên soạn và giảng dạy bằng giáo án điện tử hay POWERPOINT Tin học 12.

    Chỉ từ 250k mua trọn bộ Giáo án Tin học 12 Chân trời sáng tạo bản PPT trình bày khoa học, đẹp mắt:

    Xem thử tài liệu tại đây: Link tài liệu

    Các bước mua tài liệu:

    1 193 19/01/2026
    Mua tài liệu
    Trang trước
    Chia sẻ
    Trang sau  

    Giáo án điện tử Tin học 12 Chân trời sáng tạo Bài F4: Thêm dữ liệu đa phương tiện vào trang web

    Nội dung đang được cập nhật ...

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

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

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

    Giáo án Tin học 12 (Chân trời sáng tạo): Bài F4: Thêm dữ liệu đa phương tiện vào trang web

    I. MỤC TIÊU

    1. Kiến thức

    Sau bài học này, HS sẽ:

    - Sử dụng được các thẻ HTML để thêm ảnh, video và âm thanh vào trang web.

    2. Năng lực

    Năng lực chung:

    - Tự chủ và tự học: Tự lực (Chủ động, tích cực thực hiện công việc của bản thân).

    - Giao tiếp và hợp tác: Xác định trách nhiệm và hoạt động của bản thân (Phân tích được các công việc cần thực hiện để hoàn thành nhiệm vụ của nhóm trong các hoạt động nhóm).

    - Giải quyết vấn đề và sáng tạo: Hình thành và triển khai ý tưởng mới (Nêu được nhiều ý tưởng mới trong học tập, suy nghĩ không theo lối mòn, tạo ra yếu tố mới dựa trên những ý tưởng khác nhau).

    Năng lực Tin học:

    - NLc (Giải quyết vấn đề với sự hỗ trợ của công nghệ thông tin và truyền thông): Thêm được ảnh, video và âm thanh vào trang web bằng thẻ HTML.

    3. Phẩm chất

    - Chăm chỉ: Tích cực tìm tòi và sáng tạo trong việc học tập.

    - Trách nhiệm: Tích cực, tự giác và nghiêm túc rèn luyện sử dụng thành thạo các mã lệnh.

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

    1. Đối với giáo viên

    - SGK, SBT Tin học 12 – Định hướng Tin học ứng dụng – Chân trời sáng tạo, bài trình chiếu(Slide), máy chiếu, phiếu học tập.

    - Máy tính có cài sẵn phần mềm Visual Studio Code và có kết nối Internet, các tệp HTML dùng trong hoạt động Thực hành.

    2. Đối với học sinh

    - SGK, SBT Tin học 12 – Định hướng Tin học ứng dụng – Chân trời sáng tạo, vở ghi.

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

    A. HOẠT ĐỘNG KHỞI ĐỘNG

    a) Mục tiêu: Sử dụng tình huống thực tế để dẫn dắt nhu cầu sử dụng các tệp đa phương tiện (âm thanh, hình ảnh, video,…) vào trang web.

    b) Nội dung: HS suy nghĩ trả lời câu hỏi Khởi động tr.122 SGK theo hiểu biết của mình.

    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 Khởi động tr.122 SGK.

    d) Tổ chức thực hiện:

    Bước 1: GV chuyển giao nhiệm vụ:

    - GV chia lớp thành các nhóm 3 – 4 HS, cho HS xem trang web https://www.literature.org/ và https://www.elle.vn/, sau đó nêu câu hỏi Khởi động SGK trang 122 cho các nhóm thảo luận: Theo em, một trang web có nội dung chỉ thuần văn bản sẽ có những hạn chế gì so với trang web có thêm hình ảnh và âm thanh?

    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.

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

    Trang web chỉ có nội dung văn bản sẽ gặp một số hạn chế so với trang web có hình ảnh và âm thanh như sau:

    - Giới hạn trong việc truyền đạt thông tin: Hình ảnh, âm thanh, video có thể giúp bổ sung thông tin, tạo trải nghiệm đa dạng và hấp dẫn hơn cho người dùng.

    - Giới hạn về tương tác: Văn bản không cung cấp sự tương tác trực tiếp như âm thanh và hình ảnh. Ví dụ, khung phát video trong trang web có các nút nhấn, điều hướng để người dùng tương tác.

    - Hạn chế về truyền đạt cảm xúc và tinh thần: Văn bản thường không thể truyền đạt được cảm xúc và tinh thần một cách hiệu quả. Ví dụ, âm thanh từ bản nhạc có thể truyền đạt cảm xúc đến người nghe một cách tốt hơn.

    - Hạn chế về việc thu hút, tiếp cận người dùng: Trang web chỉ có văn bản dễ làm người dùng không có ấn tượng, dẫn đến việc họ không quay lại xem trang web này nữa.

    - 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: Việc đưa các tệp tin đa phương tiện vào trang web sẽ giúp thể hiện thông tin tốt hơn và thu hút được sự chú ý của người xem.Vậy để giúp các em biết cách sử dụng các thẻ HTML để thêm ảnh, video và âm thanh vào trang web, chúng ta sẽ cùng nhau đến với Bài F4: Thêm dữ liệu đa phương tiện vào trang web.

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

    Hoạt động 1: Thêm tệp ảnh vào trang web

    a) Mục tiêu: HS sử dụng được thẻ <img> để thêm hình ảnh vào trang web.

    b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 1. Thêm tệp ảnh vào trang web và thực hiện nhiệm vụ.

    c) Sản phẩm: HS biết cách sử dụng thẻ <img> để thêm tệp ảnh vào trang web.

    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 và trả lời các câu hỏi:

    + HTML sử dụng thẻ nào để thêm tệp ảnh vào trang web?

    + Thẻ <img> có thẻ đóng không?

    + Thẻ <img> có những thuộc tính gì?

    - GV phân tích Ví dụ 1 để HS hiểu về cấu trúc của đoạn mã HTML dùng để thêm tệp ảnh vào trang web.

    - 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 hoạt động Làm tr.123 SGK:

    Em hãy bổ sung thuộc tính title cho thẻ <img> trong mã lệnh HTML ở Ví dụ 1. 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.122 – 123 và 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:

    - HS trả lời câu hỏi và nhận xét lẫn nhau.

    Bước 4: Đánh giá kết quả thực hiện:

    - GV nêu nhận xét, chính xác hoá lại các nội dung trả lời của HS.

    - GV kết luận:

    1. Thêm tệp ảnh vào trang web

    - HTML sử dụng thẻ <img> để thêm tệp ảnh vào trang web.

    - Thẻ <img> chỉ có thẻ mở, không có thẻ đóng.

    - Một số thuộc tính của thẻ <img>:

    Bảng 1. Một số thuộc tính của thẻ <img>

    Giáo án điện tử Tin học 12 (Chân trời sáng tạo): Bài F4: Thêm dữ liệu đa phương tiện vào trang web (ảnh 1)

    Ví dụ 1: Mã lệnh HTML sau hiển thị tệp ảnh Chan_dung.jpg lên trang web (Hình 1).

    Giáo án Tin học 12 Chân trời sáng tạo Bài F4: Thêm dữ liệu đa phương tiện vào trang web

    Giáo án điện tử Tin học 12 (Chân trời sáng tạo): Bài F4: Thêm dữ liệu đa phương tiện vào trang web (ảnh 1)

    Hình 1. Kết quả trên trang web khi hình ảnh hiển thị được

    Trong mã lệnh trên:

    + Tệp Chan_dung.jpg được chứa trong thư mục Images nằm cùng nơi với tệp .html hiện hành.

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

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

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

    Tham khảo các loạt bài Giáo án các môn lớp 12 - Chân trời sáng tạo khác:

    Bài viết cùng lớp mới nhất

    Xem thêm
    1 193 19/01/2026
    Mua tài liệu
    Trang trước
    Chia sẻ
    Trang sau  

    Xem thêm các chương trình khác: