《电子商务网页制作》课程标准
一、课程名称
电子商务网页制作
二、课程定位
本课程是电子商务专业核心课程,该课程的核心技能是使学生掌握使用HTML语言和Dreamweaver软件工具进行正确的站点创建与网页制作,掌握网页设计与制作的工作流程与技巧;掌握文字的插入与编辑,图像的插入,表格与层、表单的使用,CSS样式表的使用、框架与模板等元素的操作方法,使学生掌握网站的开发技能。本课程的前导课程包括:《图形图像处理技术》、《计算机应用基础》等。
三、课程目标
(一)课程教学目标
通过以实际的静态网站设计项目,使电子商务专业的学生了解本专业的学习领域和工作领域等专业知识与技能,能够熟练使用计算机编程工具,培养学生具有使用HTML标记语言、Dreamweaver和CSS进行网页设计和网站建设的实际工作技能,为学生未来从事专业方面实际工作的能力奠定基础。
(二)职业能力培养目标
经过本课程的学习,学生能够完成对网站项目进行需求分析、总体设计、界面设计、各网页具体实现,最终能够成功设计开发一个静态网站。
四、设计思路
本课程内容设计重在培养学生静态网站设计能力,围绕静态网站设计特点和能力要求,通过HTML语言和网页设计工具Dreamweaver、网页设计与制作的工作流程与技巧;文字的插入与编辑,图像的插入,表格与层、表单的使用,CSS样式表的使用、框架与模板等元素的操作方法等能力入手,组织学生开发完成一个实际静态网站项目,培养学生网站项目开发的实践能力。
为充分体现任务引领、项目导向课程思想,本课程根据电子商务专业人才培养方案中职业岗位及职业能力分析表中的网页设计技能为主要的教学内容,展开以HTML语言和网页设计工具Dreamweaver、网页设计与制作的工作流程与技巧;文字的插入与编辑,图像的插入,表格与层、表单的使用,CSS样式表的使用、框架与模板等内容安排,选择具有代表性的一个静态网站的整体设计过程为载体组织项目课程内容。总的教学时数为72学时。本课程建议安排在一年级下学期完成。
五、课程学习情境及参考学时
表1 Dreamweaver网页制作学习情境及参考学时
学习情境
|
学习子情境
|
课时分配(72学时)
|
学习情境一
网页制作基础
|
1.Dreamweaver cs5工作环境文档的基本操作
2.HTML标记语言
3.站点的创建与管理
4.插入文本与使用列表
5.插入图像与网络元素
6.创建超级链接
|
20(5周)
|
学习情境二
网页的色彩搭配
|
1.网页色彩基础知识
2.色彩的象征情感
3.色彩主题印象
|
4(1周)
|
学习情境三
页面布局设计
|
1.页面布局概述
2.表格布局
3.层布局
4.框架布局
|
12(3周)
|
学习情境四
CSS基本语法
|
1.CSS语法与用法
2.CSS属性、属性值和单位
3.CSS选择器
4.CSS继承性、层叠性和特殊性
|
12(3周)
|
学习情境五
CSS样式应用
|
1.CSS对文字的样式控制
2.CSS对图片的样式控制
3.CSS对超链接样式的控制
4.CSS设置网页中的列表结构和样式
5.CSS设置表格和表单的结构和样式
|
12(3周)
|
学习情境六
CSS布局设计
|
1.CSS盒子模型
2.CSS对网页元素的定位方法
3.CSS的布局模型
4.CSS控制网页背景图片
|
12(3周)
|
六、学习情境及学习内容
表2 Dreamweaver网页制作学习情境及学习内容
学习情境
|
学习子情境
|
学习内容
|
学习情境一
网页制作基础
|
1.Dreamweaver cs5工作环境文档的基本操作
2.HTML标记语言
3.站点的创建与管理
4.插入文本与使用列表
5.插入图像与网络元素 6.创建超级链接
|
熟悉Dreamweaver cs5工作环境文档的基本操作
学会使用HTML标记语言
掌握站点的创建与管理
掌握插入文本与使用列表
掌握插入图像与网络元素
掌握创建超级链接
|
学习情境二
网页的色彩搭配
|
1.网页色彩基础知识
2.色彩的象征情感
3.色彩主题印象
|
掌握网页的色彩搭配
|
学习情境三
页面布局设计
|
1.页面布局概述
2.表格布局
3.层布局
4.框架布局
|
理解页面布局
掌握表格布局设计
掌握层布局设计
掌握框架布局设计
|
学习情境四
CSS基本语法
|
1.CSS语法与用法
2.CSS属性、属性值和单位
3.CSS选择器
4.CSS继承性、层叠性和特殊性
|
掌握CSS的基本语法结构
掌握CSS相关的属性和属性值以及单位的概念
掌握CSS选择器的作用
掌握CSS复合选择器的编写方法以及各种选择器的相互关系
|
学习情境五
CSS样式应用
|
1.CSS对文字的样式控制
2.CSS对图片的样式控制
3.CSS对超链接样式的控制
4.CSS设置网页中的列表结构和样式
5.CSS设置表格和表单的结构和样式
|
掌握CSS对文字的样式控制
掌握CSS对图片的样式控制
掌握CSS对超链接样式的控制
掌握CSS设置网页中的列表结构和样式
掌握CSS设置表格和表单的结构和样式
|
学习情境六
CSS布局设计
|
1.CSS盒子模型
2.CSS对网页元素的定位方法
3.CSS的布局模型
4.CSS控制网页背景图片
|
掌握CSS盒子模型
掌握CSS对网页元素的定位方法
掌握CSS的布局模型
掌握CSS控制网页背景图片
|
七、教学条件
(一)教师任职条件
担任本课程的主讲教师需要熟练掌握HTML标记语言和CSS及Dreamweaver软件,具备运用HTML+CSS网页设计进行网站设计的能力,同时应具备较丰富的教学经验。在教学组织能力方面,本课程的主讲教师应具备基本的设计能力,即根据本课程标准制定详细的授课计划,对每一堂课的教学过程精心设计;还应具备较强的施教能力、课堂掌控能力和应变能力。
承担本课程教学的兼职教师应具备中、高级职称,主要承担CSS样式应用模块、CSS布局设计模块的教学,总计72课时。
(二)实践教学条件
1.实验实训教学条件建议
表2 教学条件建议
序号
|
实验实训项目名称
|
所需设备名称
|
1
|
班级主题网站
|
安装必需软件(Dreamweaver)的电脑
|
2.教材使用建议
参考教材:《Dreamweaver cs5网页制作与网站开发》 杨志殊、吴俊海编 清华大学出版社
教学参考书:《DIV+CSS网站布局从入门到精通》 朱印红 北京希望电子出版社
八、教学方法与手段
针对具体的教学内容和教学过程,采用项目教学方法、情景教学法、案例教学法、任务驱动教学法等。
多选用行业企业实际案例,学生从模仿到理解到创作。重点培养学生将所学知识与生活实践及行业需求相结合。教学中应结合专业特点设计教学内容,着重培养学生适应职业岗位需要的网站建设知识。
九、考核评价
本课程采用“综合评分法”,对学生学习情况进行考核。该方法采用百分制,包括过程考核和结果考核两部分,其中过程考核占60%、结果考核占40%。
具体考核时,通过编制实训小组成绩表计算个人成绩。实训小组成绩表如表3所示。
表3 小组成绩表
姓名
|
|
过程考核(60%)
|
结果考核(40%)
|
得分
|
小组
汇报
10%
|
作品20%
|
实训
报告10%
|
小计
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
(一)过程考核
过程考核主要从考勤情况、工作态度、工作质量、工作效率、沟通协作等方面进行,注重实训小组的组织管理。考勤情况主要考核能否全面的、全过程的参加实训;工作态度主要考核实训态度的端正性、工作的主动性以及能否出色地完成规定的工作任务;工作质量主要考核实训过程的正确性、规范性以及能否通过专业知识所形成的职业判断,利用操作技能出色地完成实训任务;工作效率主要考核实训任务完成的及时性;沟通协作主要考核能否与小组成员保持良好、互动的合作关系,是否具有良好的沟通表达能力以及能否主动协助下一工序人员作业。
具体考核时,对每一个学习情境的工作任务分别进行评价,按考核关键指标进行打分。首先由组长组织进行组内成员互相评价(要求小组各成员成绩不能全部相同),然后再进行教师评价,小组成员评价和教师评价各占40%、60%。
表4 过程考核表
序号
|
学习过程
|
过程考核指标及标准分值
|
专业技术
50%
|
考勤情况20%
|
沟通协作10%
|
态度效率
10%
|
其它
10%
|
合计
|
1
|
网站的规划
|
|
|
|
|
|
|
2
|
网站的色彩搭配
|
|
|
|
|
|
|
3
|
网站的布局设计
|
|
|
|
|
|
|
合计
|
|
|
|
|
|
|
(二)结果考核
实训结果考评主要包括学生提交的查阅的资料、小组汇报及实训报告,分别占20%、10%和10%。
小组汇报实际上是各个实训小组对本小组实训情况及成果进行总结、汇报和展示。小组汇报的内容主要包括小组实训的组织过程、工作任务和工作计划、工作程序和步骤、工作成果与收获、取得的经验与教训等。其中,组织过程包括实训项目、小组成员、岗位分工、小组管理制度、团队协作情况等内容。实训结束时,每个小组必须进行汇报,如不进行小组汇报,则实训成绩为不合格。
实训报告包括实训项目描述、主要任务、任务流程、岗位职责,每天的实训记录,以及实训后的个人总结等。实训结束后,要求每名同学必须及时提交。