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 - Chèn tệp tin đa phương tiện và khung nội tuyến vào trang web (kntt)

Nháy vào các mục bên dưới để xem nhanh hơn
Khởi động	Hoạt động 1	Câu hỏi(t.63)	Hoạt động 2
Câu hỏi(t.64)	Hoạt động 3	Câu hỏi(t.65)	Luyện tập	Vận dụng

Khởi động (trang 62): 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.

Gợi ý trả lời:

Trên trang web có các đối tượng đa phương tiện (âm thanh, hình ảnh, video), giúp người cảm thấy hứng thú hơn so với đọc sách.

1. CHÈN TỆP ẢNH VÀO TRANG WEB

Hoạt động 1 (trang 62): 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 vectơ hoặc đồ họa điểm ảnh.

Gợi ý trả lời:

* Các định dạng tệp ảnh mà em biết: PNG, JPG, JPEG, GIF, SVG,…
* Nhóm đồ họa điểm ảnh: PNG, JPG, JPEG, GIF
* Nhóm đồ họa vectơ: SVG

CÂU HỎI

Câu hỏi 1 (trang 63): Thẻ <img> chỉ dùng khi chèn ảnh jpg vào trang web có đúng không?

Gợi ý trả lời:

Không đúng. Thẻ <img> không chỉ dùng để chèn ảnh JPG vào trang web mà còn có thể được sử dụng để chèn các loại tệp ảnh khác như PNG, GIF, BMP, SVG và nhiều định dạng hình ảnh khác nữa.
Câu hỏi 2 (trang 63): Hãy nêu một số trường hợp có thể xảy ra lỗi khi hiển thị ảnh.

Gợi ý trả lời:

Một số trường hợp có thể xảy ra lỗi khi hiển thị ảnh trên trang web:
- Trình duyệt không hỗ trợ loại tệp tin ảnh được dùng
- Ảnh bị lỗi (hỏng)
- Đường dẫn không đúng.

2. CHÈN ÂM THANH VÀ VIDEO VÀO TRANG WEB

Hoạt động 2 (trang 64): Quan sát đoạn mã sau và xác định tên đoạn mã này có chức năng gì?

Gợi ý trả lời:

Chức năng của đoạn mã này là chèn video vào trang web.
- src="video/war_is_over.mp4": Đây là thuộc tính src chỉ địa chỉ của tệp video cần phát lại. Trong trường hợp này, tệp video có tên là "war_is_over.mp4" và được lưu trong thư mục "videos".
- width="300" và height="250": Đây là thuộc tính chỉ kích thước của video khi hiển thị trên trình duyệt. Chiều rộng là 300 pixels và chiều cao là 250 pixels.
- autoplay: Đây là một thuộc tính tùy chọn cho phép video tự động phát khi trang web được tải lên.
Câu hỏi (trang 64): Thuộc tính scr có tác dụng gì đối với thẻ <audio>?

Gợi ý trả lời:

Thuộc tính src trong thẻ <audio> được sử dụng để chỉ địa chỉ của tệp âm thanh cần phát lại. Thuộc tính này xác định nguồn dữ liệu của âm thanh, tức là đường dẫn đến tệp âm thanh.

3. TẠO KHUNG NỘI TUYẾN TRONG TRANG WEB

Hoạt động 3 (trang 65): 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?

Gợi ý trả lời:

Khi thực hiện các thao tác bên trong một khung video trên một trang web, em có một số nhận xét về giao diện của cả trang như sau:
- Giao diện của trang web sẽ thay đổi để phù hợp với trải nghiệm người dùng.
- Giao diện của trang web cần đảm bảo sự cân bằng giữa tính tiện dụng, tính thẩm mỹ và khả năng truy cập.
Câu hỏi (trang 65): 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.

Gợi ý trả lời:

Để hai khung nội tuyến hiển thị song song theo phương ngang, chiều rộng của mỗi khung cần không quá 50% chiều rộng màn hình.

LUYỆN TẬP

Luyện tập 1 (trang 66): 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?

Gợi ý trả lời:

Trong trường hợp này, ảnh được chèn vào trang web với chiều rộng được đặt là 600 pixel thông qua thuộc tính width. Tuy nhiên, không có thuộc tính height được cung cấp, do đó chiều cao của ảnh sẽ được tự động tính toán để duy trì tỷ lệ khung hình ban đầu. (Kích thước tương đương 600 x 373).
Luyện tập 2 (trang 66): 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).

Gợi ý trả lời: