Ctrl + phóng to trang web
Ctrl - thu nhỏ trang web

Thầy cô kiến thức thâm sâu
Học sinh chăm chỉ bước đầu thành công.

BÀI THỰC HÀNH SỐ 4 - CHÈN TỆP ĐA PHƯƠNG TIỆN VÀ KHUNG NỘI TUYẾN (TRANG 65)

Bài thực hành số 4 - Chèn tệp đa phương tiện và khung nội tuyến (trang 65)
 Thực hành chèn tệp đa phương tiện và khung nội tuyến (trang 65). Đây là phần thực hành của bài 11 - Chèn tệp đa phương tiện và khung nội tuyến vào trang web - tin học 12 (KNTT). Thầy Cô và các em học sinh có thể dùng làm tài liệu tham khảo. Chúc Thầy Cô dạy tốt, chúc các em học sinh học giỏi.

Hãy thật sự cố gắng khi còn có thể.
Vì mọi sự cố gắng đều đem lại kết quả tốt đẹp.

4. THỰC HÀNH CHÈN TỆP ĐA PHƯƠNG TIỆN VÀ KHUNG NỘI TUYẾN
Nhiệm vụ 1: Chèn tệp ảnh
Yêu cầu: Tạo hai trang the_thao.htmlnghe_thuat.html và chèn ảnh minh họa.
Hướng dẫn:
 - Tạo trang the_thao.html và chèn một ảnh bằng thẻ <img>.
Chuẩn bị: Tạo thư mục images trong thư mục chứa các bài tập thực hành, sao chép một ảnh hoạt động thể thao của trường/lớp vào thư mục đó (chẳng hạn tệp thethao.png).
 Chèn ảnh đã chuẩn bị vào trang web:
- Tạo trang nghe_thuat.html: Thực hiện tương tự cách tạo trang the_thao.html.
Nhiệm vụ 2: Chèn tệp âm thanh
Yêu cầu: Chèn tệp bài hát “Quốc ca” vào trang web.
Hướng dẫn:
 Chuẩn bị tệp bài hát Quốc ca (mp4 nếu là video, mp3 nếu là audio) và thực hiện chèn vào trang web bằng thẻ phù hợp và để ở chế độ autoplay.
Lưu ý: Em chỉ nên dùng các tài nguyên được phép sử dụng cho trang web của mình.
Nhiệm vụ 3: Chèn khung nội tuyến
Yêu cầu: Chèn khung nội tuyến vào trang CLB.html, hiển thị nội dung của hai trang the_thao.html hoặc nghe_thuat.html tùy theo lựa chọn (Hình 11.5).
Hướng dẫn:
 Sử dụng iframe để chèn nội dung của hai trang đã viết trong Nhiệm vụ 1.
 Bước 1. Tạo tệp tin index.html có nội dung “Câu lạc bộ ngoại khóa Trường Nguyễn Bỉnh Khiêm” đặt trong cặp thẻ <h2></h2>.
 Bước 2. Tạo một phần tử iframe để hiển thị nội dung, phần tử iframe được gắn mã định danh để đặt liên kết.
 Bước 3. Tạo hai vị trí đặt liên kết tương ứng với hai lựa chọn là câu lạc bộ thể thao hoặc câu lạc bộ nghệ thuật và đặt liên kết bằng thẻ <a> với thuộc tính target là mã định danh của khung nhìn vừa tạo.
Lưu ý: Thứ tự hiển thị là thứ tự các đoạn mã lệnh, để các lựa chọn câu lạc bộ hiển thị phía trên cần viết câu lệnh trong Bước 3 ở trên câu lệnh trong Bước 2.

Code tham khảo cho trang thethao.htmlTải file
- Dòng 18: Chèn ảnh thethao.jpg trong thư mục images vào trang thethao.html
- Dòng 19: Chèn bài hát quoc_ca.mp4 trong thư mục images vào trang thethao.html
Code tham khảo cho trang nghethuat.htmlTải file
- Dòng 17: Chèn ảnh nghethuat.jpg trong thư mục images vào trang nghethuat.html
- Dòng 18: Chèn bài hát quoc_ca.mp4 trong thư mục images vào trang nghethuat.html
Code tham khảo cho tệp tin index.htmlTải file
- Dòng 9: Liên kết đến trang thethao.html để hiển thị trong khung nội tuyến.
- Dòng 10: Liên kết đến trang nghethuat.html để hiển thị trong khung nội tuyến.
- Dòng 11: Tạo khung nội tuyến để trang thethao.html và trang nghethuat.html hiển thị.

CÙNG CHUYÊN MỤC:

CÁC CHUYÊN MỤC LIÊN QUAN:
☎ TIN HỌC 10-KẾT NỐI TRI THỨC
☎ TIN HỌC 11-KẾT NỐI TRI THỨC
☎ TIN HỌC 12-KẾT NỐI TRI THỨC

Tổng số lượt xem

Chăm chỉ chiến thắng tài năng
khi tài năng không chịu chăm chỉ.

- Tim Notke -

Bản quyền
Liên hệ
Chat Zalo
Chat Facebook