电子商务网页设计与制作教学大纲

《电子商务网页设计与制作》

教学大纲

一、课程信息

课程名称：电子商务网页设计与制作

课程类别：素质选修课/专业基础课

课程性质：选修/必修

计划学时：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对

网页布局

通过表格制作并

布局网站主页的方法有哪几

种？

如何将作为独立的样式表保存

2 同上

布局网页的CSS样式通过链接的方式应

用到多个网页中？

如何批量设置AP Div？

如何导入表格数据？

7 使用表单和行为制

作网页

通过表单设计和

制作网页

通过行为设计和

制作网页

在制作表单页面时有哪些注意

事项？

在Dreamweaver CS6中，可以

通过哪几种途径来添加表单对

象？

如何根据需要为表单元素设置

个性化的外观？

2 同上

8 使用模板和库设计

装修页面

通过资源面板中

的库文件制作网

页

通过模板设计与

制作网页

如何更新、分离和编辑库文件？

如何创建重复区域和可选区

域？

如何对库项目进行编辑和管

理？

2 同上

9 制作动态网页链接

网站后台

搭建动态网站平

台

使用记录集、动态

表格制作动态网

页

如何解决无法使用Access数

据源情况？

如何完全删除“插入记录”行

为？

设置数据源的好处是什么？

如何用图像对象实现记录集分

页中的文本超链接？

2 同上

10 电子商务平台的网

页制作与上传

了解电子商务平

台网页制作的要

求和注意事项

掌握图片空间的

上传、移动、删

除与替换操作

使用模块装修店

铺

电子商务平台店铺首页设计的

注意事项有哪些？

电子商务平台店铺首页布局的

要点有哪些？

在淘宝网中上传图像时，可以

使用什么样的方式快速进行区

分？

如何还原删除的图片？

2 同上