一、课程简介

通过“校园门户网站平面设计”一体化课程内容的学习，使学生掌握网站建设结构和内容布局、网站配色等方面的整体规划，具备网站日常平面设计和宣传资料的制作能力。课程采用信息化的教学模式，利用微课、蓝墨云班课APP、一体化机房“极域”电子教室等手段解决了传统教学模式的不足，有效提升学生的综合知识和从业技能。

二、课程目标

1. 认知目标

Ø  熟悉主流网站页面框架、网站内容布局、网站配色技巧。

Ø  掌握使用软件设计网站页面元素的操作技能。

2. 能力目标

Ø  具备网页效果图设计能力，处理网页图片能力。

Ø  具备网站标志logo、导航栏、广告栏，banner条设计能力。

3. 素养目标

Ø  具备爱岗敬业、团队合作能力，良好的审美能力与艺术素养

Ø  具备创新思维能力，勤于探索精神。

三、课程重点和课程难点

课程重点：网站页面整体设计，网站页面元素设计

课程难点：网站页面框架设计，网站内容布局

四、教学模式

使用“翻转课堂教学模式”实现教师与学生的角色互换，要求学生在课前根据教师提供的各种学习资源，如“微课”视频、电子教案、案例，预先自主地完成对知识的学习，课上课后再以项目为载体实施教师互动和小组协作进行知识深化。

五、教学方法

1 项目教学法：以真实的项目案例“校园门户网站平面设计”为情景引导，使学生熟悉整个网站平面设计的全过程，通过项目融入课程知识点和技能点，使学生得到巩固。

2 任务驱动法：将项目案例化解为一个个具体的任务如“网站Logo设计”、“网站Banner条设计”、“导航栏设计”等，使学生学习不再盲目，激发学生学习兴趣和创造性，通过任务驱动，实现“赏”、“教”、“学”、“做”、“创”的教学思路。

3 小组协作法：在课后拓展项目中，采取小组分工协作共同探究问题的教学方法，学生成立项目小组，组长负责开例会讨论项目的设计和项目任务分解，组员得到任务后，根据职责去完成，从而提高学生的团队合作能力，使学生感受到职场角色职能。

六、教学设计流程

1 课前准备（自学、测试）

将本门课“必知必会”知识内容录制为微课程，将微课、电子教案、课程资料、课前任务、课前测试等课程资源发布到课程平台上，供学生课前学习。在此教学环节中可以把学生提前引入课堂，并通过课前任务、课前测试督促学生完成课前学习。

2 课上学习

首先随机抽取学生进行课堂演示，并根据学生课前测试和作业完成情况，将学生知识薄弱点作为讨论内容进行课堂讨论，在教师引导和学生互助下，共同解决问题，加深学生对课程内容理解。在课程讨论完成后，教师引入项目，该项目融入了“课前准备”中所有知识，师生共同赏析项目，探讨项目的实现方法，之后教师讲解并演示项目核心要点，学生自行完成项目后，教师进行点评和师生互评，作品上传至课程平台,共同学习交流，通过此环节可深化课程内容，将本节课知识内容进行延伸和扩展，扩宽课程知识面，使学生对本门课更深入的学习。

3 课后拓展

教师提供若干真实的“网站平面设计”项目，由学生分组完成，每个小组推选出组长负责整个项目，组长负责开例会讨论项目的设计和项目任务分解，组员得到任务后，根据职责去完成，组长则负责项目的宏观把握和协调。项目完成后小组进行评比，小组派代表进行项目讲解，由教师和学生共同评价，从而实现成果交流。

4 考核评价

考核评价通过“蓝墨云班课”在线学习系统辅助完成，通过该系统可获得学生课前学习情况、课堂演示评价、课上问题讨论参与情况数据汇总，然后综合学生课上项目完成情况和课后拓展项目评比进行课程考核。

七、教学成果

1 信息化的教学手段解决了传统教学方式存在的不足，学生可利用碎片时间随时随地进行学习，课程内容得到深化，学生分析和解决问题的能力得到提高，创造力得到了培养。

2 课前利用微课自主学习，课程基本知识得到巩固；课上项目的分析、核心要点演示，课程内容得到升华；课后拓展项目，学生感受企业岗位角色职能。

3 掌握课程重点，突破课程难点，学生综合能力得到提高。