Thông báo (khẩn cấp)
Ôn bài vui nhộn (game)
Thời khóa biểu giáo viên
Trò chơi “Ai là triệu phú”
Trò chơi hoạt động nhóm
Kiểm tra bài cũ (vòng quay)

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.html và nghe_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.html ➺ Tả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.html ➺ Tả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.html ➺ Tả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:
Bài thực hành số 1. Định dạng văn bản và phông chữ (trang 50 của bài 8)
Bài thực hành số 2. Tạo danh sách và bảng (trang 55 của bài 9)
Bài thực hành số 3. Tạo liên kết (trang 61 của bài 10)
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 của bài 11)
Bài thực hành số 5. Tạo biểu mẫu (trang 69 của bài 12)
Bài thực hành số 6. Định dạng văn bản bằng CSS (trang 81 của bài 14)
Bài thực hành số 7. Tạo màu cho chữ và nền (trang 88 của bài 15)
Bài thực hành số 8. Định dạng khung (trang 93 của bài 16)
Bài thực hành số 9. Các mức ưu tiên của bộ chọn (trang 100 của bài 17)
Bài thực hành số 10. Thực hành tổng hợp thiết kế trang web (trang 103 của bài 18)
CÁC CHUYÊN MỤC LIÊN QUAN:

BÀI THỰC HÀNH SỐ 3 - TẠO LIÊN KẾT (TRANG 61)

Bài thực hành số 3 - Tạo liên kết (trang 61)
 Thực hành tạo liên kết (trang 61). Đây là phần thực hành của bài 10 - Tạo liên kết - 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.
3. THỰC HÀNH TẠO LIÊN KẾT
Nhiệm vụ 1: Tạo liên kết trong cùng trang
Yêu cầu: Tạo liên kết trong cùng trang web tới bảng thời gian hoạt động.
Sử dụng danh sách và bảng đã tạo trong Bài 9. Em hãy thêm phần giới thiệu lên phía đầu trang và đặt liên kết từ vị trí “Theo dõi lịch hoạt động các CLB Thể thao” tới bảng “Lịch hoạt động các CLB Thể thao” bên dưới.
Hướng dẫn:
 Bước 1. Mở tệp tin CLB.html và thêm các nội dung giới thiệu như (Hình 10.2).
 Bước 2. Thêm mã định danh cho bảng Lịch hoạt động các CLB Thể thao ở bài trước:
 Bước 3. Thêm liên kết cho dòng “Theo dõi lịch hoạt động các CLB Thể thao”.
Nhiệm vụ 2: Tạo liên kết sang trang khác
Yêu cầu: Bổ sung vào tệp thong_tin.html những thông tin về các câu lạc bộ và đặt đường liên kết từ trang chủ đến trang thông tin này.
Hướng dẫn:
 Bước 1. Trong cùng thư mục với tệp CLB.html, tạo tệp thong_tin.html và thêm nội dung giới thiệu thông tin về các câu lạc bộ.
 Bước 2. Tạo liên kết bằng đường dẫn tương đối đến tệp này (đoạn mã viết trong tệp CLB.html).
Đoạn code tham khảo trang thong_tin.html ➺ Tải file
Đoạn code tham khảo trang CLB.html ➺ Tải file
CÙNG CHUYÊN MỤC:
Bài thực hành số 1. Định dạng văn bản và phông chữ (trang 50 của bài 8)
Bài thực hành số 2. Tạo danh sách và bảng (trang 55 của bài 9)
Bài thực hành số 3. Tạo liên kết (trang 61 của bài 10)
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 của bài 11)
Bài thực hành số 5. Tạo biểu mẫu (trang 69 của bài 12)
Bài thực hành số 6. Định dạng văn bản bằng CSS (trang 81 của bài 14)
Bài thực hành số 7. Tạo màu cho chữ và nền (trang 88 của bài 15)
Bài thực hành số 8. Định dạng khung (trang 93 của bài 16)
Bài thực hành số 9. Các mức ưu tiên của bộ chọn (trang 100 của bài 17)
Bài thực hành số 10. Thực hành tổng hợp thiết kế trang web (trang 103 của bài 18)
CÁC CHUYÊN MỤC LIÊN QUAN:

BÀI THỰC HÀNH SỐ 2 - TẠO DANH SÁCH VÀ BẢNG (TRANG 55)

Bài thực hành số 2 - Tạo danh sách và bảng (trang 55)
 Thực hành tạo danh sách và bảng (trang 55). Đây là phần thực hành của bài 9 - Tạo danh sách, bảng - 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.
3. THỰC HÀNH TẠO DANH SÁCH VÀ BẢNG
Nhiệm vụ 1: Tạo danh sách
 Yêu cầu: Viết đoạn mã HTML để tạo danh sách các câu lạc bộ của trường như Hình 9.7.
Hướng dẫn:
 Bước 1. Xác định thành phần của văn bản:
 Văn bản gồm hai phần tử: một phần tử tiêu đề và một phần tử danh sách lồng nhau.
 Bước 2. Tạo tiêu đề bằng cặp thẻ <h2> … </h2>.
 Bước 3. Tạo danh sách không có thứ tự:
 Bước 4. Tạo mục THỂ THAO với phần mã được thêm vào giữa cặp thẻ ở dòng 2 là định nghĩa của một danh sách có thứ tự:
 Lưu ý: Mục thứ tư của danh sách này là một danh sách có thứ tự kiểu đánh số <type>=”a”.
 Bước 5. Làm tương tự với mục NGHỆ THUẬT để hoàn thiện danh sách.
Nhiệm vụ 2: Tạo bảng
 Yêu cầu: Lập bảng lịch hoạt động của các câu lạc bộ (Hình 9.8).
Hướng dẫn:
 Bước 1. Xác định các thông số của bảng:
 - Bảng có 7 hàng, 7 cột.
 - Thuộc tính Caption của bảng là “Lịch hoạt động CLB thể thao”.
 - Hai ô 1, 2 của cột 1 và 2 ô 1, 2 của cột 2 được gộp (rowspan=”2”).
 - Các ô 3, 4, 5, 6, 7 của hàng 1 được gộp (colspan=”5”).
 Khung viền được đặt border=”1” trong thẻ <table> hoặc sử dụng style=”border: 1px solid” cho thẻ <table> và từng thẻ <td> trong bảng.
 Bước 2. Tạo bảng kèm caption.
 Bước 3. Tạo hai hàng đầu như phân tích phía trên.
 Bước 4. Tạo các hàng còn lại, mỗi hàng là một cặp <tr></tr> bao gồm bảy cặp <td></td> ở giữa chứa dữ liệu như Hình 9.8.
 Lưu lại tệp với tên CLB.html.
Code tham khảo phần tạo danh sách
Code tham khảo phần tạo bảng
Lưu ý: Đoạn code tạo danh sách và đoạn code tạo bảng viết chung vào một tệp và lưu với tên là CLB.html.
Đoạn code sau khi gộp chung sẽ là:
CÙNG CHUYÊN MỤC:
Bài thực hành số 1. Định dạng văn bản và phông chữ (trang 50 của bài 8)
Bài thực hành số 2. Tạo danh sách và bảng (trang 55 của bài 9)
Bài thực hành số 3. Tạo liên kết (trang 61 của bài 10)
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 của bài 11)
Bài thực hành số 5. Tạo biểu mẫu (trang 69 của bài 12)
Bài thực hành số 6. Định dạng văn bản bằng CSS (trang 81 của bài 14)
Bài thực hành số 7. Tạo màu cho chữ và nền (trang 88 của bài 15)
Bài thực hành số 8. Định dạng khung (trang 93 của bài 16)
Bài thực hành số 9. Các mức ưu tiên của bộ chọn (trang 100 của bài 17)
Bài thực hành số 10. Thực hành tổng hợp thiết kế trang web (trang 103 của bài 18)
CÁC CHUYÊN MỤC LIÊN QUAN:

BÀI THỰC HÀNH SỐ 1 - ĐỊNH DẠNG VĂN BẢN VÀ PHÔNG CHỮ (TRANG 50)

Bài thực hành số 1 - Định dạng văn bản và phông chữ (trang 50)
 Thực hành định dạng văn bản và phông chữ (trang 50). Đây là phần thực hành của bài 8 - Định dạng văn bản - 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 ĐỊNH DẠNG VĂN BẢN VÀ PHÔNG CHỮ
Nhiệm vụ: Viết đoạn mã HTML để trình bày đoạn văn bản trong Hình 8.3.
Hướng dẫn:
 Bước 1. Phân tích thành phần của đoạn văn bản:
 - Tiêu đề: Dòng 1, dòng 2, dòng 3. Trong đó dòng 1 ở mức tiêu đề cao hơn.
 - Đoạn: 3 đoạn, tương ứng với ba bước làm.
 Lưu ý: Các dòng 7, 8, 9 đều bắt đầu viết trên dòng mới nhưng không là đoạn vì ta không thấy cách trước và sau như những dòng trên.
 Bước 2. Dùng thẻ <h> để viết ba dòng đầu:
 Ta có thể sử dụng thẻ <h1> cho dòng 1 và <h2> cho dòng 2, 3 (hoặc <h2> cho dòng 1 và <h3> cho dòng 2, 3).
 Để thay đổi màu sắc, dùng thuộc tính style; dùng thẻ <sup> để viết số mũ ở câu lệnh của dòng 2.
 Bước 3. Dùng thẻ <p> để viết 3 đoạn bên dưới:
 - Viết mỗi đoạn bằng một thẻ <p>.
 - Viết chỉ số dưới, số mũ bằng thẻ <sub>, <sup>.
 - In đậm, in nghiêng chữ bằng thẻ <strong> hoặc <b>, <em> hoặc <i>.
 - Xuống dòng bằng thẻ <br>.
Đoạn code tham khảo
CÙNG CHUYÊN MỤC:
Bài thực hành số 1. Định dạng văn bản và phông chữ (trang 50 của bài 8)
Bài thực hành số 2. Tạo danh sách và bảng (trang 55 của bài 9)
Bài thực hành số 3. Tạo liên kết (trang 61 của bài 10)
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 của bài 11)
Bài thực hành số 5. Tạo biểu mẫu (trang 69 của bài 12)
Bài thực hành số 6. Định dạng văn bản bằng CSS (trang 81 của bài 14)
Bài thực hành số 7. Tạo màu cho chữ và nền (trang 88 của bài 15)
Bài thực hành số 8. Định dạng khung (trang 93 của bài 16)
Bài thực hành số 9. Các mức ưu tiên của bộ chọn (trang 100 của bài 17)
Bài thực hành số 10. Thực hành tổng hợp thiết kế trang web (trang 103 của bài 18)
CÁC CHUYÊN MỤC LIÊN QUAN:

THỰC HÀNH TIN HỌC 12 - SÁCH KẾT NỐI TRI THỨC

Thực hành tin học 12 - kntt
 Đây là các bài thực hành tin học 12 - sách Kết nối tri thức. Quý 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.
CÁC BÀI THỰC HÀNH GỒM:
Bài thực hành số 1. Định dạng văn bản và phông chữ (trang 50 của bài 8)
Bài thực hành số 2. Tạo danh sách và bảng (trang 55 của bài 9)
Bài thực hành số 3. Tạo liên kết (trang 61 của bài 10)
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 của bài 11)
Bài thực hành số 5. Tạo biểu mẫu (trang 69 của bài 12)
Bài thực hành số 6. Định dạng văn bản bằng CSS (trang 81 của bài 14)
Bài thực hành số 7. Tạo màu cho chữ và nền (trang 88 của bài 15)
Bài thực hành số 8. Định dạng khung (trang 93 của bài 16)
Bài thực hành số 9. Các mức ưu tiên của bộ chọn (trang 100 của bài 17)
Bài thực hành số 10. Thực hành tổng hợp thiết kế trang web (trang 103 của bài 18)
CÙNG CHUYÊN MỤC:

ĐỀ KTTX 1, HỌC KỲ I - NĂM HỌC: 2024-2025, MÔN TIN HỌC 11, MÃ ĐỀ: 114 (KNTT - ICT)

Đề KTTX 1, học kỳ 1 - năm học 2024-2025, môn tin học 11, mã đề 114 - kntt
 Đây là đề kiểm tra thường xuyên 1, học kỳ I - Năm học: 2024-2025, Môn: Tin học 11, Mã đề: 114 (KNTT - ICT). Nội dung đề kiểm tra trong các bài 1, 2, 3, 4, 5. Các em nháy chuột vào nút Bắt đầu làm bài để làm bài trắc nghiệm Online nhé. Chúc các em làm bài thật tốt!
Bình tĩnh, tự tin, vượt lên chính mình.
Mọi sự cố gắng đều mang lại kết quả tốt đẹp.
 CÙNG CHUYÊN MỤC:
 CÁC CHUYÊN MỤC LIÊN QUAN:
☎ TIN HỌC 10 - SÁCH KẾT NỐI TRI THỨC
☎ TIN HỌC 11 - SÁCH KẾT NỐI TRI THỨC
☎ TIN HỌC 12 - SÁCH KẾT NỐI TRI THỨC

ĐỀ KTTX 1, HỌC KỲ I - NĂM HỌC: 2024-2025, MÔN TIN HỌC 11, MÃ ĐỀ: 113 (KNTT - ICT)

Đề KTTX 1, học kỳ 1 - năm học 2024-2025, môn tin học 11, mã đề 113 - kntt
 Đây là đề kiểm tra thường xuyên 1, học kỳ I - Năm học: 2024-2025, Môn: Tin học 11, Mã đề: 113 (KNTT - ICT). Nội dung đề kiểm tra trong các bài 1, 2, 3, 4, 5. Các em nháy chuột vào nút Bắt đầu làm bài để làm bài trắc nghiệm Online nhé. Chúc các em làm bài thật tốt!
Bình tĩnh, tự tin, vượt lên chính mình.
Mọi sự cố gắng đều mang lại kết quả tốt đẹp.
 CÙNG CHUYÊN MỤC:
 CÁC CHUYÊN MỤC LIÊN QUAN:
☎ TIN HỌC 10 - SÁCH KẾT NỐI TRI THỨC
☎ TIN HỌC 11 - SÁCH KẾT NỐI TRI THỨC
☎ TIN HỌC 12 - SÁCH KẾT NỐI TRI THỨC

ĐỀ KTTX 1, HỌC KỲ I - NĂM HỌC: 2024-2025, MÔN TIN HỌC 11, MÃ ĐỀ: 112 (KNTT - ICT)

Đề KTTX 1, học kỳ 1 - năm học 2024-2025, môn tin học 11, mã đề 112 - kntt
 Đây là đề kiểm tra thường xuyên 1, học kỳ I - Năm học: 2024-2025, Môn: Tin học 11, Mã đề: 112 (KNTT - ICT). Nội dung đề kiểm tra trong các bài 1, 2, 3, 4, 5. Các em nháy chuột vào nút Bắt đầu làm bài để làm bài trắc nghiệm Online nhé. Chúc các em làm bài thật tốt!
Bình tĩnh, tự tin, vượt lên chính mình.
Mọi sự cố gắng đều mang lại kết quả tốt đẹp.
 CÙNG CHUYÊN MỤC:
 CÁC CHUYÊN MỤC LIÊN QUAN:
☎ TIN HỌC 10 - SÁCH KẾT NỐI TRI THỨC
☎ TIN HỌC 12 - SÁCH KẾT NỐI TRI THỨC
Đăng ký: Nhận xét (Atom)
Kho học liệu tin học 10
Kho học liệu tin học 11
Kho học liệu tin học 12

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