《平面设计项目实战》教案 第14课 家居商城网页界面设计（二）.doc

PAGE2

PAGE2

PAGE3

PAGE3

课题

家居商城网页界面设计（二）——网页界面设计实操演练

课时

2课时（90min）

教学目标

知识目标：

掌握网页界面的制作方法和技巧

能力目标：

（1）能够根据设计需求分析网页界面的设计思路，确定设计风格

（2）能够使用Photoshop2021软件制作网页界面

素质目标：

（1）提升观察事物的能力和审美能力

（2）加强基础知识的学习，为个人的长远发展打下坚实的基础

教学重难点

教学重点：网页界面的制作方法

教学难点：设计网页界面

教学方法

演示法、提问法、讲授法、任务驱动法、练习法、讨论法

教学用具

电脑、投影仪、多媒体课件、教材

教学设计

?课前任务→考勤（2min）→复习导入（5min）→项目实施（10min）→课堂练习（35min）→作品赏析（5min）→项目实训（28min）→课堂小结（3min）→作业布置（2min）

教学过程

主要教学内容及步骤

教学方法及手段

设计意图

课前任务

【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，完成课前任务

请同学们熟悉制作网页界面的剩余操作步骤，可以自行练习

【学生】完成课前任务

通过课前任务，让学生提前预习要学习的操作步骤，为实操课打基础

考勤

（2min）

【教师】清点上课人数，记录好考勤

【学生】班干部报请假人员及原因

培养学生的组织纪律性，掌握学生的出勤情况

复习导入

（5min）

【教师】给出制作一个图标的要求，让学生完成

【学生】完成操作

练习法

通过复习制作网页界面的步骤，了解学生的掌握程度，并过渡到下一步骤的学习

项目实施

（10min）

（三）制作页尾

【教师】讲解并演示制作页尾的操作步骤，然后让学生练习

步骤1?使用“矩形工具”在画布最下方绘制一个宽度为1920像素、高度为374像素、填充颜色为深蓝色、描边颜色为无的矩形，作为页尾的底色置

……（详见教材）

【学生】聆听、进行操作。遇到问题及时向教师请教，或扫码观看视频

演示法、练习法

通过练习制作页尾，让学生将所学知识与实践相结合，培养学生的实操能力

课堂练习

（35min）

【教师】让学生以组为单位，讨论如何为现在的家居城网站网页增加双十一年终大促的活动消息，营造活动氛围，并完成设计

【学生】聆听、讨论、进行操作，遇到问题及时向教师请教

【教师】给学生一定时间完成讨论和制作，然后邀请学生展示设计的网站并讲解设计理念

【学生】展示、讲解设计理念

【教师】点评、总结

讨论法、练习法，任务驱动法

通过与同学讨论、一起设计网站界面，激发学生的创新思维，提升学生的操作能力

作品赏析

（5min）

【教师】展示优秀的网页界面设计作品并进行赏析

【学生】聆听、感受

讲授法

通过对优秀作品的赏析，提升学生的审美能力、文化素养

项目实训

（28min）

【教师】展示制作汽车网站首屏的图片，简单说明设计风格，然后让学生分组练习，每组率先完成的同学可以举手示意老师检查，检查无误后，自动成为本组的组长，辅助其他同学完成操作，组内同学都完成，可以一起举手示意老师

步骤1?启动Photoshop软件，新建一个名为“汽车网站首屏”、宽度为1920像素、高度为1080像素、分辨率为72像素/英寸、颜色模式为“RGB颜色”的文档

……（详见教材）

【学生】进行操作，遇到问题及时向教师请教

练习法、任务驱动法

使用任务驱动法教学，通过展示案例效果，使学生对要制作的作品有一个大致了解

通过练习制作汽车网站首屏页面，让学生将所学知识与实践相结合，培养学生的实操能力

以学生为主体，针对学生接受能力的差异性，让优秀学生带动其他学生掌握知识

课堂小结

（3min）

【教师】简要总结本节课的要点

本节课学习了利用设计软件制作网站界面的实际操作。同学们需要能根据网站界面设计需求确定设计风格并且能熟练地使用设计软件

【学生】总结回顾知识点

总结知识点，巩固学生对本次课重点和难点知识的掌握

作业布置

（2min）

【教师】布置课后作业

本课作业布置二维码

老师扫描此码，即可进行线上作业布置

【学生】完成课后任务

通过课后作业巩固练习制作网页界面的操作方法，提升操作能力

教学反思