电子商务专业 《网页美工》课程标准
使用专业 课程代码 课程类型 电子商务专业 0102016002 专业方向课 修读学期 课程学时 课程性质 第4学期 32 专业选修 制订时间 课程学分 课程类别 2015.08 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 3 4 5 6 单元（项目） 网页平面构成 网页平面构成 网页的色彩搭配 网页的字体设计 网页排版与布局 网页图像处理 网页动画处理 网页配色 网页的字体设计 网页版式设计 网页图像处理 网络动画的制作 网店首页制作 7 网店平面制作 产品详情页制作 活动专题页制作 课程学习总学时 2 2 2 4 4 4 4 4 4 32 主题（模块） 网页美工概述 学时分配 2
六、 课程学习单元内容与要求
单元（项目）名称：网页平面构成 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 10 40 20 10 100 分值 20 10 40 20 10 100
八、 教材及相关资源
建议本课程选用的教材：《精通Photoshop网页美工设计》，主编：张俊峰，
清华大学出版社，2015年
主要参考书： 《网页美工设计》，主编：崔建成，电子工业出版社，2014
九、 其他说明
本课程的实训内容安排在专业实训室内进行，要求能接入Internet，方便访问各类美工设计网站。
计算机中要求安装WindowsXP专业版操作系统，并安装好Photoshop、Flash、CorelDRAW、Dreamweaver等相应的教学软件,以及office/PDF等常用的系统软件。
本课程实施过程中，遵循以下原则：
（1）课堂以讲授和实操为主，教学辅助手段：通过CAI课件、互联网、上机等手段建立学员的理性认识。
（2）通过章节相关内容的案例介绍与分析，进一步增强学员的感性认识。 （3）作业：学生通过完成预定的设计任务，达到对重点知识和技能的巩固。
因篇幅问题不能全部显示，请点此查看更多更全内容