Video giảng Khoa học máy tính 12 cánh diều Bài 9: Thực hành định dạng một số thuộc tính CSS

Tóm lược nội dung

BÀI 9: THỰC HÀNH ĐỊNH DẠNG MỘT SỐ THUỘC TÍNH

Chào mừng các em đến với bài học ngày hôm nay!

Thông qua video này, các em sẽ nắm được các kiến thức và kĩ năng như sau:

• Khai báo và áp dụng định dạng Internal CSS
• Khai báo và áp dụng định dạng External CSS
• Áp dụng bảng định dạng external css đã có cho văn bản html
• Các bài tập luyện tập và vận dụng

KHỞI ĐỘNG

HS dựa vào hiểu biết để trả lời các câu hỏi.

HOẠT ĐỘNG HÌNH THÀNH KIẾN THỨC

NỘI DUNG 1: KHAI BÁO VÀ ÁP DỤNG ĐỊNH DẠNG INTERNAL CSS

Em hãy đọc kĩ yêu cầu của Nhiệm vụ 1 SGK tr.74 và thực hành cá nhân theo hướng dẫn.

Video trình bày nội dung:

- Bước 1: HS đổi tên tệp “Bai7-NV1.html” thành “Bai9-NV1.html”.

- Bước 2: HS thực hiện khai báo CSS.

- Bước 3: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.

NỘI DUNG 2: KHAI BÁO VÀ ÁP DỤNG ĐỊNH DẠNG EXTERNAL CSS

Em hãy đọc kĩ hai yêu cầu của Nhiệm vụ 2 SGK tr.75 và thực hành cá nhân theo hướng dẫn.

Video trình bày nội dung:

- Bước 1: HS tạo tệp “Bai9-NV2.css”.

- Bước 2: HS thực hiện khai báo định dạng CSS.

* Nội dung tệp “Bai9-NV2.css”:

- Bước 3: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.

NỘI DUNG  3: ÁP DỤNG BẢNG ĐỊNH DẠNG EXTERNAL CSS ĐÃ CÓ CHO VĂN BẢN HTML

Em hãy đọc kĩ yêu cầu của Nhiệm vụ 3 SGK tr.76 và thực hành cá nhân theo hướng dẫn.

Video trình bày nội dung:

- Bước 1: HS đổi tên tệp “Bai7-NV3.html” thành “Bai9-NV3.html”.

- Bước 2: HS áp dụng định dạng external CSS.

- Bước 3: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.

HOẠT ĐỘNG LUYỆN TẬP

HOẠT ĐỘNG VẬN DỤNG

HS hoàn thành hoạt động Vận dụng SGK tr.76.

Nội dung video “Chủ đề F – Bài 9 – Thực hành định dạng một số thuộc tính” còn nhiều phần rất hấp dẫn và thú vị. Hãy cùng đăng kí để tham gia học bài và củng cố kiến thức thông qua hoạt động luyện tập và vận dụng trong video.