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

CHỦ ĐỀ F: GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH

BÀI F4: THÊM DỮ LIỆU ĐA PHƯƠNG TIỆN VÀO TRANG WEB

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

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

- Làm thế nào để thêm hình ảnh vào trang web HTML?

- Nêu cấu trúc và cú pháp của thẻ <img>?

- Làm thế nào để tạo hiệu ứng cho hình ảnh?

2. Thêm tập video và âm thanh vào trang web

- Em hãy bổ sung thuộc tính cho đoạn mã HTML ở Ví dụ 2 để kích thước hiển thị của video là 800 x 600 pixels và video tự động phát không có âm thanh.

- Làm thế nào để thêm âm thanh vào trang web HTML?

- Trình bày cấu trúc và cú pháp của thẻ <audio>?

- Làm thế nào để thêm video vào trang web HTML?

- Em hãy nêu cấu trúc và cú pháp của thẻ <video>?

3. Vận dụng

Câu 1: Chức năng các thuộc tính của thẻ <img> khi thêm tệp ảnh vào trang web là gì?

Câu 2: Em hãy liệt kê và nêu chức năng các thuộc tính của thẻ <audio> khi thêm tệp âm thanh vào trang web.

Câu 3: Giả sử tệp portfolio.html nằm cùng nơi với thư mục Asset. Thư mục Sound, là thư mục con của thư mục Asset, có chứa tệp bai_hat.mp3. Theo em, đường dẫn cho thuộc tính src để thêm tệp bai_hat.mp3 này vào tệp portfolio.html là gì?

Câu 4: Thêm ảnh đại diện vào bên phải của mục Giới thiệu chung để được kết quả như Hình 5.