Nội dung bài viết

    Xem thêm

    Giáo án điện tử Tin học 12 (Kết nối tri thức): Bài 23: Chuẩn bị xây dựng trang web

    Với Giáo án PPT Bài 23: Chuẩn bị xây dựng trang web Tin học 12 sách Kết nối tri thức sẽ giúp thầy cô dễ dàng biên soạn và giảng dạy bằng giáo án điện tử hay POWERPOINT Tin học 12.

    Chỉ từ 250k mua trọn bộ Giáo án Tin học 12 Kết nối tri thức bản PPT trình bày khoa học, đẹp mắt:

    Xem thử tài liệu tại đây: Link tài liệu

    Các bước mua tài liệu:

    1 211 19/01/2026
    Mua tài liệu
    Trang trước
    Chia sẻ
    Trang sau  

    Giáo án điện tử Tin học 12 Kết nối tri thức Bài 23: Chuẩn bị xây dựng trang web

    Nội dung đang được cập nhập...

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

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

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

    Giáo án Tin học 12 (Kết nối tri thức): Bài 23: Chuẩn bị xây dựng trang web

    I. MỤC TIÊU

    1. Kiến thức

    Học sinh được học về:

    - Cấu trúc của trang web: gồm những thành phần nào, nội dung của từng phần.

    - Các bước xây dựng trang web

    2. Năng lực

    - Xác định được cấu trúc chung của trang web.

    - Nhận diện được các thành phần chung của trang web thông qua các ví dụ cụ thể.

    - Nắm được các bước xây dựng trang web.

    - Thực hiện được bước chuẩn bị xây dựng trang web cho chủ đề được lựa chọn.

    - Trau dồi năng lực quan sát, tìm hiểu thực tiễn và liên hệ thực tiễn với kiến thức tiếp thu được.

    - Nâng cao khả năng tự học.

    3. Phẩm chất

    - Có ý thức chủ động tìm hiểu và cập nhật các kiến thức mới.

    - Cẩn thận, tỉ mỉ trong bước chuẩn bị xây dựng trang web, tạo điều kiện thuận lợi cho các bài học sau.

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

    - GV chuẩn bị:

    • SGK, bài giảng PPT, phòng máy tính có kết nối Internet, máy chiếu.

    • Một số hình ảnh minh hoạ về từng phần của trang web và một số liên kết trang web cần cho HS tham khảo.

    - HS: SGK, vở ghi, chuẩn bị bài ở nhà.

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

    Bài học được thực hiện trong 3 tiết. Phân bổ nội dung cho từng tiết như sau:

    - Tiết 1: Hoạt động 1, hoạt động 2

    - Tiết 2: Hoạt động 3.1 và 3.2

    - Tiết 3: Hoạt động 4

    A. MỞ ĐẦU

    Hoạt động 1. Khởi động (10 phút)

    a) Mục tiêu:

    - Khơi gợi nhu cầu sử dụng và thiết kế một trang web, từ đó dẫn dắt vào chủ đề sắp học.

    - Tạo không khí hứng khởi khi bắt đầu tiết học.

    b) Tổ chức thực hiện

    #1. Chuyển giao nhiệm vụ

    - GV đề cập việc HS quen thuộc với nhiều trang web trong các hoạt động hằng ngày. GV đưa ra các câu hỏi khơi gợi vấn đề.

    Nội dung 1:

    - Nêu ví dụ một số trang web em từng ghé thăm.

    - Các trang web đó phục vụ nhu cầu nào của em?

    Nội dung 2:

    - Nếu được hướng dẫn và cung cấp công cụ để tự tạo một trang web, em mong muốn thiết kế trang web với nội dung gì?

    - Em có biết phần mềm nào giúp tạo trang web không?

    #2. Thực hiện nhiệm vụ

    - GV đặt câu hỏi, HS suy nghĩ trả lời nhanh, mỗi HS chỉ cần trả lời 1 ví dụ.

    - GV ghi nhanh các câu trả lời của HS lên bảng/phương tiện hỗ trợ khác theo nhóm.

    Kết quả:

    ND1. Ví dụ một số trang web:

    1. http://dantri.com, http://kenh14.vn, http://ngoisao.net, http://uet.vnu.edu.vn, https:hust.edu.vn,... ➔ đọc tin tức, xem thông tin tuyển sinh của trường…

    2. phimmoi.vn, youtube.vn, zing.mp3 … ➔ giải trí

    3. vietjack.vn, hocmai.vn, … ➔ học tập

    4. shoppee, … ➔ Mua bán trực tuyến

    …

    ND2. Do HS trả lời (trang web giới thiệu bản thân, giới thiệu nhà trường, địa phương, chia sẻ kiến thức trong lĩnh vực nào đó, phục vụ công việc, quảng cáo,…).

    #3. Báo cáo, thảo luận

    - HS hoạt động cá nhân hoặc trao đổi với bạn bên cạnh để cùng trả lời câu hỏi của GV.

    #4. Kết luận

    - Nhu cầu xây dựng và phát triển các trang web là nhu cầu thiết yếu.

    - Ở Chủ đề 4 HS đã tìm hiểu cách tạo trang web bằng HTML. Tuy nhiên, việc sử dụng HTML tạo trang web tương đối phức tạp, không bắt mắt. (Để tạo được trang web như các em từng thấy đòi hỏi nhiều kiến thức chuyên sâu về css, javascript,… chẳng hạn nếu mở mã nguồn HTML của trang uet.vnu.edu.vn các em có thể hiểu được không?) à Giới thiệu công cụ Google Sites để thiết kế trang web.

    - Giới thiệu một số ưu điểm nổi trội của Google Sites.

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

    Hoạt động 2. Tìm hiểu cấu trúc và đặc điểm chung của trang web (25 phút)

    a) Mục tiêu

    Giúp HS nhận biết được các thành phần chính của trang web.

    b) Tổ chức thực hiện

    #1. Chuyển giao nhiệm vụ

    - GV chuẩn bị 2 ví dụ trang web (https://uet.vnu.edu.vn/ và https://dantri.com.vn/ ) có cấu trúc đầy đủ gồm 3 phần, yêu cầu HS truy cập vào địa chỉ 2 trang web, tự khám phá và trả lời câu hỏi 1. (5 phút)

    - GV chia HS thành 3 nhóm lớn, mỗi nhóm lớn lại chia thành các nhóm nhỏ (4 HS), mỗi nhóm tham khảo SGK và Internet tìm hiểu các nội dung được giao (nhóm 1: tìm hiểu về phần đầu trang, nhóm 2: tìm hiểu phần thân trang, nhóm 3: tìm hiểu phần chân trang). Mỗi nhóm ghi tóm tắt vào vở và chuẩn bị báo cáo trước lớp.

    - GV đưa ra câu hỏi thảo luận, HS thảo luận nhanh, trả lời câu hỏi.

    Nội dung

    1. Cấu trúc chung của các trang web gồm những phần nào?

    2. Đặc điểm của mỗi phần trên trang web

    - Vị trí nằm ở đâu?

    - Chứa những thông tin gì?

    - Cách sắp xếp các nội dung trong mỗi phần như thế nào?

    (HS trả lời các câu hỏi và chỉ ra trên các ví dụ cụ thể)

    * Thảo luận

    - Mỗi phần có bắt buộc có đầy đủ các thông tin như nội dung trên không? Việc có đầy đủ các thông tin có ý nghĩa gì?

    - Phần thân trang được bố cục theo các khối nội dung có ưu điểm gì hơn so với trình bày dàn trải?

    #2. Thực hiện nhiệm vụ

    - HS hoạt động cá nhân, truy cập vào 2 trang web được yêu cầu, tự khám phá và trả lời câu hỏi 1.

    - HS hoạt động nhóm, trả lời câu hỏi 2.

    - GV quan sát, hỗ trợ các nhóm, tìm ra nhóm có câu trả lời đúng và đủ nhất, nhóm có câu trả lời khác biệt, cần trao đổi.

    Kết quả:

    1. Cấu trúc chung của một trang web

    Gồm 3 phần:

    - Phần đầu trang (Header)

    - Phần thân trang (Body)

    - Phần chân trang (Footer)

    2. Đặc điểm của mỗi phần trên trang web.

    - Phần đầu trang:

    o Vị trí: thường nằm ở trên cùng trang web

    o Chứa hình nền, logo, tên trang, thanh điều hướng

    - Phần thân trang:

    o Vị trí: khu vực giữa của trang

    o Chứa thông tin chính của trang, gồm các bài viết, có bài viết/ tin nổi bật (phía trên) và các bài viết khác

    o Tổ chức dạng các khối/ khung chữ nhật chứa nội dung

    o Nội dung: văn bản, hình ảnh, video, các ảnh trượt.

    - Phần chân trang:

    o Vị trí: cuối trang

    o Chứa các thông tin liên hệ, bản quyền, các liên kết đến các trang mạng xã hội.

    * Thảo luận

    - Không bắt buộc, nhưng việc có đầy đủ thông tin giúp quảng bá thương hiệu, cung cấp thông tin, thu hút người xem ➔ cần có.

    - Bố cục dạng khối nội dung: dễ nhìn, dễ sắp xếp các nội dung, tiết kiệm không gian.

    * Các câu hỏi củng cố trong SGK/128

    #3. Báo cáo, thảo luận

    - GV phân tích nhanh cho HS 2 khái niệm trang web và website. Trong phần nội dung này ta quan tâm đến việc thiết kế 1 trang web.

    - HS trả lời câu hỏi 1, GV chốt kiến thức.

    - GV mời một số nhóm HS chia sẻ câu trả lời cho câu hỏi 2, các nhóm khác nhận xét, bổ sung ý kiến.

    - GV đưa 2 câu hỏi mở rộng, HS trong lớp cùng thảo luận, trả lời câu hỏi. GV lấy ý kiến trả lời câu hỏi thảo luận từ nhiều nhóm, phân tích.

    - GV cho điểm các nhóm báo cáo, cho điểm cộng khuyến khích các câu hỏi/ nhận xét từ các nhóm khác.

    #4. Kết luận

    - 3 thành phần chính, vị trí, các thông tin trong từng phần.

    - Vậy để thiết kế các trang web đảm bảo các nội dung như trên, cần chuẩn bị những gì, các bước tiến hành ra sao? ➔ dẫn dắt sang hoạt động 3.

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

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

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

    Tham khảo các loạt bài Giáo án các môn lớp 12 - Kết nối tri thức khác:

    Bài viết cùng lớp mới nhất

    Xem thêm
    1 211 19/01/2026
    Mua tài liệu
    Trang trước
    Chia sẻ
    Trang sau  

    Xem thêm các chương trình khác: