《电子商务网页设计与制作》
教学大纲
一、课程信息
课程名称：电子商务网页设计与制作
课程类别：素质选修课/专业基础课
课程性质：选修/必修
计划学时：23
计划学分：2
先修课程：无
选用教材：《电子商务网页设计与制作》
适用专业：
课程负责人：
二、课程简介
随着网上购物的不断流行，电子商务成为了互联网时代的新兴商务模式，电子商务网页设计也应运而生。电子商务网页设计通常分为两个部分，即先使用Photoshop设计出网页效果图，再使用Dreamweaver来合成网页页面。本课程即以Photoshop CS6和Dreamweaver CS6为蓝本，讲解使用这两个软件进行电子商务网页设计与制作的相关知识。
本课程由浅入深、循序渐进，采用情景导入案例的方式讲解软件知识，然后通过“项目实训”和“课后练习”加强对学习内容的训练，最后通过“技巧提升”来提升学生的综合学习能力。全书通过大量的案例和练习，着重对学生实际应用能力的培养，并将职业场景引入课堂教学，让学生提前进入工作角。
三、课程教学要求
序号
专业毕业要求
课程教学要求
关联程度
1
工程知识
           
L
2
问题分析
学生应当对Photoshop CS6和Dreamweaver CS6有基本了解，并能熟练运用该软件
H
3
设计/开发解决方案
具备电子商务网站设计与制作的能力，能够制作出客户满意的电子商务网站
H
4
研究
能够结合平面设计和电子商务网站的设计方案，学习各家之所长
H
5
使用现代工具
L
6
工程与社会
L
7
环境和可持续发展
L
8
职业规范
培养平面设计职业道德，遵守广告宣传规范和理念
L
9
个人和团队
案例分析与讨论要求学生分组，分担任务，学习配合
H
10
沟通
通过小组发言、提交案例报告增强语言与文字沟通能力
M
11
项目管理
L
12
终生学习
以终生学习为目标，对电子商务网站的设计与制作知识时刻保持更新和进步，强化实际操作技能。
H
网页设计与制作代码案例
注：“课程教学要求”栏中内容为针对该课程适用专业的专业毕业要求与相关教学要求的具体描述。“关联程度”栏中字母表示二者关联程度。关联程度按高关联、中关联、低关联三档分别表示为“H”“M”或“L”。“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目不相关。
四、课程教学内容
章节
名称
主要内容
重难点关键词
学时
类型
1
电子商务网页设计与网站建设基础
电子商务网页设计基础知识
电子商务网站开发流程
网站制作流程
创建、编辑和管理站点
什么是网页、什么是电子商务网站、电子商务网站的主要内容和功能有哪些？
网页的常见布局结构有哪些？
网页中的常用术语、网页彩如何进行搭配？
电子商务网站设计的基本流程是什么？
电子商务网站的规划包括些什么？
1
理论讲授
2
使用Photoshop处理产品图像
Photoshop基本操作
调整产品图像的亮度与对比度
修饰产品图像的瑕疵
抠取并合成产品图像
前景与背景如何切换？
如何对图像进行批处理？
如何调整图像的亮度和对比度？
如何对图像中的瑕疵进行修饰？
如何抠取并合成图像？
2
同上
3
使用Photoshop设计网页元素
网页横幅广告的设计与制作
网页海报的设计与制作
产品推广图的设计与制作
制作通栏横幅广告和常规横幅广告有哪些区别，要注意些什么？
全屏轮播海报和常规轮播海报的制作过程有什么区别？
横向产品推广图和常规产品推广图的制作过程有什么区别？
2
同上
4
使用Photoshop设计网站界面
网站主页界面的设计与制作
网站主页切片与输出
设计网站主页一般分为几个步骤？
创建和输出切片时有哪些注意事项？
2
同上
5
使用Dreamweaver制作基础网页
网页页面属性和网页内容的设置
网页中图像的编辑与美化
通过超级链接设计网页跳转功能
使用Dreamweaver制作网页的基础操作
如何对网页进行美化和编辑
如何实现网页的跳转设计
3
同上
6
美化并布局网页
通过Div+CSS对网页布局
通过表格制作并布局网页
布局网站主页的方法有哪几种？
如何将作为独立的样式表保存的CSS样式通过链接的方式应用到多个网页中？
如何批量设置AP Div？
如何导入表格数据？
2
同上
7
使用表单和行为制作网页
通过表单设计和制作网页
通过行为设计和制作网页
在制作表单页面时有哪些注意事项？
在Dreamweaver CS6中，可以通过哪几种途径来添加表单对象？
如何根据需要为表单元素设置个性化的外观？
2
同上
8
使用模板和库设计装修页面
通过资源面板中的库文件制作网页
通过模板设计与制作网页
如何更新、分离和编辑库文件？
如何创建重复区域和可选区域？
如何对库项目进行编辑和管理？
2
同上
9
制作动态网页链接网站后台
搭建动态网站平台
使用记录集、动态表格制作动态网页
如何解决无法使用Access数据源情况？
如何完全删除“插入记录”行为？
设置数据源的好处是什么？
如何用图像对象实现记录集分页中的文本超链接？
2
同上
10
电子商务平台的网页制作与上传
了解电子商务平台网页制作的要求和注意事项
掌握图片空间的上传、移动、删除与替换操作
使用模块装修店铺
电子商务平台店铺首页设计的注意事项有哪些？
电子商务平台店铺首页布局的要点有哪些？
在淘宝网中上传图像时，可以使用什么样的方式快速进行区分？
如何还原删除的图片？
2
同上
11
综合案例——制作墨韵箱包馆网页
制作墨韵箱包馆网页的前期准备工作
使用Photoshop设计网页效果图
使用Dreamweaver合成网页
了解设计网页中的前期规划内容和准备工作。
熟练使用Photoshop CS、Dreamweaver CS6制作网页
2
同上
五、考核要求及成绩评定
序号
成绩类别
考核方式
考核要求
权重（%）
备注
1
期末成绩
期末考试
大作业
50
百分制，60分为及格
2
平时成绩
实战训练
10次
40
优、良、中、及格、不及格
3
平时表现
出勤情况
10
2次未参加课程则无法获得学分
注：此表中内容为该课程的全部考核方式及其相关信息。
六、学生学习建议
（一）学习方法建议
1. 理论配合实战训练进行学习，提高学生的实战动手能力；
2. 设计不同类型的作品，进行深入学习；
3. 提高学生的设计感和审美能力。
（二）学生课外阅读参考资料
七、课程改革与建设
该课程为高等院校O2O新形态立体化系列规划教材，教学形式为“情景导入→课堂案例→项目实训→课后练习→技巧提升”5段教学法，将职业场景、软件知识、行业知识进行有机整合，各个环节环环相扣，浑然一体。通过更多案列，让学员学习到更实用的知识。
平时对学生的考核内容包括出勤情况、在线学习习题完成情况、课堂讨论等方面，占期末总评的50%。期末考试成绩占期末总评的50%。
制订人
签字：
教研室主任签字：
院部负责人
签字：
修订时间：
年
月
日

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。