Soạn giáo án điện tử Tin 12 khoa học máy tính KNTT bài 11: Chèn tập tin đa phương tiện và khung nội tuyến vào trang web

Nội dung giáo án

BÀI 11: CHÈN TẬP TIN ĐA PHƯƠNG TIỆN VÀ KHUNG NỘI TUYẾN VÀO TRANG WEB

KHỞI ĐỘNG

• Có những điểm gì khiến em thấy hứng thú hơn khi xem các trang web so với đọc sách.

1. CHÈN TỆP ẢNH VÀO TRANG WEB

Hoạt động 1: Các định dạng tệp ảnh

• Hãy kể tên các định dạng tệp ảnh mà em biết. Phân loại chúng vào nhóm đồ họa vecter hoặc đồ họa điểm ảnh.
• Thẻ <img> chỉ dùng khi chèn ảnh jpg vào trang web có đúng không?
• Hãy nêu một số trường hợp có thể xảy ra lỗi khi hiển thị hình ảnh.

2. CHÈN ÂM THANH VÀ VIDEO VÀO TRANG WEB

Hoạt động 2: Nhận biết các thẻ và thuộc tính thẻ liên quan tới video

• Quan sát đoạn mã sau và xác định đoạn mã này có chức năng gì?
• Thuộc tính src có tác dụng gì với thẻ <audio>?

3. TẠO KHUNG NỘI TUYẾN TRONG TRANG WEB

Hoạt động 3: Trao đổi và nhận xét

• Trong các bài đăng có đính kèm video, một số trang web sẽ hiển thị nội dung video trong một khung và cho phép tương tác bên trong khung đó. Em có nhận xét gì về giao diện của cả trang khi thực hiện các thao tác bên trong khung này?
• Viết các câu lệnh để tạo hai khung nội tuyến có kích thước bằng nhau, hiển thị song song (theo phương ngang) trên trang web.

4. THỰC HÀNH CHÈN TỆP ĐA PHƯƠNG TIỆN VÀ KHUNG NỘI TUYẾN

• HS nghiên cứu Nhiệm vụ 1 trong SGK và nêu yêu cầu cần đạt trong nhiệm vụ, những điều cần lưu ý trong quá trình thực hành.
• HS nghiên cứu Nhiệm vụ 2 trong SGK và nêu yêu cầu cần đạt trong nhiệm vụ, những điều cần lưu ý trong quá trình thực hành.
• HS nghiên cứu Nhiệm vụ 3 trong SGK và nêu yêu cầu cần đạt trong nhiệm vụ, những điều cần lưu ý trong quá trình thực hành.

LUYỆN TẬP

• Cho ảnh có kích thước gốc là 720 x 450 pixel. Chèn ảnh vào trang web bằng câu lệnh:
• Hỏi ảnh trong trang web có kích thước bao nhiêu?
• Chèn thêm một số ảnh của mình vào trang web giới thiệu bản thân (em đã tạo ở phần Luyện tập Bài 10)

VẬN DỤNG

• Tạo một khung nội tuyến và liên kết đến bài hát em yêu thích (Ví dụ trên youtube) vào trang web giới thiệu bản thân.