网页美工 课程标准.docx
《网页美工 课程标准.docx》由会员分享，可在线阅读，更多相关《网页美工 课程标准.docx（14页珍藏版）》请在冰豆网上搜索。
网页美工课程标准
电子商务专业
《网页美工》课程标准
使用专业
电子商务专业
修读学期
第4学期
制订时间
2015.08
课程代码
010*******
课程学时
32
课程学分
2
课程类型
专业方向课
课程性质
专业选修
课程类别
理论+实践
对应职业资格证或内容
对应助理电子商务师职业资格证书考试的网页美工编辑部分
合作开发企业
温州名购网
执笔人
魏振锋
合作者
一、课程定位
随着互联网的快速发展，网页美工设计与图像处理技术进入了一个崭新的阶段。
网页作为网络信息的载体，不再是简单的文字与图片的展示，而是更加强调美观性、交互性，这也是当前网页美工设计与图像处理的发展趋势。
为了加强学生的网页美工设计水平，提高学生的图像处理实际动手能力，提高学生的就业竞争力，为社会培养必需的人才，我们开设了《网页美工》这门课程。
该门课程实践性很强，学生必须通过大量的上机练习，才能够灵活地用它来解决实际的问题。
由于电子商务专业学生在网络运营中，不可避免的要涉及美工设计实践内容，因此每一位专业学生都应该熟练地掌握和运用Photoshop软件的各种功能。
二、课程设计思路
《网页美工》是一门集美学、Photoshop图片设计，Flash动画制作，Dreamwaver网页设计等设计软件应用为主的实践性课程，培养学生具备良好的创意和一定程度的审美观。
通过学习本课程，学生应了解网页基本设计思想，掌握和提高色彩搭配能力、网页的色彩设计、平面构成，熟练掌握Photoshop、CorelDRAW、Dreamweaver等工具的使用，掌握网页设计的基本方法，具备网页美工的项目实践经验，对网页美工有深刻的认识和独特的见解，能够熟练运用各种网页设计技术实现网页的效果。
本课程采用理论与实践相结合的案例教学法和项目教学模式，将平面设计理论知识与网页设计充分结合，本课程注重实践应用能力的培养，提供相应的练习内容，加强实践操作技能的培养，增强学生择业、就业和适应职业变化的能力。
本课程实施过程中，建议课堂教学相对集中课时对网页设计中的“页面构成”、“色彩搭配”、“字体设计”、“排版与布局”、“动画制作”、“图像制作”、“网店平面设计”、“实例解析”等单元进行严格的训练（结合案例进行实战教学），力求在一个较短的时间内将学生网页设计能力提到一个较高水准。
在实践教学手段方面，建议采用投影教学的方式进行理论和实例的讲解，加大临摹练习，以获得最佳的教学效果。
三、课程学习目标
（一）本课程学习应具备的专业能力
本课程的教学目标是：
以现代职业教育理念为指导，通过先进的教学手段，使学生充分掌握网页设计中平面构成、色彩搭配、字体设计、排版与布局、网络动画、形象设计与广告传媒等多个方面的理论知识并结合实例进行设计，加深对网页美工设计的理解，不断提高学生的艺术修养和设计技能水平。
通过本课程的学习，学生应掌握
（1）网页美工设计能力；
（2）网页设计中的平面构成及色彩搭配原理；
（3）网页设计中的字体设计；
（4）网页设计中的排版与布局原理；
（5）网页设计中的动画制作；
（6）淘宝网店首页、产品详情页、活动页面的设计。
（二）本课程学习应具备的方法能力
通过本课程的学习，使学生具备开放的专业思维，树立牢固的专业信心，并通过多个实训项目，培养学生具备独立从事网页美工设计和网店页面设计能力。
（1）掌握并熟练应用网页设计中的平面构成、色彩心理及色彩搭配原理；
（2）能熟练掌握网页设计中的字体设计原理；
（3）熟练掌握并活用网页设计中的排版与布局；
（4）掌握并活用图片和网络动画；
（5）掌握和优化网店页面设计。
（三）本课程学习应具备的社会能力
通过本课程的学习，向学生传播独立设计能力和设计思维，让学生热爱专业，树立远大理想，锻炼和培养学生踏实认真、精益求精等基本素质，且具备：
（1）艺术欣赏能力；
（2）实事求是的作风和创新意识、创新精神；
（3）不断学习的能力。
四、典型工作任务
本课程基于电子商务网店运营需要，企业网页设计和美工工作过程，设计了网页平面构成、色彩搭配、字体设计、排版与布局、网页动画、网页图像、网店首页、产品详情页、活动页面设计等7个工作任务，让学生在真实的工作任务中学习，通过多环节的技能训练，全面掌握网页美工设计基础知识和技能，能够承担企业相应的设计和制作任务，通过对各类网页的分析，提高学生的网页美工设计能力，提高审美水平。
五、课程整体设计
序号
单元（项目）
主题（模块）
学时分配
1
网页平面构成
网页美工概述
2
网页平面构成
2
2
网页的色彩搭配
网页配色
2
3
网页的字体设计
网页的字体设计
2
4
网页排版与布局
网页版式设计
4
5
网页图像处理
网页图像处理
4
6
网页动画处理
网络动画的制作
4
7
网店平面制作
网店首页制作
4
产品详情页制作
4
活动专题页制作
4
课程学习总学时
32
六、课程学习单元内容与要求
单元（项目）名称：
网页平面构成
学习性工作任务或项目
1.目标：
掌握网页美工需要具备的能力，掌握平面构成原理及构成形式。
2.具体任务：
熟练掌握网页美工使用的设计工具。
3.活动设计：
案例展示-学生实操-讲评
载体或活动
以教材案例和天猫店铺实例为例
学习方法建议
实践法
学习重点与难点
重点：
熟练掌握平面构成形式并应用于网页设计
难点：
构成形式在网页设计中的活用
组织实施建议
理实一体项目化教学
学习场地与设施建议
机房环境、安装photoshop、dreamweaver、flash等教学软件，能够访问各案例网站。
学生学习知识与技能准备
平面构成原理、构成形式、构成形式在网页设计中的运用。
学习考核与评价
网页美工使用的设计工具30%，平面构成原理30%，平面构成形式40%
学习单元设计
拟实现的能力目标
必须掌握的知识内容
学时
网页美工概述
掌握网页美工需要具备的能力。
能熟练掌握网络美工所要求具备的设计工具。
2
网页平面构成
掌握网页平面构成设计中的3个方面；熟练掌握平面构成形式并应用于网页设计。
平面构成原理及构成形式。
2
本学习单元学时小计
4
单元（项目）名称：
网页的色彩搭配
学习性工作任务或项目
1.目标：
掌握色彩构成原理，掌握网页配色原理
2.具体任务：
网页常用配色分析。
3.活动设计：
案例展示-学生实操-讲评
载体或活动
以教材案例和天猫店铺实例为例
学习方法建议
实践法
学习重点与难点
重点：
网页配色原理中的色彩的印象、调和、对比、变化。
以及网页常用配色分析；
难点：
网页色彩心理
组织实施建议
理实一体项目化教学
学习场地与设施建议
机房环境、安装photoshop、dreamweaver、flash等教学软件，能够访问各案例网站。
学生学习知识与技能准备
色彩构成，网页配色原理，网页色彩心理，网页配色分析
学习考核与评价
网页配色原理30%，网页色彩心理20%，网页配色分析50%
学习单元设计
拟实现的能力目标
必须掌握的知识内容
学时
网页的色彩搭配
熟练掌握网页配色原理，并能结合网页色彩心理的理论，活用于网页设计中。
了解色彩构成原理及网页色彩心理，掌握网页配色原理
2
本学习单元学时小计
2
单元（项目）名称：
网页的字体设计
学习性工作任务或项目
1.目标：
熟练掌握网页设计中字体与版式设计。
2.具体任务：
网页字体与版式设计，培养学生的制作能力。
3.活动设计：
案例展示-学生实操-讲评
载体或活动
以教材案例和天猫店铺实例为例
学习方法建议
实践法
学习重点与难点
重点：
字体设计原理及网页设计中文字颜色的运用“羽化值”、“容差”等参数的合理设置。
难点：
字体与版式设计中文字的编排形式，以及文字编排的特殊表现
组织实施建议
理实一体项目化教学
学习场地与设施建议
机房环境、安装photoshop、dreamweaver、flash等教学软件，能够访问各案例网站。
学生学习知识与技能准备
字体设计原理，字体与版式设计，文字颜色的运用，属性栏的设定
学习考核与评价
字体与版式设计50%，文字颜色的运用30%，属性栏的设定20%
学习单元设计
拟实现的能力目标
必须掌握的知识内容
学时
网页的字体设计
熟练掌握网页设计中字体与版式设计的相关内容与“扩大选取”和“选取相似”命令搭配使用方法，能够灵活设计字体版式。
字体设计的基本原理，网页设计中字体与版式设计，以及文字颜色的运用。
2
本学习单元学时小计
2
单元（项目）名称：
网页排版与布局
学习性工作任务或项目
1.目标：
熟练掌握网站风格设计、网页布局
2.具体任务：
掌握网页设计中的版式设计、网页布局、导航设计。
3.活动设计：
案例展示-学生实操-讲评
载体或活动
以教材案例和天猫店铺实例为例
学习方法建议
实践法
学习重点与难点
重点：
掌握树立网站设计风格的方法；理解如何将网页设计变得简约；理解网页设计中版式设计的原理。
难点：
网页布局、按钮的设计，高级设计导航方法。
组织实施建议
理实一体项目化教学
学习场地与设施建议
机房环境、安装photoshop、dreamweaver、flash等教学软件，能够访问各案例网站。
学生学习知识与技能准备
网站风格设计，商务网页设计，版式设计，网页布局，导航设计
学习考核与评价
版式设计50%，网页布局30%，网站风格设计20%
学习单元设计
拟实现的能力目标
必须掌握的知识内容
学时
网页排版与布局
熟练掌握网页合理排版，能掌握网站设计风格的方法；掌握网页布局、导航栏、按钮的设计方法。
掌握树立网站设计风格的方法；掌握关于网页LOGO的知识点；了解简约网页设计的特点以及网页设计中的版式设计。
4
本学习单元学时小计
4
单元（项目）名称：
网页图像处理
学习性工作任务或项目
1.目标：
掌握网页图像颜色调整，几种滤镜效果和图层效果的使用.
2.具体任务：
掌握网页设计中图像颜色、滤镜、图层处理的相关操作。
3.活动设计：
案例展示-学生实操-讲评
载体或活动
以教材案例和天猫店铺实例为例
学习方法建议
实践法
学习重点与难点
重点：
掌握网页背景图像无缝连接的制作、图像抽丝效果、浮点效果和阴影效果的设计。
难点：
滤镜效果和图层效果的处理。
组织实施建议
理实一体项目化教学
学习场地与设施建议
机房环境、安装photoshop、dreamweaver、flash等教学软件，能够访问各案例网站。
学生学习知识与技能准备
网页背景处理、图像无缝连接、图像抽丝效果、浮点效果、阴影效果设计。
学习考核与评价
滤镜效果和图层效果设计50%，图像无缝连接设计20%，抽丝效果、浮点效果和阴影效果设计30%
学习单元设计
拟实现的能力目标
必须掌握的知识内容
学时
网页图像处理
掌握几种背景处理效果；掌握图像抽丝效果的制作；掌握图像颜色调整，掌握几种滤镜效果和图层效果的使用等与图像处理相关的操作。
网页背景处理、图像抽丝效果、图像颜色调整、滤镜效果、图层效果
4
本学习单元学时小计
4
单元（项目）名称：
网页动画处理
学习性工作任务或项目
1.目标：
掌握网页动画的设计和制作，将动画无缝连接于网页。
.
2.具体任务：
掌握网络动画的制作与网页的衔接。
3.活动设计：
案例展示-学生实操-讲评
载体或活动
以海尔网站为例
学习方法建议
实践法
学习重点与难点
重点：
网络动画的制作，动画在网页中的嵌入。
难点：
网络动画制作的指导方针。
组织实施建议
理实一体项目化教学
学习场地与设施建议
机房环境、安装photoshop、dreamweaver、flash等教学软件，能够访问各案例网站。
学生学习知识与技能准备
网络动画的分类，网络动画的制作，网络动画的指导方针，动画嵌入。
学习考核与评价
网络动画的制作50%，动画无缝连接设计30%，网络动画的指导方针20%
学习单元设计
拟实现的能力目标
必须掌握的知识内容
学时
网页动画处理
掌握网络动画的制作，理解网络动画设计思想，掌握动画在网页中的应用。
网络动画的制作及指导方针，动画的嵌入。
4
本学习单元学时小计
4
单元（项目）名称：
网店平面制作
学习性工作任务或项目
1.目标：
掌握网店页面的设计与制作，制作出精良的作品。
2.具体任务：
能够熟练制作网店首页、产品详情页和活动专题页面。
3.活动设计：
案例展示-学生实操-讲评
载体或活动
以教材案例和天猫店铺实例为例
学习方法建议
实践法
学习重点与难点
重点：
网店首页制作、产品详情页制作、活动专题页制作。
难点：
网页分析与创意设计
组织实施建议
理实一体项目化教学
学习场地与设施建议
机房环境、安装photoshop、dreamweaver、flash等教学软件，能够访问各案例网站。
学生学习知识与技能准备
网页策划，网页分析，网站首页制作，产品详情页制作，活动专题页制作
学习考核与评价
网站首页制作30%，产品详情页制作40%，活动专题页制作30%
学习单元设计
拟实现的能力目标
必须掌握的知识内容
学时
网店首页制作
掌握网店页面的设计与制作，能熟练制作网店首页。
版面整体设计、背景设置、主题图像的制作、导航菜单的制作。
4
产品详情页制作
掌握网店页面的设计与制作，能熟练制作产品详情页。
版面整体设计、背景设置、主题图像的制作、标题的制作、优化效果
4
活动专题页制作
掌握网店页面的设计与制作，能熟练制作活动专题页面。
版面整体设计、背景设置、主题图像的制作、网页切片、标题的制作
4
本学习单元学时小计
12
七、课程考核与评价
本课程为第四学期的考查课，主要采用提交设计作品的形式，以百分制形式计分，具体考核形式与所占比重如下表：
考核方法
平时
闭卷考试
开卷考试
口试
设计
论文
报告
实物作品
操作考试
上机考试
以证代考
其他方法：
—————
选用“√”
□
□
□
□
□
□
□
□
□
□
□
□
所占期末总成绩比例
40%
60%
具体评价体系及权重包括：
评价项目
评价内容
评价形式
权重（%）
分值
过程性评价
学习单元评价
知识理解、参与讨论、回答问题、出勤情况
工作效率
（课堂表现）
20
20
学生自评
技能掌握程度
工作态度
10
10
结果性评价
学习单元评价
完成典型工作任务的效果和质量
工作熟练程度
工作效果
40
40
知识的理解
方法的掌握
测试成绩
20
20
第三方评价
学生互评
团队合作
工作质量
工作成果
10
10
合计
100
100
八、教材及相关资源
建议本课程选用的教材：
《精通Photoshop网页美工设计》，主编：
张俊峰，清华大学出版社，2015年
主要参考书：
《网页美工设计》，主编：
崔建成，电子工业出版社，2014
九、其他说明
本课程的实训内容安排在专业实训室内进行，要求能接入Internet，方便访问各类美工设计网站。
计算机中要求安装WindowsXP专业版操作系统，并安装好Photoshop、Flash、CorelDRAW、Dreamweaver等相应的教学软件,以及office/PDF等常用的系统软件。
本课程实施过程中，遵循以下原则：
（1）课堂以讲授和实操为主，教学辅助手段：
通过CAI课件、互联网、上机等手段建立学员的理性认识。
（2）通过章节相关内容的案例介绍与分析，进一步增强学员的感性认识。
（3）作业：
学生通过完成预定的设计任务，达到对重点知识和技能的巩固。
感谢下载!
欢迎您的下载，资料仅供参考
升级会员 