3 电子商务 电子商务网页设计课程标准.docx

3 电子商务 电子商务网页设计课程标准.docx

《3 电子商务 电子商务网页设计课程标准.docx》由会员分享，可在线阅读，更多相关《3 电子商务 电子商务网页设计课程标准.docx（26页珍藏版）》请在冰豆网上搜索。

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

襄樊职业技术学院

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

一、课程定位

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

高职电子商务专业主要以电子商务职业岗位（群）任职能力要求为目标，以计算机和计算机网络为工具，培养具备管理、贸易、营销、电子商务基本技术知识，面向各类工商企业（高新技术、信息产业）管理和服务第一线，能从事电子商务活动和电子商务管理等方面工作，职业能力较强的电子商务领域的高技能应用型专门人才。

学生毕业后能够胜任电子商务的运营、维护与管理部门，信息网络化业务及管理部门，图像处理与网络动画制作部门，采购、供应、市场和营销等企业服务与管理部门的工作。

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

《电子商务网页设计》是电子商务专业的核心课程，该课程对学生职业能力的培养和职业素养的养成起主要支撑作用，在电子商务毕业生的三大就业岗位中对应“网络营销”与“商务平台管理”两个岗位，基于六个工作过程中的前两个“交易准备”与“信息处理”工作过程，培养学生综合能力。

该课程的前导课程是《电子商务技术基础》、《电子商务图像与动画技术》，通过学习，使学生具备识别并应用HTML代码完成网页的细节设计与修改的能力，能够使用CSS+DIV技术完成网页布局，能够使用Dreamweaver工具设计一个完整的静态网站的能力并具有建立站点、管理站点、测试网站与发布网站的能力，具有良好的团队合作精神、获取知识能力、网页设计创意思维能力、色彩感悟能力等素质，达到职业技能鉴定网页制作（Dreamweaver平台）中高级水平。

后续课程是《网上交易实务》、《电子商务网站建设》、《网络营销》，通过深入学习，能快速分析理解业务需求，为今后就业打下良好的基础。

二、课程目标

1．能力目标

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

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

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

2．知识目标

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

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

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

3．态度目标

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

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

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

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

专业能力与知识目标

编号

专业能力目标

专业知识目标

1

手工编写HTML代码的能力

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

2

规划网站结构的能力

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

3

建立站点与管理站点的能力

文件与文件夹的命名规则，Dreamweaver工具的工作界面的概念，“文件”面板的使用方法，站点的创建方法，站点的管理方法。

4

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

页面布局的概念与要求、表格的概念、表格的属性、表格的合并与折分、单元格的属性。

5

编辑文本与编辑图像的能力

文本与图像的属性及其设置，图像与文本混合编排的概念与方法，在表格中输入文字并定位的方法，在表格中插入图像并定位的方法，水平线、文件头标签、特殊字符的插入。

6

创建网页超级链接的能力

超级链接的类型和属性

7

制作交互页面的能力

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

8

利用框架制作页面的能力

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

9

网页中应用多媒体与动画的能力

Flash文件及视频文件的制作与应用

10

创建动态网页的能力

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

11

统一网站风格、提高工作效率的能力

模板与库的概念及应用

12

使用CSS+DIV进行页面布的能力

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

13

使用CSS美化页面和进行页面布局的能力

CSS样式表的概念、CSS样式表的基本语法、CSS选择器的类型

14

测试与发布网站的能力

网站测试的方法，域名的申请方法，网站发布的方法，网站的维护与更新方法

三、课程设计

1．设计思想

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

本课程的设计链路是：

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

在进行课程开发之初，经过与本地区电子商务行业企业网页设计工程师、网站编辑多次探讨，针对襄樊地区市场需求，以学生为本，以企业提供的真实、典型工作项目为载体设计学习情境，校企合作开发课程，以培养电子商务网页设计与制作能力为核心，设计8个典型工作项目。

学生在8个工作项目的学习当中，逐步完成由易至难、渐进复杂的典型工作项目，不仅强化了电子商务网页设计的专业能力，而且学生的团队合作、沟通等社会能力得到不断增强，获取信息、分析问题、解决问题的方法能力得以提升。

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

表一学习领域设计表

专业名称：

电子商务

学习领域编号5

学习难度范围1

电子商务网页设计

时间安排

108学时

职业行动领域描述

网页设计与制作员根据网页设计任务书，在电脑办公工位，在规定时间内以经济的方式按照专业要求完成网页维护、修改、改版或新网站建设的静态网页设计与制作工作。

网页维护和修改工作，以个人独立工作；网页改版或中小型新网站建设的静态网页设计工作以小组形式或独立工作；大中型新网站建设一般以小组形式工作，使用电脑和Dreamweaver工具软件，对文字、图象和Flash等多媒体素材进行编辑、设计与制作，并符合W3C规范，对已完成的工作进行记录存档。

各学习场所的学习目标

（企业）实践教学

受训者能完成网站建设需求分析，完成网站设计方案、网站实施方案，实施网站素材的收集、整理、加工，网站的设计开发、上传、发布，WEB服务器的管理与维护，网站的测试与验收，网站设计与网页制作技术文件的整理与记录。

（学校）理论学习

能够根据网站设计任务书要求，熟练使用电脑及网页设计运用软件，对文字、图形、图像、动画等网页素材进行加工、处理。

掌握网站设计任务书的撰写方法，能够合理安排网页制作时间，熟练掌握文字、图形、图像、动画等网页素材的处理技术，符合W3C规范，掌握网站测试、上传、维护方法，掌握网站设计与制作技术文件的整理与记方法。

工作与学习内容

工作对象

●网站设计任务书

●合同谈判与合同文件

●WEB服务器

●网站开发软件

●网站测试及测试报告

●产品使用说明书

工具

●网站设计任务书

●网站开发工具

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

●网络安全软件

●计算机

工作方法

●网站建设项目需求分析●网站规划、设计与网站开发项目招投标

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

●网站项目实施阶段

●网站系统集成及测试

●网站开发技术文档的编制●网站建设项目验收

●网站的管理与维护

工作要求

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

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

●按照计划要求实施

●网站服务运行状态评测

●网站运行整体性能的评测

●网站运行的安全性

●符合W3C网页制作规范

●完善规范的技术文档

2．课时分配：

序号

课程单元

学习任务及教学要求

参考学时

1

网站用户体验

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

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

（3）HTML的手工编程；

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

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

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

理论2实践4

2

网站规划与设计

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

（2）文件与文件夹的命名规则，Dreamweaver工具的工作界面的概念，“文件”面板的使用方法，站点的创建方法，站点的管理方法；

（3）规划网站结构；

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

理论2实践4

3

主页的设计与制作

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

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

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

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

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

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

理论6实践12

4

主页的美化设计

（1）CSS样式表的概念；

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

（3）CSS选择器的类型；

（4）使用CSS美化页面；

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

（6）色彩感悟；

（7）结构布局；

（8）获取知识；

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

理论4实践8

5

二级页面的设计与制作

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

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

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

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

理论6实践12

6

动态页面的设计与制作

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

（2）表单与表单对象的属性及其设置；

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

（4）制作交互页面。

理论4实践8

7

网站的测试与发布

（1）网站测试的方法；

（2）域名的申请方法；

（3）网站发布的方法；

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

理论2实践4

8

工学结合实训

（1）根据真实项目需求制作一个完整的静态网站；

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

理论10

实践20

3.课程单元描述：

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

课程单元1

课程单元名称

网站用户体验

课时数

理论2

实践4

学习目标

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

学习内容

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

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

（3）HTML的手工编程；

（4）URL地址与域名的概念，网页与网站的概念，静态网站与动态网站的区别，网站分类，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）创建页面导航拦表格；

（4）创建页面主体内容区表格；

（5）创建页面版权区表格；

（6）插入“XXX公司网站”网站的LOGO和Banner；

（7）设计网站导航栏与版权区的内容；

（8）按照左、中、右和上、中、下的顺序设计“XXX公司网站”网站的首页主体内容区的内容；

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

教学条件要求

（1）Internet环境；

（2）PC电脑；

（3）Dreamweaver工具软件；

（4）视频播放软件。

学生已有基础

Internet应用技术、网页构成、HTML语言基础知识

教师所需执教能力要求

掌握网站建设方面的综合知识，打破课程界限，不能只知道某一门学科的知识，同时要求教师至少完成过２个完整网站静态网页的设计。

课程单元4

课程单元名称

主页的美化设计

课时数

理论4

实践8

学习目标

（1）使用CSS美化页面；

（2）使用CSS进行页面布局。

学习内容

（1）CSS样式表的概念；

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

（3）CSS选择器的类型；

（4）使用CSS美化页面；

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

（6）色彩感悟；

（7）结构布局；

（8）获取知识；

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

教学方法和建议

项目教学法与任务驱动法，探究法，分组法，“教、学、做”一体法相结合，在教学中引领学生能够做到独立0完成以下任务：

（1）设计文本的基本样式，设置段落的样式，设置列表的属性；

（2）创建网页文本的CSS样式，编辑网页文本的CSS样式，应用网页文本的CSS样式；

（3）链接外部CSS样式；

（4）阶段成果评价，调整工作计划；

（5）写出有关W3C标准内容及其发展情况的一篇论文，要求学生自己寻找和学习相关知识并进行讲解。

教学条件要求

（1）Internet环境；

（2）PC电脑；

（3）Dreamweaver工具软件；

（4）视频播放软件。

学生已有基础

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

教师所需执教能力要求

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

课程单元5

课程单元名称

二级页面的设计与制作

课时数

理论6

实践12

学习目标

（1）使用APDIV进行页面布局；

（2）使用框架进行页面布局CSS

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

（4）使用模板与库批量生产网页。

学习内容

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

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

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

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

教学方法和建议

项目教学法与任务驱动法，探究法，分组法，“教、学、做”一体法相结合，在教学中引领学生能够做到独立完成以下任务：

（1）绘制页面布局草图，页面布局；

（2）规划页面超级链接，创建一般超级链接创建锚记链接，设置链接打开位置；

（3）创建层，设置层的属性，调整层的大小和位置，把层转换为表格，把表格转换为层；

（4）规划网页框架结构，建立网页框架，添加框架页内容，设置网页框架和框架组的属性，编辑网页框架；

（5）插入水平线，插入文件头标签，插入网页搜索关键字，插入特殊字符，插入Ｆlash动画，添加空格，添加日期；

（6）创建二级页面模板，设置二级页面模板可编辑区域，管理模板，创建与管理库；

（7）阶段成果评价，调整工作计划课外素质拓展：

写出有关RSS内容及其发展情况论文一篇，要求学生自己寻找和学习相关知识并进行讲解。

教学条件要求

（1）Internet环境；

（2）PC电脑；

（3）Dreamweaver工具软件。

学生已有基础

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

教师所需执教能力要求

掌握网站建设方面的综合知识，打破课程界限，不能只知道某一门学科的知识，同时要求教师至少完成过２个完整网站静态网页的设计。

课程单元6

课程单元名称

动态页面的设计与制作

课时数

理论4

实践8

学习目标

（1）设计制作出“XXX公司网站”网站的弹出广告页面和浮动广告页面；

（2）能够创建制作表单并且设置表单及表单域的属性，测试表单页。

学习内容

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

（2）表单与表单对象的属性及其设置；

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

（4）制作交互页面。

教学方法和建议

项目教学法与任务驱动法，探究法，分组法，“教、学、做”一体法相结合，在教学中引领学生能够做到独立完成以下任务：

（1）用行为设计“XXX公司网站”网站的弹出广告页面和浮动广告页面；

（2）绘制页面布局草图，页面布局；

（3）创建表单，插入文本域，插入单选框，插入复选框，插入列表和菜单，插入按钮；

（4）设置表单及表单域的属性，测试表单页。

教学条件要求

（1）Internet环境；

（2）PC电脑；

（3）Dreamweaver工具软件。

学生已有基础

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

教师所需执教能力要求

熟练应用互联网应用技术、具备网页鉴赏能力、网站结构规划能力、网页设计制作能力，为学生提供广告页、表单页效果图。

课程单元7

课程单元名称

网站测试与发布

课时数

理论2

实践4

学习目标

（1）在互联网上测试与发布网站；

（2）维护与更新网站。

学习内容

（1）网站测试的方法；

（2）域名的申请方法；

（3）网站发布的方法；

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

教学方法和建议

项目教学法与任务驱动法，探究法，分组法，“教、学、做”一体法相结合，鼓励创新法在教学中引领学生能够做到独立完成以下任务：

（1）注册域名，申请空间；

（2）安装“XXX企业网站”系统；

（3）“XXX企业网站”试运行；

（4）“XXX企业网站”测试报告；

（5）检查站点范围的链接，改变站点范围的链接；

（6）清理文档。

教学条件要求

（1）Internet环境；

（2）PC电脑；

（3）Dreamweaver工具软件；

（4）操作示范视频；

（5）FTP软件及主页空间信息。

学生已有基础

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

教师所需执教能力要求

熟练掌握互联网应用技术、具备网页设计制作能力、网站更新维护能力，帮助学生在互联网上申请空间及域名。

课程单元8

课程单元名称

工学结合实训

课时数

理论10

实践20

学习目标

（1）根据真实项目需求制作一个完整的静态网站；

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

学习内容

（1）网站开发项目商务谈判的技巧；

（2）网站设计方案的撰写方法；

（3）网站开发项目合同的签订。

教学方法和建议

项目教学法，任务驱动法，探究法，分组法，“教、学、做”一体法相结合，鼓励创新法在教学中引领学生能够做到完成以下任务：

项目参考题目：

（1）公司、企业实际项目；

（2）制作教学资源网站；

（3）制作个人网站；

（4）制作班级网站；

（5）制作学习网站；

（6）制作学校网站；

（7）制作旅游网站；

（8）制作公司网站；

（9）制作体育网站。

项目要求：

1．所创建的网站至少包括8个页面，分为三层，第一层为首页，第二层为4个二级子页，第三层为3个内容页，页面中至少包含一个gif动画；

2．网页的版面尺寸应用符合网页设计的规范，网站中所有文件、文件夹的命名应规范，尽量做到字母数量少，见名知意、容易理解；

3．在设计过程中，要严格要求自己，树立严密、严谨的科学态度，必须按时、保质、保量完成实训任务。

要求独立完成规定的实训内容，不得弄虚作假，不准抄袭或拷贝他人的网页或其他内容；

4．小组成员之间，既要分工明确，又要密切合作，培养良好的互助、团队协作精神；

5．实训期间，严格遵守学校的规章制度，不得迟到、早退、旷课。

缺课节数达三分之一以上者，实训成绩按不及格处理；

6．学生应完成工作计划制定、工作总结、自评、互评和整改。

教学程序：

（1）明确设计任务；

（2）分组探讨，制定计划；

（3）搜集资料，分组实施；

（4）汇总成果，分组点评；

（5）提交文档，综合考评。

教学条件要求

（1）Internet环境

（2）PC电脑

（3）Dreamweaver工具软件

（4）FTP软件

学生已有基础