Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 8: Làm quen với CSS

Bài giảng điện tử Tin học 12 - Khoa học máy tính (CS) cánh diều. Giáo án powerpoint Bài 8: Làm quen với CSS. Giáo án thiết kế theo phong cách hiện đại, nội dung đầy đủ, đẹp mắt, tạo hứng thú học tập cho học sinh. Thầy, cô giáo có thể tham khảo.

Xem: => Giáo án Tin học 12 - Định hướng khoa học máy tính cánh diều

Click vào ảnh dưới đây để xem 1 phần giáo án rõ nét

Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 8: Làm quen với CSS
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 8: Làm quen với CSS
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 8: Làm quen với CSS
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 8: Làm quen với CSS
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 8: Làm quen với CSS
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 8: Làm quen với CSS
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 8: Làm quen với CSS
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 8: Làm quen với CSS
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 8: Làm quen với CSS
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 8: Làm quen với CSS
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 8: Làm quen với CSS
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 8: Làm quen với CSS

Các tài liệu bổ trợ khác

Xem toàn bộ: Giáo án điện tử khoa học máy tính 12 cánh diều

BÀI 8. LÀM QUEN VỚI CSS

KHỞI ĐỘNG

Theo em, làm thế nào để trình bày các đoạn văn bản, tiêu đề, nhãn trong trang web có cùng màu chữ?

1. BẢNG ĐỊNH DẠNG CSS

2. KHAI BÁO BỘ CHỌN PHẦN TỬ VÀ ÁP DỤNG CSS

3. MỘT SỐ THUỘC TÍNH ĐỊNH DẠNG CSS

Hoạt động: Em hãy nêu một số thuộc tính định dạng văn bản mà em đã dùng trong hệ soạn thảo văn bản Microsoft Word.

  • Em đã sử dụng thuộc tính nào để thay đổi kiểu chữ (font) trong văn bản trên Microsoft Word?

  • Làm thế nào để thay đổi kích thước của văn bản trong Microsoft Word?

  • Thuộc tính nào được sử dụng để làm nổi bật văn bản bằng việc làm đậm (bold)?

  • Làm thế nào để nghiêng (italicize) văn bản trong Microsoft Word?

  • Em đã sử dụng thuộc tính nào để gạch chân (underline) văn bản trong tài liệu trên Microsoft Word?

Luyện tập: Em hãy soạn văn bản HTML có hai đoạn văn bản được tạo bởi phần tử p. Khai báo và áp dụng internal CSS để trình bày trang web có nền màu xanh lơ (cyan); đoạn văn bản có chữ màu đỏ, phông chữ Arial, cỡ chữ 15 pixel.

  • Trong HTML, để tạo một đoạn văn bản, em sử dụng phần tử gì?

  • Làm thế nào để khai báo CSS nội bộ trong một tài liệu HTML?

  • Để thiết lập màu nền của trang web thành màu xanh lơ (cyan), em sử dụng thuộc tính CSS nào?

  • Làm thế nào để đặt màu chữ của đoạn văn bản trong CSS?

  • Trong CSS, để chọn tất cả các phần tử <p> trong tài liệu HTML, em sử dụng cú pháp như thế nào?

  • Thuộc tính font-family trong CSS được sử dụng để làm gì?

  • Làm thế nào để đặt cỡ chữ của đoạn văn bản thành 15 pixel bằng CSS?

  • Nếu em muốn áp dụng CSS chỉ cho một phần tử <p> cụ thể, thì em sẽ làm như thế nào?

  • Ngoài color, thuộc tính CSS nào còn được sử dụng để điều chỉnh hình dạng và kích thước của văn bản?

  • Làm thế nào để thêm một tiêu đề (heading) <h1> có màu chữ xanh nước biển vào trang web của em?

Vận dụng: 

  • Em hãy chuyển các khai báo internal CSS trong mục Luyện tập thành khai báo external CSS ghi lưu với tên tệp “styles.css”, tạo mới văn bản HTML để áp dụng bảng định dạng styles.css này.

TỰ KIỂM TRA

Mỗi phát biểu sau đây về CSS là đúng hay sai?

  • Sử dụng CSS giúp tách biệt khai báo nội dung với định dạng và trang trí trang web.

  • (b) Để áp dụng CSS, trong văn bản HTML phải khai báo tham chiếu đến tệp CSS.

  • Sử dụng external CSS giúp cho nhiều trang web trong một website có thể

  • dùng chung kiểu định dạng và trang trí.

  • Khai báo CSS sử dụng bộ chọn phần tử: p{color=red; font-size:20px;} là đúng cú pháp.

Trên chỉ là 1 phần của giáo án. Giáo án khi tải về có đầy đủ nội dung của bài. Đủ nội dung của học kì I + học kì II

Hệ thống có đầy đủ các tài liệu:

  • Giáo án word (350k)
  • Giáo án Powerpoint (400k)
  • Trắc nghiệm theo cấu trúc mới (200k)
  • Đề thi cấu trúc mới: ma trận, đáp án, thang điểm..(200k)
  • Phiếu trắc nghiệm câu trả lời ngắn (200k)
  • Trắc nghiệm đúng sai (200k)
  • Lý thuyết bài học và kiến thức trọng tâm (200k)
  • File word giải bài tập sgk (150k)
  • Phiếu bài tập để học sinh luyện kiến thức (200k)
  • .....

Nâng cấp lên VIP đê tải tất cả ở tài liệu trên

  • Phí nâng cấp VIP: 900k

=> Chỉ gửi 500k. Tải về dùng thực tế. Nếu hài lòng, 1 ngày sau mới gửi phí còn lại

Cách tải hoặc nâng cấp:

  • Bước 1: Chuyển phí vào STK: 1214136868686 - cty Fidutech - MB(QR)
  • Bước 2: Nhắn tin tới Zalo Fidutech - nhấn vào đây để thông báo và nhận tài liệu

Xem toàn bộ: Giáo án điện tử khoa học máy tính 12 cánh diều

ĐẦY ĐỦ GIÁO ÁN CÁC BỘ SÁCH KHÁC

GIÁO ÁN WORD LỚP 12 CÁNH DIỀU

GIÁO ÁN POWERPOINT LỚP 12 CÁNH DIỀU

Giáo án Powerpoint Toán 12 Cánh diều
Giáo án powerpoint hình học 12 cánh diều
Giáo án powerpoint đại số 12 cánh diều

Giáo án powerpoint vật lí 12 cánh diều
Giáo án powerpoint sinh học 12 cánh diều
Giáo án powerpoint hoá học 12 cánh diều

Giáo án powerpoint ngữ văn 12 cánh diều
Giáo án powerpoint lịch sử 12 cánh diều
Giáo án powerpoint địa lí 12 cánh diều

Giáo án powerpoint Kinh tế pháp luật 12 cánh diều
Giáo án powerpoint Công nghệ 12 Công nghệ điện - điện tử cánh diều
Giáo án powerpoint Công nghệ 12 Lâm nghiệp - Thuỷ sản cánh diều

Giáo án powerpoint Tin học 12 - Định hướng Tin học ứng dụng cánh diều
Giáo án powerpoint Tin học 12 - Định hướng khoa học máy tính cánh diều
Giáo án powerpoint hoạt động trải nghiệm hướng nghiệp 12 cánh diều

GIÁO ÁN CHUYÊN ĐỀ LỚP 12 CÁNH DIỀU

GIÁO ÁN POWERPOINT CHUYÊN ĐỀ 12 CÁNH DIỀU

GIÁO ÁN DẠY THÊM LỚP 12 CÁNH DIỀU

Giáo án dạy thêm toán 12 cánh diều
Giáo án dạy thêm ngữ văn 12 cánh diều
Giáo án powerpoint dạy thêm ngữ văn 12 cánh diều
Giáo án powerpoint dạy thêm toán 12 cánh diều

Tài liệu giảng dạy

Xem thêm các bài khác

Chat hỗ trợ
Chat ngay