《网页制作》课程标准
（2022版）
课程代码:50101 学时：160
适用专业（群）：电子商务 专业名称及代码：电子商务730701
第一部分 课程概述
一、课程性质与作用
本课程是电子商务专业的专业核心课程，属于专业必修课。该课程的核心技能是使学生掌握使用HTML语言和Dreamweaver软件工具进行正确的站点创建与网页制作，使学生能够胜任网站开发工作的岗位技能。
前导课程为计算机应用基础，本课程为后续网站开发与管理等课程做好准备。
二、课程基本理念
网页制作课程是培养学生具备较强的网站设计实践能力的一门课程。通过本课程的学习，学生从整体上对网站建设工作所需要的网页设计知识与技能有初步认识，培养学生具备一定的网站开发应用型等技能型人才所必需的知识及相关的职业能力，通过项目式教学改革提高学生积极的行动意识和职业规划能力，培养学生的实践项目设计能力，为后续课程学习作前期准备，为学生顶岗就业夯实基础。同时使学生具备较强的工作方法能力和社会能力。
三、课程设计思路及依据
1.设计思路
本课程内容设计重在培养学生静态网站设计能力，围绕静态网站设计特点和能力要求，通过HTML语言和网页设计工具Dreamweaver、网页设计与制作的工作流程与技巧；文字的插入与编辑，图像的插入，表格与层、表单的使用，CSS样式表的使用、框架与模板等元素的操作方法等能力入手，组织学生开发完成一个实际静态网站项目，培养学生网站项目开发的实践能力。
为充分体现任务引领、项目导向课程思想，本课程根据电子商务专业人才培养方案中职业岗位及职业能力分析表中的网页设计技能为主要的教学内容，展开以HTML语言和网页设计工具Dreamweaver、网页设计与制作的工作流程与技巧；文字的插入与编辑，图像的插入，表格与层、表单的使用，CSS样式表的使用、框架与模板等内容安排，选择具有代表性的一个静态网站的整体设计过程为载体组织项目课程内容。总的教学时数为160学时。本课程建议安排在一年级下学期完成。
2.设计依据
以《教育部关于职业院校专业人才培养方案制订与实施工作的指导意见》（教职成〔2019〕13 号）和《关于组织做好职业院校专业人才培养方案制订与实施工作的通知》（教职成司函〔2019〕61 号）和职业教育国家教学标准体系为指导，根据专业人才培养方案和依据网站开发与管理工作对本专业要求制定了《网页制作》课程标准。
第二部分 课程目标
一、课程总体目标
通过以实际的静态网站设计项目，使电子商务专业的学生了解本专业的学习领域和工作领域等专业知识与技能，能够熟练使用计算机编程工具，培养学生具有使用HTML标记语言、Dreamweaver和CSS进行网页设计和网站建设的实际工作技能，为学生未来从事专业方面实际工作的能力奠定基础。
二、分目标
（一）素质目标
1.养成善于思考、深入研究的良好自主学习的习惯；
2.通过项目案例教学，培养学习者的分析问题、解决问题的能力 3.具有吃苦耐劳、团队作精，沟通交流和书面表达能力 4.通过课外拓展训练、培养学习者的创新意识
（二）知识目标
1.熟悉HTML语言的作用和开发环境2.掌握常用的HTML标签，能够实现基本的图文信息显
3.理解HTML页面框架的作用，能够针对需求进行框架的设计 4.掌握各类HTML表单元素标签，能够进行表单设计: 5.掌握各类HTML多媒体元素标签，能够进行多媒体页面设计 6.掌握CSS样式的基本使用方法，能够应用CSS样式表美化页面； 7.掌握CSS网页布局的方法，能够结合DI标签进行页面布局。
（三）能力目标
1.能独立进行资料收集与整理、具备用户需求的理解能力: 2.能根据项目需求，具备项目页面的设计与实现能力 3.能根据静态页面设计原则与CSS技术规范，实现页面美化与布局 4.具有综合应用HTML语言、CSS样式进行页面的设计
第三部分 课程结构与内容标准
一、课程结构及学时安排
|
序号
|
单元
|
学习任务
|
建议
学时
|
|
1
|
网页制作基础
|
1.Dreamweaver cs5工作环境文档的基本操作
2.HTML标记语言
3.站点的创建与管理
4.插入文本与使用列表
5.插入图像与网络元素
6.创建超级链接
|
36
|
|
2
|
网页的色彩搭配
|
1.网页色彩基础知识
2.色彩的象征情感
3.色彩的主题印象
|
16
|
|
3
|
网页布局设计
|
1.页面布局概述
2.表格布局
3.层布局
4.框架布局
|
26
|
|
4
|
CSS基本语法
|
1.CSS语法与用法
2.CSS属性、属性值和单位
3.CSS选择器
4.CSS继承性、层叠性和特殊性
|
26
|
|
5
|
CSS样式应用
|
1.CSS对文字的样式控制
2.CSS对图片的样式控制
3.CSS对超链接样式的控制
4.CSS设置网页中的列表结构和样式
5.CSS设置表格和表单的结构和样式
|
28
|
|
6
|
CSS布局设计
|
1.CSS盒子模型
2.CSS对网页元素的定位方法
3.CSS的布局模型
4.CSS控制网页背景图片
|
28
|
二、课程内容标准
|
序号
|
单元
|
学习任务
|
内容标准（重点后标★，难点后标●）
|
学习水平
|
教学建议
|
|
1
|
网页制作基础
|
理论教学
|
1.Dreamweaver cs5工作环境文档的基本操作
2.HTML标记语言●
3.站点的创建与管理★
4.插入文本与使用列表★
5.插入图像与网络元素★
6.创建超级链接●
|
1.了解
2.理解
3.应用
4.应用
5.应用
6.应用
|
针对重点和难点的教学建议：
1.采用多媒体教学，提高教学效果
2.加强实践环节，提高学生动手能力
思政元素融入说明：
结合“工匠精神”来讲解
|
|
实践教学
|
DW基本操作★
|
独立操作
|
针对重点和难点的教学建议：
1.采用多媒体教学，提高教学效果
2.加强实践环节，提高学生动手能力
思政元素融入说明：
结合“工匠精神”来讲解
|
|
2
|
网页的色彩搭配
|
理论教学
|
1.网页色彩基础知识★
2.色彩的象征情感●
3.色彩的主题印象●
|
1.记忆、应用
2.理解
3.理解
|
针对重点和难点的教学建议：
1.采用多媒体教学，提高教学效果
2.加强实践环节，提高学生动手能力
思政元素融入说明：
结合“工匠精神”来讲解
|
|
实践教学
|
色彩的搭配★
|
模仿，迁移
|
针对重点和难点的教学建议：
1.采用多媒体教学，提高教学效果
2.加强实践环节，提高学生动手能力
思政元素融入说明：
结合“工匠精神”来讲解
|
|
3
|
网页布局设计
|
理论教学
|
1.页面布局概述
2.表格布局★
3.层布局●
4.框架布局★
|
1.了解
2.理解、应用
3.理解、应用
4.理解、应用
|
针对重点和难点的教学建议：
1.采用多媒体教学，提高教学效果
2.加强实践环节，提高学生动手能力
思政元素融入说明：
结合“工匠精神”来讲解
|
|
实践教学
|
利用表格、层、框架等方式进行页面布局★
|
独立操作
|
针对重点和难点的教学建议：
1.采用多媒体教学，提高教学效果
2.加强实践环节，提高学生动手能力
思政元素融入说明：
结合“工匠精神”来讲解
|
|
4
|
CSS基本语法
|
理论教学
|
1.CSS语法与用法★
2.CSS属性、属性值和单位★
3.CSS选择器★
4.CSS继承性、层叠性和特殊性●
|
1.理解
2.理解、应用
3.理解、应用
4.理解、应用
|
针对重点和难点的教学建议：
1.采用多媒体教学，提高教学效果
2.加强实践环节，提高学生动手能力
思政元素融入说明：
结合“工匠精神”来讲解
|
|
5
|
CSS样式应用
|
理论教学
|
1.CSS对文字的样式控制★
2.CSS对图片的样式控制★
3.CSS对超链接样式的控制
4.CSS设置网页中的列表结构和样式
5.CSS设置表格和表单的结构和样式★
|
1.理解、应用
2.理解、应用
3.理解、应用
4.理解、应用
5.理解、应用
|
针对重点和难点的教学建议：
1.采用多媒体教学，提高教学效果
2.加强实践环节，提高学生动手能力
思政元素融入说明：
结合“工匠精神”来讲解
|
|
实践教学
|
CSS层叠样式表的应用★
|
独立操作、迁移
|
针对重点和难点的教学建议：
1.采用多媒体教学，提高教学效果
2.加强实践环节，提高学生动手能力
思政元素融入说明：
结合“工匠精神”来讲解
|
|
6
|
CSS布局设计
|
理论教学
|
1.CSS盒子模型●
2.CSS对网页元素的定位方法★
3.CSS的布局模型●
4.CSS控制网页背景图片
|
1.理解
2.理解、应用
3.理解
4.理解、应用
|
针对重点和难点的教学建议：
1.采用多媒体教学，提高教学效果
2.加强实践环节，提高学生动手能力
思政元素融入说明：
结合“工匠精神”来讲解
|
|
实践教学
|
熟练应用CSS对网页元素进行合理定位★
|
独立操作
|
针对重点和难点的教学建议：
1.采用多媒体教学，提高教学效果
2.加强实践环节，提高学生动手能力
思政元素融入说明：
结合“工匠精神”来讲解
|
第四部分 课程实施建议
一、师资要求
担任本课程的主讲教师需要熟练掌握HTML标记语言和CSS及Dreamweaver软件，具备运用HTML+CSS网页设计进行网站设计的能力，同时应具备较丰富的教学经验。在教学组织能力方面，本课程的主讲教师应具备基本的设计能力，即根据本课程标准制定详细的授课计划，对每一堂课的教学过程精心设计；还应具备较强的施教能力、课堂掌控能力和应变能力。
二、教学要求
|
工作任务/学习任务/学习主题名称
|
学习场地
|
设施要求
|
|
班级主题网站
|
电子商务基础实训室
|
Win7以上操作系统
Dreamweaver cs5
多媒体网络教室
投影
|
三、教学方法建议
针对具体的教学内容和教学过程，采用项目教学方法、情景教学法、案例教学法、任务驱动教学法等。
多选用行业企业实际案例，学生从模仿到理解到创作。重点培养学生将所学知识与生活实践及行业需求相结合。教学中应结合专业特点设计教学内容，着重培养学生适应职业岗位需要的网站建设知识。
四、课程资源的开发与利用建议
1.基本教学资源
课程教学资料、课程学习课件、课程学习指导、参考用书、自制微课等
2.网络教学资源
我要自学网www.51zxw.net
3.教材选用与编写建议
要求教材由浅入深，既有基本知识和基本技能，又有丰富的配套案例和教学资源。
五、教学效果评价标准及方式
|
工作任务/学习任务/学习主题名称
|
考核点
|
考核方式
|
成绩比例
|
|
网页制作专业知识考核
|
课堂考核；
期中考核；
期末考核；
|
理论+实操
|
课堂考核20%
期中考核20%
期末考核20%
|
|
道德水平
|
专业素养
能力素养
思政素养
|
三项素养相结合
|
40%
|
