电子商务+电子商务网页设计课程标准

2021年1月21日发(作者：杭雄)
襄樊职业技术学院

《电子商务网页设计》课程标准


一、课程定位

1.

高职电子商务专业人才培养目标定位

高职电子商务专业主要以电子商务职业岗位
(
群
)
任职能力要求为目 标，以计算机和计算机
网络为工具，培养具备管理、贸易、营销、电子商务基本技术知识，面向各类工商 企业（高新
技术、信息产业）管理和服务第一线，能从事电子商务活动和电子商务管理等方面工作，职业
能力较强的电子商务领域的高技能应用型专门人才。学生毕业后能够胜任电子商务的运营、维
护 与管理部门，信息网络化业务及管理部门，图像处理与网络动画制作部门，采购、供应、市
场和营销等企 业服务与管理部门的工作。

2.

本课程在电子商务专业人才培养目标中的地位与作用

《电子商务网页设计》是电子商 务专业的核心课程，该课程对学生职业能力的培养和职业
素养的养成起主要支撑作用，在电子商务毕业生 的三大就业岗位中对应“网络营销”与“商务
平台管理”两个岗位，基于六个工作过程中的前两个“交易 准备”与“信息处理”工作过程，
培养学生综合能力。该课程的前导课程是《电子商务技术基础》
、
《电子商务图像与动画技术》
，
通过学习，使学生具备识别并应用
HTM L
代码完成网页的细节设计与修改的能力，能够使用
CSS+DIV
技术完成网页布局 ，能够使用
Dreamweaver
工具设计一个完整的静态网站的能力并具
有建立站 点、管理站点、测试网站与发布网站的能力，具有良好的团队合作精神、获取知识能
力、网页设计创意思 维能力、色彩感悟能力等素质，达到职业技能鉴定网页制作（
Dreamweaver
平台）中 高级水平。后续课程是《网上交易实务》
、
《电子商务网站建设》
、
《网络营 销》
，通过深
入学习，能快速分析理解业务需求，为今后就业打下良好的基础。


二、课程目标

1
．能力目标

（
1
）具备优秀的网页设计能力；

（
2
）能够负 责网站页面的前台及美工处理，能够独立撰写网站设计任务书，规划、建立和管
理静态网站；

（
3
）通过与专业课的密切结合和实际应用，具备市场有敏锐的洞察力和分析能力，并 设计完
成一定数量的网页作品。

2
．知识目标

(1)

掌握全新的网页设计理念，最新的网页设计技术，最前沿的行业发展动态；

(2)

掌握网页设计工程师、网站编辑等岗位工作任务的一般流程；

(3)

熟练掌握
HTML
、
Dreamweaver、
CSS
的概念及应用。

3
．态度目标

(1)

激发学生学习和使用软件进行电子商务网页制作的兴趣，能够对自己所从事的 网页设
计与制作工作充满激情；

(2)

培养学生爱岗敬业、吃苦 耐劳、求真务实、严谨规范的工作作风，能够锲而不舍地、
不厌其烦地追求技术上的创新与艺术上的完美 表现；

(3)

培养学生的团队协作精神，使学生在该课程实训过程中学会 与人沟通和协作的方法，
并让学生能够深刻认识到一个项目的成功非一己之力，非一日之功就能实现，提 高学生的职业
素养，提高社会适应能力，发掘学生自主学习、创造性劳动、责任感、效率观念、自我拓展 的
品质。

根据学习领域设计表，确定详细的专业能力与知识目标，如下表所示。


专业能力与知识目标

编号

专业能力目标

专业知识目标

URL
地址与域名的概念，
网页与网站的概念，
静态网
1
手工编写
HTML
代码的能力

站与动态网站的概念，
网站分类，
HTML
语言的结构、
格式、标记及相关属性。

需求分析的概念与内容，
网站结构知识，
网站的开发
2
规划网站结构的能力

流程，网页设计的基本原则，网页版面布局要求。

文件与文件夹的命名规则，
Dreamweaver
工具的工作
3
建立站点与管理站点的能力

界面的概念，
“文件”面板的使用方法，站点的创建
方法，站点的管理方法。

利用表格进行页面布局的能

页面布局的概念与要求、表格的概念、表格的属性、
4
力

表格的合并与折分、单元格的属性。

文本与图像的属性及其设置，
图像与文 本混合编排的
概念与方法，
在表格中输入文字并定位的方法，
在表
5
编辑文本与编辑图像的能力

格中插入图像并定位的方

法，
水平线、
文件头标签、
特殊字符的插入。

6
创建网页超级链接的能力

超级链接的类型和属性

7
制作交互页面的能力

表单与表单对象的属性及其设置

8
利用框架制作页面的能力

框架与框架集的属性及其设置方法

网页中应用多媒体与动画的
Flash
文件及视频文件的制作与应用

9
能力

10
创建动态网页的能力

行为与事件的概念，行为的应用，插件的应用

统一网站风格、
提高工作效率
模板与库的概念及应用

11
的能力

使用
CSS+DIV
进行页面布

的
层的概念与属性设置、层的定位、层的操作、样式的
12
能力

套用

使用
CSS
美化页面和进行

CSS< br>样式表的概念、
CSS
样式表的基本语法、
CSS
选择
13
页面布局的能力

器的类型

网站测试的方法，
域名的申请方法，
网站发布的方法，
14
测试与发布网站的能力

网站的维护与更新方法


三、课程设计

1
．设计思想

本学习领域根据网页设计 与制作岗位从业人员所必须具备的综合能力要求，以综合职业能
力培养为目标，以工作过程系统化理念为 指导，以教学做一体化为典型特征，与行业企业合作
共同开发与设计。

本课程的设计 链路是：社会需求分析→确定专业→职业分析→典型工作任务→学习领域→
学习情境→教学场景设计→教 学组织→效果测试。

在进行课程开发之初，经过与本地区电子商务行业企业网页设计工程师 、网站编辑多次探
讨，针对襄樊地区市场需求，以学生为本，以企业提供的真实、典型工作项目为载体设 计学习
情境，校企合作开发课程，以培养电子商务网页设计与制作能力为核心，设计
8
个典型工作项
目。学生在
8
个工作项目的学习当中，逐步完成由易至难、渐进复杂的典 型工作项目，不仅强
化了电子商务网页设计的专业能力，而且学生的团队合作、沟通等社会能力得到不断 增强，获
取信息、分析问题、解决问题的方法能力得以提升。

根据“电子商务专业人 才培养方案”和职业岗位工作任务分析，确定《电子商务网页设计》
学习领域，如表一所示。


表一

学习领域设计表

专业名称：

电子商务

学习领域编号
5
学习难度范围
1
电子商务网页设计

时间安排

108
学时

职业行动领域描述

网页设计与制作员根据网页设计任务书，在电脑办公工位，在规定 时间内以经济的方式
按照专业要求完成网页维护、修改、改版或新网站建设的静态网页设计与制作工作。 网页维
护和修改工作，以个人独立工作；网页改版或中小型新网站建设的静态网页设计工作以小组
形式或独立工作；大中型新网站建设一般以小组形式工作，使用电脑和
Dreamweaver
工具软
件，对文字、图象和
Flash
等多媒体素材进行编辑、设计与制作，并 符合
W3C
规范，对已
完成的工作进行记录存档。

各学习场所的学习目标

（企业）实践教学

（学校）理论学习

受训者能完成网站建设需求分析，完成
能够根据网站设计 任务书要求，熟练使
网站设计方案、网站实施方案，实施网站素
用电脑及网页设计运用软件，对 文字、图形、
材的收集、整理、加工，网站的设计开发、
图像、动画等网页素材进行加工、处理 。

掌
上传、发布，
WEB
服务器的管理与维护，网站
握网 站设计任务书的撰写方法，能够合理安
的测试与验收，网站设计与网页制作技术文
排网页制作时 间，熟练掌握文字、图形、图
件的整理与记录。

像、动画等网页素材的处理技术，符 合
W3C
规范，掌握网站测试、上传、维护方法，掌
握网站设计与制作技术文件的整理 与记方
法。

工作与学习内容

工具

●

网站设计任务书

●

网站开发工具

●

网站性能测试和故障检测
工具

●

网络安全软件

●

计算机

工作方法

●

网站建设项目需求分析

●

网站规划、设计与网站开
发项目招投标

●

网站建设项目实施方案的
制定

●

网站项目实施阶段

●

网站系统集成及测试

●

网站开发技术文档的编制

●

网站建设项目验收

●

网站的管理与维护

工作对象

●

网站设计任务书

●

合同谈判与合同文件

●
WEB
服务器

●

网站开发软件

●

网站测试及测试报告

●

产品使用说明书

工作要求

●

符合企业和实际要求的技
术文件

●

按照企业网站建设方案实
施

●

按照计划要求实施

●

网站服务运行状态评测

●

网站运行整体性能的评测

●

网站运行的安全性

●

符合
W3C
网页制作规范

●

完善规范的技术文档


2
．课时分配：

序号

课程单元

1
2
3
4
5
学习任务及教学要求

（
1
）赏析各种经典网页；

（
2
）
对 网页的布局结构、
色彩搭配形
成初步印象；

（
3
）
HTML
的手工编程；

（
4< br>）
URL
地址与域名的概念，
网页与
网站用户体验

网站的概念，静态网站与动态网站的
概念，网站分类，
HTML
语言的结构、
格式、标记及相关属性；

（
5
）
文本标记的概念和类型，
排版格
式标记、图像标记、链接标记；

（
6
）表格的标记和属性。

（
1
）
网 站需求分析的概念与内容，
网
站结构知识，网站的开发流程，网页
设计的基本原则，< br>网页版面布局要求；

（
2
）文件与文件夹的命名规则，
网站规划与设计

Dreamweaver
工具的工作界面的概
念，

“文件”
面板的使用方法，
站点
的创建方法，站点的管理方法；

（
3
）规划网站结构；

（
4
）建立站点与管理站点。

（
1
）
页 面布局的概念与要求、
表格的
概念、表格的属性及其设置；

（
2
）文本与图像的属性及其设置；

主页的设计与制作

（
3
）超级链接的类型和属性；

（
4
）利用表格进行页面布局；

（
5
）编辑文本与编辑图像；

（
6
）创建网页超级链接。

（
1
）
CSS
样式表的概念；

（
2
）
CSS
样式表的基本语法；

（
3
）
CSS
选择器的类型；

（
4
）使用
CSS
美化页面；

主页的美化设计

（
5
）使用
CSS
进行页面布局；

（
6
）色彩感悟；

（
7
）结构布局；

（
8
）获取知识；

（
9
）如何表达网页诉求。

（
1
）
层的 概念与属性设置、
层的定位、
层的操作、样式的套用；

（
2
）
框架和框架集的属性及其设置方
法；

二级页面的设计与制作

（
3
）
水平线、
文件头标 签、
特殊字符、
Ｆ
lash
动画等对象的概念；

（
4
）
模板与库的概念，
可编辑区域的
概念。

参考学时

理论
2
实践
4
理论
2
实践
4
理论
6
实践
12
理论
4
实践
8
理论
6
实践
12
6
7
8

（
1
）
行为与事件的概念，
行为的基本操作，标准动作；

（
2
）表单与表单对象的属性及其设
动态页面的设计与制作

理论
4
实践
8
置；

（
3
）使用行为创建动态页面；

（
4
）制作交互页面。

（
1
）网站测试的方法；

（
2
）域名的申请方法；

网站的测试与发布

理论
2
实践
4
（
3
）网站发布的方法；

（
4
）网站的维护与更新方法。

（
1
）
根据真实项目需求制作一个完整
理论
10
工学结合实训

的静态网站；

实践
20
（
2
）测试、发布、维护与更新网站。

3.
课程单元描述：

按照项目任务的编排方式，

整合专业能力与知识 目标对学习领域的教学内容进行序化，
设
计出如下表所示
8
个网页设计与制作 课程单元：


课程单元
1
课程单元名称

学习目标

理论
2
实践
4
通过赏析各种经典网 页，使学生对对网页的布局结构、色彩搭
配形成初步印象；能够用
html
编写简单网 页。

（
1
）赏析各种经典网页；

（
2
）对网页的布局结构、色彩搭配形成初步印象；

（
3
）
HTML
的手工编程；

（
4）
URL
地址与域名的概念，网页与网站的概念，静态网站与动态
网站的区别，< br>网站分类，
HTML
语言的结构、
格式、
标记及相关属性。

网站用户体验

课时数

利用启发教学法，
探究式教学法，
讲解
+
案例教学法，
要求学生
能够做到独立完成以下任务：

（
1
）引导学生浏览各类网站，对网页的设计与制作形成感性认识，
撰写赏析 报告；

（
2
）
教会学生初步阅读需求分析文档，
了解设计 目标、
要求和设计
成果；

（
3
）
能够掌握网页的 相关概念和术语，
认识网页中的主要构成元素；

（
4
）用
HTML
语言编写网页头部代码；

（
5
）编写文本和图像排版代码；

（
6
）设计网页表格，设置表格属性；

（
7
）阶段成果评价，调整工作计划。

（
1
）
Internet
环境；

（
2
）
PC
电脑；

（
3
）
Dreamweaver
工具软件。

Internet
应用技术、办公软件应用基础知识

熟练的互联网应用技术、对网页的鉴赏能力和网页设计制作能力

学习内容

教学方法和建议

教学条件要求

学生已有基础

教师所需执教能力要
求


课程单元
2
课程单元名称

学习目标

网站的规划与设计

课时数

理论
2
实践
4
学习内容

教学方法和建议

教学条件要求

学生已有基础

教师所需执教能力要
求

（
1
）能够进行网站需求分析；

（
2
）能够使用
Dreamweaver
创建站点及制作简单网页。

（
1
）网站需求分析的概念与内容，网站结构知识，网站的开发流
程，网页设计的基本原则，网页版面布局要 求；

（
2
）文件与文件夹的命名规则，
Dreamweaver
工具的工作界面的
概念，

“文件”面板的使用方法，站点的创建方法，站点的管理
方法；

（
3
）规划网站结构；

（
4
）建立站点与管理站点。

利用探究式教学法与讲解、示范、同 步模仿、分组法、
“教、
学、
做”
一体法相结合，
在教学中引领学生 能够独立完成以下任务：

（
1
）阅读需求分析文档，理解设计目标、要求和 设计成果，搜集
素材，制定工作计划；

（
2
）欣赏优秀网页，学习他人之长，激发学习网页设计的兴趣；

（
3
）分析优秀网页的布局结构、颜色搭配、视觉效果，留下直观
的第一印象，为制作 网页奠定基础；

（
4
）确定网站名称，规划网站的站点结构，定位网站ＣＩ 形象，
设计网站的整体风格及创意，绘制网站架构图；

（
5
）分组讨论，学生讲解；

（
6
）定义站点， 创建文件夹和空白页面，设计备注，阶段成果评
价，调整工作计划；

（
7
）阶段成果评价，调整工作计划。

（
1
）
Internet
环境；

（
2
）
PC
电脑；

（
3
）
Dreamweaver
工具软件。

Internet
应用技术、办公软件应用基础知识

熟练的互联网应用技术 、
对网页的鉴赏能力和网站结构规划能
力、网页设计制作能力。


课程单元
3
理论
6
实践
12
课程单元名称

学习目标

主页的设计与制作

课时数

学习内容

教学方法和建议

（
1
）能够使用
Dreamweaver
的表格工具进行网页布局

（
2
）能够使用
Dreamweaver
实现各种类型的超级链接

（
1
）页面布局的概念与要求、表格的概念、表格的属性及其设置；

（
2
）文本与图像的属性及其设置；

（
3
）超级链接的类型和属性；

（
4
）利用表格进行页面布局；

（
5
）编辑文本与编辑图像；

（
6
）创建网页超级链接。

利用探究式教学法与讲解、示范、同步 模仿、分组法、
“教、
学、
做”
一体法相结合，
在教学中引领学生能 够独立完成以下任务：

（
1
）绘制首页布局草图，规划网站页面表格结构；

（
2
）创建页面页眉区表格；

（
3
）创建页面导航拦表格；