Giáo án điện tử Tin học ứng dụng 12 kết nối Bài 11: Chèn tệp tin đa phương tiện và khung nội tuyến vào trang web

BÀI 11

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

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.

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.