Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 5: Chèn hình ảnh, âm thanh, video và sử dụng khung

BÀI 5. CHÈN HÌNH ẢNH, ÂM THANH, VIDEO VÀ SỬ DỤNG KHUNG

KHỞI ĐỘNG

• 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 sinh động hơn không?

• Làm thế nào để thêm hình ảnh vào trang web Bai3-NV1.html để làm cho nó sinh động hơn?

• CSS có thể được áp dụng như thế nào để tùy chỉnh giao diện của trang web Bai3-NV1.html?

• Các hiệu ứng và chuyển động nào có thể được thêm vào Bai3-NV1.html để làm nổi bật các phần tử trên trang?

• Làm thế nào để tích hợp video vào Bai3-NV1.html để cung cấp thêm thông tin hoặc làm nổi bật nội dung?

• Âm thanh có thể được sử dụng như thế nào để tăng tính tương tác của trang web Bai3-NV1.html?-...

1. CHÈN HÌNH ẢNH

HOẠT ĐỘNG

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

2. CHÈN ÂM THANH

3. CHÈN VIDEO

Em hãy cho biết mỗi phát biểu sau về AI là đúng hay sai?

• “Turing Test” là bài kiểm tra trí tuệ của máy tính

• Nhờ mở rộng phạm vi ứng dụng mà AI yếu phát triển thành AI mạnh

• AI tạo sinh có thể giúp học sinh viết được một bài văn tả cảnh đẹp của quê hương

• AI có thể tự hành động một cách hợp lí.

4. SỬ DỤNG KHUNG

5. THỰC HÀNH CHÈN HÌNH ẢNH, ÂM THANH VÀ SỬ DỤNG KHUNG

VẬN DỤNG

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.

• Em đã chọn những hình ảnh nào để thêm vào trang "album.html" của website cá nhân của em? Và tại sao em chọn những hình ảnh đó?

• Làm thế nào em thực hiện để chèn hình ảnh vào trang "album.html" và làm cho chúng phù hợp với nội dung và thiết kế của trang?

• Em có sử dụng công cụ nào để tối ưu hóa hình ảnh trước khi chèn vào trang "album.html"? Nếu có, em thực hiện như thế nào?

• Trong trang "hobbies.html", em đã thêm âm thanh hoặc video như thế nào để thể hiện sở thích của mình? Và âm thanh/video đó có ý nghĩa gì đối với em?

• Em thấy việc thêm âm thanh hoặc video vào trang "hobbies.html" làm cho website của em trở nên sinh động hơn như thế nào so với trước khi chưa có nó?

• Làm thế nào em lựa chọn định dạng và loại âm thanh/video phù hợp cho trang "hobbies.html"? Và em có gặp phải bất kỳ vấn đề kỹ thuật nào trong quá trình này không?

• Em có tham khảo các nguồn tài nguyên nào để chọn âm thanh/video cho sở thích của mình trên trang "hobbies.html"? Nếu có, em đã áp dụng những gì em học được từ các nguồn đó?

TỰ KIỂM TRA

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