Đáp án 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
File đáp án Tin học 12 - Khoa học máy tính cánh diều bài 5: Chèn hình ảnh, âm thanh, video và sử dụng khung. Toàn bộ câu hỏi, bài tập ở trong bài học đều có đáp án. Tài liệu dạng file word, tải về dễ dàng. File đáp án này giúp kiểm tra nhanh kết quả. Chỉ có đáp án nên giúp học sinh tư duy, tránh học vẹt.
Xem: => Giáo án Tin học 12 - Định hướng khoa học máy tính cánh diều
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?
Giải chi tiết:
Để làm cho trang web Bai3-NV1.html trở nên sinh động hơn, ta có thể thực hiện các biện pháp sau:
- Thêm hình ảnh và đồ họa: Sử dụng hình ảnh và đồ họa để làm cho trang trở nên hấp dẫn hơn và phản ánh nội dung.
- Sử dụng CSS: Áp dụng CSS để tùy chỉnh giao diện, thay đổi màu sắc, font chữ, kích thước và kiểu chữ, background, vv.
- Hiệu ứng và chuyển động: Thêm hiệu ứng và chuyển động bằng CSS hoặc JavaScript, ví dụ như hiệu ứng hover, slide, fade, vv.
- Video và âm thanh: Thêm video hoặc âm thanh phù hợp để làm nổi bật nội dung hoặc cung cấp thông tin bổ sung.
- Tạo hiệu ứng cuộn trang: Sử dụng JavaScript để tạo hiệu ứng cuộn trang mượt mà.
- Biểu đồ và đồ thị: Thêm biểu đồ và đồ thị động bằng các thư viện như Chart.js hoặc D3.js để hiển thị dữ liệu số liệu hoặc thông tin thống kê.
- Responsive design: Đảm bảo trang web phản hồi linh hoạt trên các thiết bị khác nhau, từ máy tính để bàn đến điện thoại di động.
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?
Giải chi tiết:
Định dạng ảnh phổ biến trên web là PNG, JPG và GIF. PNG được sử dụng cho hình ảnh chất lượng cao, JPG cho hình ảnh nén không gian lưu trữ, và GIF cho các hình ảnh động và biểu tượng.
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?
a) “Turing Test” là bài kiểm tra trí tuệ của máy tính
b) Nhờ mở rộng phạm vi ứng dụng mà AI yếu phát triển thành AI mạnh
c) 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
d) AI có thể tự hành động một cách hợp lí.
Giải chi tiết:
……………………………………………………………………………………
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.
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 đó.
Giải chi tiết:
Thêm hình ảnh vào trang "album.html":
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Album ảnh của tôi</title>
</head>
<body>
<h1>Album ảnh của tôi</h1>
<img src="images/photo1.jpg" alt="Ảnh 1">
<img src="images/photo2.jpg" alt="Ảnh 2">
<img src="images/photo3.jpg" alt="Ảnh 3">
</body>
</html>
Thêm âm thanh hoặc video vào trang "hobbies.html":
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sở thích của em</title>
</head>
<body>
<h1>Sở thích của em</h1>
<h2>Bài hát tôi thích</h2>
<audio controls>
<source src="audio/song.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</body>
</html>
TỰ KIỂM TRA
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òn tiếp -------------------
=> Giáo án 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