Giáo án Khoa học máy tính 12 Cánh diều bài 12: Dự án nhỏ Tạo trang web báo tường

Giáo án bài 12: Dự án nhỏ Tạo trang web báo tường sách Tin học 12 - Khoa học máy tính cánh diều. Được thiết kế theo công văn 5512, chi tiết, đầy đủ. Giáo án là bản word, có thể tải về và dễ dàng chỉnh sửa. Bộ giáo án có đầy đủ các bài trong học kì 1 + học kì 2 của Tin học 12 cánh diều. Kéo xuống dưới để tham khảo chi tiết.

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

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

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

Ngày soạn:…/…/…

Ngày dạy:…/…/…

 

BÀI 12: DỰ ÁN NHỎ:

TẠO TRANG WEB BÁO TƯỜNG

(3 tiết)

I. MỤC TIÊU

1. Kiến thức

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

  • Sử dụng được các phần tử HTML để tạo trang web.

  • Sử dụng được bảng định dạng CSS để tạo trang web đa dạng và sinh động.

2. Năng lực

Năng lực chung: 

  • Năng lực học tập, tự học: HS biết tự tìm kiếm, chuẩn bị và lựa chọn tài liệu, phương tiện học tập trước giờ học, quá trình tự giác tham gia các và thực hiện các hoạt động học tập cá nhân trong giờ học ở trên lớp,…

  • Năng lực giao tiếp và hợp tác: Khả năng phân công và phối hợp thực hiện nhiệm vụ học tập.

  • Năng lực giải quyết vấn đề sáng tạo: HS đưa ra các phương án trả lời cho câu hỏi, bài tập xử lý tình huống, vận dụng kiến thức, kĩ năng của bài học để giải quyết vấn đề thường gặp.

Năng lực Tin học: 

  • Sử dụng được HTML và CSS để thiết kế trang web theo yêu cầu.

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ỉ khi viết các mã lệnh HTML.

  • Hình thành tư duy lôgic phân tích yêu cầu cần đạt để thực hiện một nhiệm vụ cụ thể.

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

  • GV: SGK, SBT Tin học 12 – Định hướng Khoa học máy tính – Cánh diều, bài trình chiếu (Slide), máy chiếu, phòng thực hành có kết nối Internet.

  • HS: SGK, SBT Tin học 12 – Định hướng Khoa học máy tính – Cánh diều, vở ghi.

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

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

a) Mục tiêu: Ôn lại một số thuộc tính định dạng CSS cho các vùng hiển thị của mô hình hộp.

b) Nội dung: HS ôn tập lại một số thuộc tính định dạng CSS cho các vùng hiển thị của mô hình hộp.

c) Sản phẩm: Một số thuộc tính định dạng CSS cho các vùng hiển thị của mô hình hộp.

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

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

- GV cho HS nối tên một số thuộc tính CSS với mô tả của nó.

BÀI 12: DỰ ÁN NHỎ:

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

- HS vận dụng những kiến thức đã học để hoàn thành hoạt động.

- 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ình bày đáp án.

Gợi ý trả lời: 

BÀI 12: DỰ ÁN NHỎ:

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: Ở những bài học trước, các em đã biết cách trình bày nội dung văn bản, chèn hình ảnh, âm thanh, video, tạo biểu mẫu và sử dụng CSS để định dạng. Để giúp các em ôn tập lại toàn bộ kiến thức về HTML, CSS, đồng thời được thực hành theo nội dung lí thuyết đã học, chúng ta sẽ cùng nhau đến với Bài 12: Dự án nhỏ: Tạo trang web báo tường.

B. DỰ ÁN HỌC TẬP

Giới thiệu dự án: Thiết kế trang web báo tường điện tử

a. Mục tiêu: HS nắm rõ yêu cầu và sản phẩm của dự án.

b. Nội dung: GV trình bày các yêu cầu chung của dự án.

c. Sản phẩm: Yêu cầu và mô tả sản phẩm của dự án.

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

HOẠT ĐỘNG CỦA GV - HS

DỰ KIẾN SẢN PHẨM

Bước 1: GV chuyển giao nhiệm vụ học tập

- GV trình bày các yêu cầu chung của dự án.

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

- HS chú ý lắng nghe.

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

- HS nắm rõ yêu cầu, sản phẩm và các tiêu chí đánh giá kết quả dự án.

Bước 4: Đánh giá kết quả, thực hiện nhiệm vụ học tập

- GV tổng kết lại các nội dung chính liên quan đến dự án.

1. Yêu cầu chung

Yêu cầu: Hãy thiết kế trang web báo tường điện tử của lớp em.

* Mô tả sản phẩm:

- Sản phẩm thứ nhất: Tệp dữ liệu dạng *.html tạo nội dung trang web.

Bảng 1. Những nội dung chính 
của sản phẩm thứ nhất

1. Phần tiêu đề trang web (header) sử dụng hình ảnh hoặc văn bản được trình bày để làm nổi bật chủ đề của trang báo (chủ đề của trang báo do các nhóm tự đặt tên).

2. Phần nội dung chính (content) của báo tường gồm:

  • Bài giới thiệu.

  • Các bài viết.

  • Góc ảnh.

  • Góc âm nhạc, video clip.

  • Góc bình luận: tạo các biểu mẫu hỗ trợ nhập dữ liệu.

3. Phần chân trang web (footer) gồm:

  • Thông tin về nhóm.

  • Địa chỉ email của các học sinh đại diện nhóm.

  • Thông tin về ngày cập nhật nội dung gần nhất.

  • Thông tin về nguồn thông tin mà nội dung trang web của nhóm em tham khảo (nếu có).

-  Sản phẩm thứ hai: Tệp dữ liệu dạng *.css khai báo các quy tắc định dạng CSS để áp dụng kiểu trình bày cho trang web.

Bảng 2. Những nội dung chính 
của sản phẩm thứ hai

1. Khai báo CSS sử dụng bộ chọn định danh cho các thành phần chính của trang web: Phần tiêu đề, Phần nội dung, Phần chân trang.

2. Khai báo CSS sử dụng các bộ chọn lớp cho các thành phần của nội dung, ví dụ: tiêu đề bài viết, tên tác giả.

3. Khai báo CSS xác định vị trí hiển thị cho các phần tử HTML.

4. Thiết lập được định dạng CSS màu nền, màu chữ, phông chữ, cỡ chữ, đường viền cho các thành phần nội dung: bài giới thiệu, các bài viết, góc ảnh, góc âm nhạc, góc bình luận.

………………………

------------------------------

----------------- Còn tiế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 (400k)
  • Giáo án Powerpoint (500k)
  • Trắc nghiệm theo cấu trúc mới (250k)
  • Đề thi cấu trúc mới: ma trận, đáp án, thang điểm..(250k)
  • Phiếu trắc nghiệm câu trả lời ngắn (250k)
  • Trắc nghiệm đúng sai (250k)
  • 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)
  • .....
  • Các tài liệu được bổ sung liên tục để 30/01 có đủ cả năm

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 khoa học máy tính 12 cánh diều đủ cả năm

ĐẦ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

I. GIÁO ÁN WORD KHOA HỌC MÁY TÍNH 12 CÁNH DIỀU

GIÁO ÁN WORD CHỦ ĐỀ A: MÁY TÍNH VÀ XÃ HỘI TRI THỨC. GIỚI THIỆU TRÍ TUỆ NHÂN TẠO

GIÁO ÁN WORD CHỦ ĐỀ B: MẠNG MÁY TÍNH VÀ INTERNET. KẾT NỐI MẠNG

GIÁO ÁN WORD CHỦ ĐỀ D: ĐẠO ĐỨC, PHÁP LUẬT VÀ VĂN HÓA TRONG MÔI TRƯỜNG SỐ

GIÁO ÁN WORD CHỦ ĐỀ F: GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH. TẠO TRANG

GIÁO ÁN WORD CHỦ ĐỀ G: HƯỚNG NGHIỆP VỚI TIN HỌC. GIỚI THIỆU NHÓM NGHỀ DỊCH VỤ VÀ QUẢN TRỊ, MỘT SỐ NGHỀ ỨNG DỤNG TIN HỌC VÀ MỘT SỐ NGÀNH THUỘC

GIÁO ÁN WORD CHỦ ĐỀ  Fcs: GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH. GIỚI THIỆU HỌC MÁY VÀ KHOA HỌC DỮ LIỆU MÔ PHỎNG TRONG GIẢI QUYẾT VẤN ĐỀ

Fcs1: GIỚI THIỆU HỌC MÁY VÀ KHOA HỌC DỮ LIỆU

II. GIÁO ÁN POWERPOINT KHOA HỌC MÁY TÍNH 12 CÁNH DIỀU 

GIÁO ÁN POWERPOINT CHỦ ĐỀ A: MÁY TÍNH VÀ XÃ HỘI TRI THỨC. GIỚI THIỆU TRÍ TUỆ NHÂN TẠO

GIÁO ÁN POWERPOINT CHỦ ĐỀ B: MẠNG MÁY TÍNH VÀ INTERNET. KẾT NỐI MẠNG

GIÁO ÁN POWERPOINT CHỦ ĐỀ D: ĐẠO ĐỨC, PHÁP LUẬT VÀ VĂN HÓA TRONG MÔI TRƯỜNG SỐ

GIÁO ÁN POWERPOINT CHỦ ĐỀ F: GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH. TẠO TRANG

GIÁO ÁN POWERPOINT CHỦ ĐỀ G: HƯỚNG NGHIỆP VỚI TIN HỌC. GIỚI THIỆU NHÓM NGHỀ DỊCH VỤ VÀ QUẢN TRỊ, MỘT SỐ NGHỀ ỨNG DỤNG TIN HỌC VÀ MỘT SỐ NGÀNH THUỘC

GIÁO ÁN POWERPOINT CHỦ ĐỀ  Fcs: GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH. GIỚI THIỆU HỌC MÁY VÀ KHOA HỌC DỮ LIỆU MÔ PHỎNG TRONG GIẢI QUYẾT VẤN ĐỀ

 Fcs1: GIỚI THIỆU HỌC MÁY VÀ KHOA HỌC DỮ LIỆU

III. GIÁO ÁN CHUYÊN ĐỀ KHOA HỌC MÁY TÍNH 12 CÁNH DIỀU 

GIÁO ÁN CHUYÊN ĐỀ 1: TÌM HIỂU MỘT VÀI KIỂU DỮ LIỆU TUYẾN TÍNH 

Chat hỗ trợ
Chat ngay