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:

Phác thảo được các phân trang giao diện website trên giấy.
Phân tích, đánh giá được sản phẩm thiết kế mĩ thuật website.

3. Phẩm chất

Hình thành khái niệm và nhận thức thẩm mĩ về thiết kế giao diện website.
Hiểu và yêu thích lĩnh vực thiết kế mĩ thuật website.

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

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

SGK, SGV Mĩ thuật 12.
Một số ảnh chụp, trích đoạn hình ảnh về giao diện website ở mỗi thể loại.
Máy tính, máy chiếu.

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

SGK Mĩ thuật 12.
Bài thuyết trình.
Ảnh tư liệu, đoạn phim ngắn đã sưu tầm thể hiện rõ yếu tố mĩ thuật trong lĩnh vực thiết kế website.

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

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

a. Mục tiêu: Thông qua hoạt động, HS hứng thú, có nhận xét, hình thành khái niệm và hiểu biết khái quát về thiết kế mĩ thuật website.

b. Nội dung: GV hướng dẫn HS nhận diện và trao đổi một số nội dung ban đầu về thiết kế mĩ thuật website.

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

(1) Trước tiết học

- GV tổ chức cho HS xem và tìm hiểu một số thiết kế mĩ thuật website đẹp, hấp dẫn, theo các nhóm:

+ Nhóm website thương mại điện tử (Amazon, Ebay, Bestbuy, Lazada…)

NỘI DUNG: THIẾT KẾ MĨ THUẬT ĐA PHƯƠNG TIỆN

+ Nhóm website thông tin điện tử (báo điện tử….)

+ Nhóm website cơ quan, công ty.

+ Nhóm website truyền thông mạng xã hội.

- GV yêu cầu các nhóm thảo luận, thực hiện nhiệm vụ cụ thể sau:

+ Yếu tố mĩ thuật thể hiện trong thiết kế giao diện website là gì? Yếu tố này thể hiện ở mỗi nhóm website có gì khác nhau không?

+ Phương tiện kĩ thuật có thể truy cập website là gì? Các phương này tác động thế nào đến việc thiết kế giao diện website?

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: Nghệ thuật thiết kế mĩ thuật website.

- 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:

- Yếu tố mĩ thuật thể hiện trong thiết kế giao diện website là hình ảnh, thông tin, video clip, các điều hướng người sử dụng, liên kết với các website khác… Yếu tố này thể hiện ở mỗi nhóm website có sự khác nhau rõ ràng.

+ Các website thương mại điện tử chủ yếu sử dụng những hình ảnh mặt hàng, các gian hàng để người dùng có thể thuận tiện lựa chọn sản phẩm.

+ Các website thông tin điện tử chủ yếu là cung cấp các thông tin và trang website xây dựng đơn giản, không cầu kì về màu sắc.

+ Các website công ty thường cung cấp giới thiệu về hình ảnh, sự kiện công ty, đòi hỏi trang website phải đầy đủ thông tin để khách hàng tìm hiểu.

- Phương tiện kĩ thuật có thể truy cập vào website là các thiết bị công nghệ như điện thoại, máy tính bảng, máy tính để bàn, máy tính xách tay….

NỘI DUNG: THIẾT KẾ MĨ THUẬT ĐA PHƯƠNG TIỆN