Giáo án Mĩ thuật 12 Kết nối tri thức Bài 2: Thiết kế mĩ thuật giao diện website

HOTMã giảm giá khóa học 30% cho teen 2k2 chinh phục ít nhất 24 điểm tại khoahoc.vietjack.com. Xem ngay!

Với Giáo án Bài 2: Thiết kế mĩ thuật giao diện website sách Thiết kế mĩ thuật đa phương tiện 12 Kết nối tri thức hay nhất theo mẫu Kế hoạch bài dạy (KHBD) chuẩn của Bộ Giáo dục giúp Thầy/Cô soạn giáo án Mĩ thuật 12 dễ dàng.

Giáo án Mĩ thuật 12 Kết nối tri thức Bài 2: Thiết kế mĩ thuật giao diện website

Giáo viên quan tâm Kế hoạch bài dạy (KHBD) hay Giáo án Mĩ thuật 12 năng lực số bản word trình bày đẹp mắt, dễ dàng chỉnh sửa mời Xem thử.

Quảng cáo

I. MỤC TIÊU

1. Kiến thức

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

- Nhận biết được các yếu tố thẩm mĩ, hệ thống cấu trúc và phân cấp nội dung trên website.

- Lựa chọn được chủ đề, phác thảo và thiết kế mĩ thuật một giao diện website.

- Phân tích, đánh giá được thiết kế mĩ thuật website phù hợp với đối tượng sử dụng.

- Yêu thích và hiểu biết cơ bản về thiết kế mĩ thuật website.

2. Năng lực

Năng lực chung:

- Năng lực giao tiếp và hợp tác: khả năng thực hiện nhiệm vụ một cách độc lập hay theo nhóm; Trao đổi tích cực với giáo viên và các bạn khác trong lớp.

- Năng lực tự chủ và tự học: biết lắng nghe và chia sẻ ý kiến cá nhân với bạn, nhóm và GV. Tích cực tham gia các hoạt động trong lớp.

- Giải quyết vấn đề và sáng tạo: biết phối hợp với bạn bè khi làm việc nhóm, tư duy logic, sáng tạo khi giải quyết vấn đề.

Năng lực riêng:

Quảng cáo

- Lựa chọn chủ đề, phác thảo và thiết kế mĩ thuật website.

- Phân tích, đánh giá được thiết kế mĩ thuật website phù hợp với đối tượng sử dụng.

Năng lực số:

- 1.1.NC1b: Sử dụng chiến lược tìm kiếm hiệu quả để thu thập tư liệu hình ảnh, icon, font chữ phục vụ thiết kế từ các nguồn tài nguyên số mở.

- 3.1.NC1a: Sử dụng thành thạo phần mềm thiết kế giao diện chuyên dụng (như Figma, Adobe XD) hoặc các công cụ đồ họa trực tuyến (Canva, Wix) để tạo lập bản thiết kế (Mockup).

- 3.3.NC1a: Tuân thủ quy định về bản quyền khi sử dụng tài nguyên số (hình ảnh, mã nguồn giao diện) và hiểu về giấy phép Creative Commons.

- 2.4.NC1a: Sử dụng các nền tảng cộng tác trực tuyến (Figma comment, Padlet) để làm việc nhóm, chia sẻ ý tưởng và nhận xét bản thiết kế thời gian thực.

- 5.3.NC1a: Sử dụng công cụ số để giải quyết vấn đề mô phỏng trải nghiệm người dùng (Prototype) trên giao diện thiết kế.

3. Phẩm chất

- Yêu thích và hiểu biết cơ bản về thiết kế mĩ thuật website.

Quảng cáo

- Trách nhiệm: Thiết kế nội dung web lành mạnh, tuân thủ Luật An ninh mạng.

- Chăm chỉ: Kiên trì tinh chỉnh từng chi tiết điểm ảnh (pixel-perfect) để có giao diện đẹp.

II. THIẾT BỊ DẠY HỌC

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

- SGK, KHBD Mĩ thuật 12 – Kết nối tri thức.

- Hình ảnh hoặc đường dẫn của một số website với các nội dung và chủ đề khác nhau.

- Máy tính, máy chiếu.

- Video AI được tạo bằng các công cụ AI để khởi động bài học.

- Học liệu số: Các mẫu giao diện website đẹp (UI Kits), Video hướng dẫn sử dụng Figma/Canva, Link các trang web mẫu (Awwwards, Dribbble).

- Phần mềm: Figma (ưu tiên vì tính cộng tác cao), Canva.

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

- SGK Mĩ thuật 12.

- Giấy vẽ A4, bút chì, màu nước, màu da, màu sáp, thước…

- Ảnh tư liệu về các website hoặc ảnh tư liệu cho chủ đề website yêu thích.

Quảng cáo

- Thiết bị di động/Máy tính bảng có kết nối Internet để tra cứu và tìm ý tưởng.

III. CÁC HOẠT ĐỘNG DẠY HỌC

HOẠT ĐỘNG 1: KHỞI ĐỘNG

a. Mục tiêu: Tạo hứng thú, gợi mở, kích thích HS mong muốn tìm hiểu về các nội dung mới, lí thú của bài học

b. Nội dung: GV tổ chức cho lớp xem video AI và trả lời câu hỏi.

c. Sản phẩm: Câu trả lời của HS.

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

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

- GV yêu cầu xem video AI được thiết kế để phục vụ bài dạy.

- GV yêu cầu HS trả lời câu hỏi xuất hiện trong video đó.

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

- HS xem video, phân tích hình ảnh và lời thoại của nhân vật AI.

Bước 3: Báo cáo kết quả thực hiện nhiệm vụ học tập

- GV mời đại diện các nhóm trả lời câu hỏi.

- GV yêu cầu các HS khác lắng nghe, nhận xét, bổ sung ý kiến (nếu có).

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

- GV nhận xét, đánh giá câu trả lời của HS.

- GV dẫn dắt vào bài mới.

[1.2.NC1b: HS thực hiện phân tích, diễn giải dữ liệu hình ảnh và âm thanh từ nội dung số (video AI) để trả lời câu hỏi.]

HOẠT ĐỘNG 2: KHÁM PHÁ

a. Mục tiêu: Thông qua hoạt động, có thông tin về vai trò, nhiệm vụ và sự phát triển của website trên môi trường internet.

b. Nội dung: GV tổ chức cho các nhóm HS tìm hiểu và thuyết trình một số nội dung liên quan đến:

- Vai trò, nhiệm vụ và sự phát triển của website trên môi trường internet. Những dấu mốc và sự xuất hiện của một số website ở Việt Nam.

- Một số website thuộc các nhóm nội dung chủ đề khác nhau ở Việt Nam như: giáo dục, giải trí, báo điện tử, thương mại điện tử, doanh nghiệp.

c. Sản phẩm: Bài thuyết trình của HS.

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

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

- GV giao nhiệm vụ cho HS và mời các nhóm lên trình bày :

+ Nhóm 1 + 2: Vai trò nhiệm vụ và sự phát triển của website trên môi trường internet.

+ Nhóm 3 + 4: Các website phổ biến thuộc các chủ đề khác nhau.

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

- HS các nhóm phân công nhiệm vụ cụ thể cho thành viên các nhóm.

- GV quan sát việc tham gia hoạt động học tập trên lớp của HS:

+ Chuẩn bị bài thuyết trình của mỗi nhóm.

+ Sự tham gia của mỗi thành viên trong nhóm.

+ Sự tham gia của HS trong lớp.

+ Sự tích cực đặt câu hỏi, trả lời trong phần thảo luận.

Bước 3: Báo cáo kết quả thực hiện nhiệm vụ học tập

- GV mời đại diện HS trình bày kết quả thảo luận về nội dung: Vai trò, nhiệm vụ và sự phát triển website trên môi trường internet.

- GV yêu cầu các HS khác lắng nghe, nhận xét, nêu ý kiến bổ sung hoặc đặt câu hỏi cho nhóm bạn (nếu có).

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

GV nhận xét, đánh giá và chuẩn kiến thức:

- Vai trò nhiệm vụ và sự phát triển của website trên môi trường internet: Trên môi trường internet, website là một tập hợp các dữ liệu hiển thị dưới dạng văn bản, hình ảnh mà người dùng tương tác trên các thiết bị máy tính, điện thoại thông minh… Website có cấu trúc dễ dàng thì càng thuận tiện theo dõi và tải thông tin xuống nếu cần.

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

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 Mĩ thuật 12 Kết nối tri thức mới nhất, để mua tài liệu đầy đủ, Thầy/Cô vui lòng Xem thử.

Xem thêm các bài soạn Giáo án Mĩ thuật lớp 12 Kết nối tri thức hay, chuẩn khác: