BÀI 5 - CHÈN HÌNH ẢNH, ÂM THANH, VIDEO VÀ SỬ DỤNG KHUNG (CÁNH DIỀU

Bài 5 - Chèn hình ảnh, âm thanh, video và sử dụng khung (Cánh diều - cs & ict)

Đây là bài soạn gợi ý trả lời SGK tin học 12 (bộ sách Cánh diều). Bài này là kiến thức cốt lõi chung cho cả hai định hướng: Khoa học máy tính (CS) và Tin học ứng dụng (ICT). Các em truy cập vào để tham khảo nhé. Chúc các em có nhiều sức khỏe và chăm ngoan học giỏi.

Nháy vào các mục bên dưới để xem nhanh hơn
Khởi động	Hoạt động
Vận dụng	Câu hỏi tự kiểm tra

Khởi động (trang 54):

Em có biết làm thế nào để trang web Bai3-NV1.html em tạo ở bài học trước trở nên đẹp và sinh động hơn không?

Gợi ý trả lời:

Để trang web Bai3-NV1.html trở nên đẹp và sinh động hơn ta có thể: Chèn thêm hình ảnh, âm thanh, video và sử dụng khung cho trang web.

Hoạt động (trang 54):

Trong số các định dạng ảnh sau: PNG, RAW, BMP, JPG, GIF, theo em, những định dạng ảnh nào được sử dụng phổ biến trên trang web? Vì sao?

Gợi ý trả lời:

Những định dạng ảnh phổ biến trên trang web:
- PNG
- JPG (JPEG)
- GIF
Tại vì: Các định dạng này có dung lượng nhỏ, tối ưu hóa tốt cho tốc độ tải trang web và được hỗ trợ trên tất cả các trình duyệt.

Vận dụng (trang 58):

Tạo website cá nhân:
Em hãy chèn thêm hình ảnh, âm thanh, video để hoàn thiện tiếp website cá nhân đã tạo ở các bài học trước.
Gợi ý thực hiện:
- Mở tệp “album.html”, thêm một số hình ảnh của em hoặc em thích (nên lưu tệp ảnh vào thư mục images).
- Mở tệp “hobbies.html", bổ sung tiêu đề mục h2 là "Bài hát tôi thích” và thêm một tệp âm thanh/video cho bài hát đó.

Hướng dẫn:

1. Thêm hình ảnh vào album.html
- Tạo thư mục images: Trong thư mục myHomepage, tạo một thư mục mới và đặt tên là images. Sao chép các hình ảnh bạn muốn hiển thị vào thư mục này.
- Chỉnh sửa album.html: Mở tệp album.html trong trình soạn thảo văn bản. Thêm các thẻ <img> để hiển thị hình ảnh.

- Thay anh1.jpg, anh2.jpg, anh3.jpg bằng tên tệp ảnh của em.
- Em có thể điều chỉnh thuộc tính width và height để thay đổi kích thước ảnh.
2. Thêm âm thanh/video vào hobbies.html
- Sao chép tệp âm thanh/video: Sao chép tệp âm thanh hoặc video bạn muốn hiển thị vào thư mục myHomepage.
- Chỉnh sửa hobbies.html: Mở tệp hobbies.html trong trình soạn thảo văn bản. Thêm thẻ <audio> hoặc <video> để hiển thị âm thanh hoặc video.

- Thay baihat.mp3 bằng tên tệp âm thanh của em.
- Nếu em muốn thêm video, hãy thay thẻ <audio> bằng thẻ <video> và thay đổi thuộc tính type thành video/mp4 hoặc định dạng video của em.
Lưu ý:
- Em có thể điều chỉnh thuộc tính controls, autoplay, loop của thẻ <audio> và <video> để thay đổi cách hiển thị và điều khiển âm thanh/video.
- Để hiển thị video, em cần có tệp video và đường dẫn đến tệp video đó.
- Để hiển thị âm thanh, em cần có tệp âm thanh và đường dẫn đến tệp âm thanh đó.

Câu hỏi tự kiểm tra (trang ):

Câu 1. Thuộc tính nào của phần tử img được dùng để hiển thị thông báo khi hình ảnh chèn vào trang web gặp lỗi trong quá trình hiển thị trên màn hình trình duyệt web?
A. link
B. title
C. src
D. alt
Câu 2. Thuộc tính nào dùng để xác định tài nguyên được nhúng vào trang web khi khai báo iframe?
A. source
B. src
C. link
D. target

Gợi ý trả lời:

Câu 1. Đáp án đúng là D (thuộc tính alt)
Câu 2. Đáp án đúng là B (thuộc tính src)

---The end!---

CÙNG CHUYÊN MỤC: