Giáo án Tin học 12 Chân trời sáng tạo Bài F1: HTML và trang web

Trang trước Trang sau

Xem thử

Chỉ từ 400k mua trọn bộ Kế hoạch bài dạy (KHBD) hay Giáo án Tin học 12 Chân trời sáng tạo bản word chuẩn kiến thức, trình bày đẹp mắt, dễ dàng chỉnh sửa:

I. MỤC TIÊU

1. Kiến thức

Sau bài học này, HS sẽ:

- Hiểu và giải thích được cấu trúc của một trang web dưới dạng HTML.

2. Năng lực

Năng lực chung:

- Tự chủ và tự học: Tự lực (Chủ động, tích cực thực hiện công việc của bản thân).

- Giao tiếp và hợp tác: Xác định trách nhiệm và hoạt động của bản thân (Phân tích được các công việc cần thực hiện để hoàn thành nhiệm vụ của nhóm trong các hoạt động nhóm).

- Giải quyết vấn đề và sáng tạo: Hình thành và triển khai ý tưởng mới (Nêu được nhiều ý tưởng mới trong học tập, suy nghĩ không theo lối mòn, tạo ra yếu tố mới dựa trên những ý tưởng khác nhau).

Năng lực Tin học:

- NLc (Giải quyết vấn đề với sự hỗ trợ của công nghệ thông tin và truyền thông): Biết về siêu liên kết, siêu văn bản, ngôn ngữ HTML. Hiểu và giải thích được cấu trúc web dưới dạng HTML.

3. Phẩm chất

- Chăm chỉ: Tích cực tìm tòi và sáng tạo trong việc học tập.

- Trách nhiệm: Tích cực, tự giác và nghiêm túc rèn luyện sử dụng thành thạo các mã lệnh.

II. THIẾT BỊ DẠY HỌC VÀ HỌC LIỆU

1. Đối với giáo viên

- SGK, SBT Tin học 12 – Định hướng Tin học ứng dụng – Chân trời sáng tạo, bài trình chiếu (Slide), máy chiếu, phiếu học tập.

- Máy tính có cài sẵn phần mềm Visual Studio Code và có kết nối Internet.

2. Đối với học sinh

- SGK, SBT Tin học 12 – Định hướng Tin học ứng dụng – Chân trời sáng tạo, vở ghi.

III. TIẾN TRÌNH DẠY HỌC

A. HOẠT ĐỘNG KHỞI ĐỘNG

a) Mục tiêu: Tạo động lực để HS muốn tìm hiểu về cấu trúc của trang web.

b) Nội dung: HS nghiên cứu nội dung hoạt động Khởi động SGK trang 100, suy nghĩ trả lời câu hỏi theo kiến thức của mình.

c) Sản phẩm: HS nêu được các thành phần chính của trang web trong Hình 1 SGK trang 100.

d) Tổ chức thực hiện:

Bước 1: GV chuyển giao nhiệm vụ:

- GV yêu cầu HS hoạt động cá nhân, suy nghĩ trả lời câu hỏi Khởi động tr.100 SGK: Em hãy chỉ ra những thành phần chính của trang web trong Hình 1.

Giáo án Tin học 12 Chân trời sáng tạo Bài F1: HTML và trang web

Hình 1. Trang web https://www.w3schools.com/html/html_intro.asp

Bước 2: HS thực hiện nhiệm vụ học tập:

- HS quan sát hình ảnh và trả lời câu hỏi.

- GV quan sát và hỗ trợ HS khi cần thiết.

Bước 3: Báo cáo kết quả hoạt động, thảo luận:

- GV mời một số HS xung phong trả lời câu hỏi Khởi động tr.100 SGK.

Gợi ý trả lời:

Những thành phần chính của trang web trong Hình 1: thanh điều hướng, logo trang web, thanh trình đơn ngang, đề mục, thanh trình đơn dọc, nút nhấn,…

-HS khác lắng nghe, nhận xét và bổ sung.

Bước 4: Đánh giá kết quả thực hiện:

GV đánh giá kết quả của HS, dẫn dắt HS vào bài học mới: HTML đóng vai trò là bước đệm không thể thiếu trong hành trình khám phá thế giới lập trình dành cho người mới. Đơn giản nhưng mạnh mẽ, HTML là ngôn ngữ đánh dấu siêu văn bản, mở cánh cửa đầu tiên để bắt đầu sáng tạo trên không gian web. Vậy để giúp các em hiểu và giải thích được cấu trúc của một trang web dưới dạng HTML, chúng ta sẽ cùng nhau đến với Bài F1: HTML và trang web.

B. HÌNH THÀNH KIẾN THỨC MỚI

Hoạt động 1: Giới thiệu ngôn ngữ HTML

a) Mục tiêu: HS tìm hiểu về các khái niệm cơ bản như: siêu văn bản (Hypertext), ngôn ngữ HTML, các thành phần cơ bản của một trang web, các thẻ (tag), thuộc tính (attribute) và các thuộc tính giúp bổ sung định dạng cho thẻ HTML.

b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 1. Giới thiệu ngôn ngữ HTML, thảo luận nhóm và thực hiện nhiệm vụ.

c) Sản phẩm: Các khái niệm cơ bản như: siêu văn bản (Hypertext), ngôn ngữ HTML, các thành phần cơ bản của một trang web, các thẻ (tag), thuộc tính (attribute) và các thuộc tính giúp bổ sung định dạng cho thẻ HTML.

d) Tổ chức thực hiện:

HOẠT ĐỘNG CỦA GV VÀ HS

SẢN PHẨM DỰ KIẾN

Bước 1: GV chuyển giao nhiệm vụ:

- GV yêu cầu HS thảo luận theo nhóm 3 – 4 HS và trả lời các câu hỏi:

+ Siêu văn bản (Hypertext) là gì?

+ Trang web có phải là siêu văn bản không? Ngôn ngữ nào được sử dụng để tạo ra trang web?

+ HTML là gì?

+ Hiện nay, phiên bản HTML nào đang được sử dụng phổ biến nhất?

+ Một trang web bao gồm những thành phần nào?

+ Mỗi phần tử HTML được thể hiện như thế nào?

- GV trình bày về cách kết xuất trang web của các trình duyệt phổ biến hiện nay.

- GV yêu cầu HS vận dụng kiến thức vừa tìm hiểu, trả lời câu hỏi hoạt động Làm tr.101 SGK:

Câu 1. Em hãy kể tên một ngôn ngữ đánh dấu dùng để tạo ra trang web và cho biết phiên bản hiện nay của ngôn ngữ này.

Câu 2. Các trình duyệt khác nhau có thể kết xuất một trang web tương tự nhau không?

Bước 2: HS thực hiện nhiệm vụ học tập

1. Giới thiệu ngôn ngữ HTML

- Siêu văn bản (Hypertext) là tài liệu điện tử đa phương tiện chứa văn bản, hình ảnh, âm thanh, video và siêu liên kết. Trong đó, siêu liên kết giúp người đọc dễ dàng truy cập đến nội dung khác hoặc siêu văn bản khác.

- Mỗi trang web là một siêu văn bản được tạo ra bằng ngôn ngữ HTML (HyperText Markup Language).

- HTML là ngôn ngữ đánh dấu được phát triển bởi Tim Berners-Lee, Robert Cailliau và các cộng sự vào năm 1989, dùng để trình bày cấu trúc, nội dung và hình thức của trang web.

- Hiện nay, HTML5 là phiên bản thông dụng, giúp tạo ra trang web có tính tương tác cao và giúp hiển thị trang web trên các thiết bị thông minh.

- Thành phần của một trang web bao gồm văn bản, hình ảnh, âm thanh, video và các nội dung khác đều được định dạng bằng các phần tử HTML tương ứng.

- Mỗi phần tử HTML được thể hiện bằng một thẻ (tag) và có thể đính kèm các thuộc tính (attribute).

................................

................................

................................

Trên đây tóm tắt một số nội dung miễn phí trong bộ Kế hoạch bài dạy (KHBD) hay Giáo án Tin học 12 Chân trời sáng tạo mới nhất, để mua tài liệu đầy đủ, Thầy/Cô vui lòng xem thử:

Xem thử

Xem thêm các bài soạn Giáo án Tin học lớp 12 Chân trời sáng tạo hay, chuẩn khác:

Trang trước Trang sau
Đề thi, giáo án lớp 12 các môn học