《网页设计》课程标准.docx
《《网页设计》课程标准.docx》由会员分享，可在线阅读，更多相关《《网页设计》课程标准.docx（22页珍藏版）》请在冰豆网上搜索。
《网页设计》课程标准
《网页设计》课程标准
一、基本信息
课程名称：
网页设计
课程编码：
KB40115
适用对象：
2018级软件技术专业
总学时/学分：
72/4
实践（实验）学时：
36
考核性质：
考试
编制单位：
信息工程系
执笔人：
企业审核人：
标准定位：
近似国标中高
○○
教学建议：
任务驱动项目化○学赛一体化○情境教学
专业审定人：
审定日期：
2019.4.10
系主任：
二、课程概述
（一）制订依据
2016年教育部办公厅印发《关于做好<高等职业学校专业教学标准>修（制）订工作的通知》，要求坚持就业导向，明确规格定位。
坚持工学结合，注重知行合一。
我们邀请行业企业专家共同修订人才培养方案，以前端开发工程师职业能力培养为核心，瞄准前端开发职业岗位需求来进行课程改造。
按照基础性、规范性、可操作性等原则，对现行的《网页设计》课程标准进行修订和完善。
（二）课程性质和作用
《网页设计》课程分别是软件技术专业的专业基础课程、必修，本课程的前导课程：
《计算机应用基础》、《平面设计》、《Flash动画设计与制作》等。
本课程的后续课程：
《网页互动制作JavaScript》、《PHP动态网页设计》等。
本课程是学生开始接触和认识前端开发的重要课程。
在专业人才培养过程中有着举足轻重的地位。
为后续课程提供了理论基础，是学习和掌握更多前端开发相关知识的前提。
对职业能力与素养的养成起明显的促进作用。
本课程支撑前端开发工程师岗位能力，培养前端开发职业素质、培养前端开发专业技能。
（三）课程设计思路
基于前端开发工程师岗位能力的特定要求，适应软件企业的工作环境和业界标准，并与国际先进的软件开发理念和前端技术保持同步，本课程的设计体现了工作过程系统化的理念，按网页设计企业流程详细地介绍了网页设计计划、网页设计用例、网页设计执行、网页设计总结、网页设计工具等内容，避免了以往重知识轻技能的弊端。
以“工学结合”为切入点，精选企业真实项目，提炼出以职业能力培养为特色的教学内容，突出技术实用性，充分考虑高职学生认知能力。
本课程以实训企业网页设计项目的完整创建过程对各环节知识、技能进行知识巩固和运用，围绕预设能力目标，对学习目标、学习任务、能力要求、教学内容、活动设计和教学建议等都均参照人才培养方案。
三、课程目标
知识目标
技能目标
素质目标
1.初识DreamweaverCS6的工作界面和网站的建设基础；
2.掌握文本与文档的编辑方法；
3.熟练掌握插入图像和多媒体的方法和技巧；
4.掌握网页超链接的方法；
5.熟练掌握表格的使用方法；
6熟练掌握框架的使用方法；
7.掌握使用层的方法；
8.掌握层叠样式表（CSS）样式；
9.掌握模板和库的使用方法；
10.掌握使用表单与行为的使用方法；
11.掌握网页代码的编写和修改的方法；
12.掌握综合运用制作设计实训。
1.能运用网页设计相关知识，设计基本web界面
2.能运用网页设计相关知识，利用DreamWeaver软件进行网页基本美化；
3.能运用网页设计相关知识，利用DreamWeaver软件进行网页基本布局；
4.能运用网页设计相关知识，利用DreamWeaver软件将网站模块化；
5.能运用网页设计相关知识，实现表单元素的验证和实现人及基本交互；
6.能运用网页设计相关知识，实现基本错误修改和网页版本更新。
1.培养学生严谨的逻辑思维；
2.培养学生的自我解决问题的能力，沟通能力和对待项目的责任心；
3.培养学生的工作态度，在网页设计过程张需要持久性的耐性，提高细心程度；
4.培养学生的团队意识，学会和产品经理，设计师和后台开发人员进行有效的沟通，服从上级的安排，具备协作精神，服从大局。
四、课程内容与教学目标
项目
课程内容
教学目标
项目一：
初识Dreamweaver
任务1：
DreamweaverCS6的工作界面
1.了解HTML5前段开发的前景与必要认知；
2.认识网页的构成元素；
3.了解专业术语。
任务2：
创建网页框架
1.了解框架的概念；
2.掌握创建框架的方法和步骤。
任务3：
管理站点
1、熟练掌握站点的打开、修改、删除；
2.熟练掌握站点的导入、导出。
任务4：
网页文件头的设置
1.熟练插入搜索关键字；
2.熟练插入作者和版权信息；
3.熟练设置刷新时间；
4.熟练设置描述信息；
5.熟练设置页面中所有链接的基准链接。
项目二：
文本与文档
任务5：
轩宇门窗网页
1.熟练设置页面属性
2.熟练输入空格和文字
3.熟练设置文本属性
4.熟练设置页边距
5.熟练设置网页默认格式
任务6：
制作休闲旅游网页
1、掌握添加文字的步骤和思路
2、熟练改变文字外观
3、熟练掌握文本属性的设置、文本样式的设置
4、段落文本的制作方法
项目三：
图像和多媒体
任务7：
制作咖啡馆网页
1.掌握插入图像的方法和技巧；
2.掌握多媒体在网页中的应用；
3.熟练掌握插入图像并设置图像属性的方法
任务8：
制作物流运输网页
1.熟练掌握图像的格式与模式。
2.熟练掌握Flash文件的插入与设置；
3.熟练掌握在网页中插入多媒体的方法。
项目四：
超链接
任务9：
制作建筑模型网页
1.了解超链接的概念与路径知识；
2.掌握文本超链接的创建方法和技巧；
3.熟练制作下载文件链接。
4.熟练掌握创建文本和文本超链接的方法
任务10：
制作温泉度假网页
1.掌握图像超链接的创建方法和技巧。
2.掌握命名锚记超链接的创建方法和技巧
3.掌握热区链接的创建方法和技巧
项目五：
使用表格
任务11：
制作营养美食网页
1.了解表格的简单操作；
2.掌握网页中的数据表格；
3.掌握插入表格的方法及对表格的简单操作。
任务12：
制作绿色粮仓网页
1.掌握利用表格进行页面布局的方法和技巧；
2.熟练导入和导出表格的数据；
3.掌握排序表格；
4.了解复杂表格的排版。
项目六：
使用框架
任务13：
制作牛奶饮料网页
1.学会新建框架并编辑；
2.熟练在框架中插入图像；
3.掌握创建、编辑与保存框架和框架集的方法。
任务14：
制作建筑规划网页
1.设置保存文档；
2.插入表格、图像和鼠标经过图像；
3.修改页面属性并插入图像；
4.创建图像超链接；
5.掌握框架和框架集的属性设置。
项目七：
使用层
任务15：
制作联创网络技术网页
1.掌握层的基本操作方法和技巧；
2.掌握应用层设计表格的方法和技巧；
3.熟练掌握创建和编辑层的一些基本操作。
任务16：
制作信业融资网页
1.掌握层的插入方法和应用技巧；
2.熟练层的属性设置；
3.正确使用层命令来布局元素的位置；
4.了解应用层（APDiv）设计表格的方法。
项目八：
CSS样式
任务17：
制作国画展览馆网页
1.了解CSS样式的概念。
2.了解CSS样式。
3.掌握样式的类型与创建方法。
4.掌握编辑样式的方法和技巧。
任务18：
制作打印机网页
1.掌握CSS的属性；
2.掌握过滤器；
3.掌握如何应用CSS样式控制标签；
4.掌握CSS样式属性的多种分类。
项目九：
模板
和库
任务19：
制作电子吉他网页
1.了解“资源”面板；
2.掌握模板的创建方法和使用技巧。
3.了解资源控制面板，掌握创建、编辑和管理模板的方法
任务20：
制作建达康集团网页
1.熟练创建库文件；
2.掌握向页面添加库项目；
3.更新库文件。
项目十：
表单与行为
任务21：
制作废品回收网页
1.了解表单和文本域；
2.掌握如何应用复选框和单选按钮的方法和技巧；
3.掌握创建列表和菜单的方法和技巧；
4.掌握创建文件域和提交按钮方法和技巧；
5.掌握行为的使用。
项目十一：
网页
代码
任务22：
制作设计无忧网页
1.了解网页代码。
2.掌握如何编辑代码。
3.掌握常用的HTML标签。
4.掌握脚本语言。
5.掌握响应HTML事件。
项目十二：
综合设计实训
任务23：
熟练掌握软件的操作技巧
1.熟练掌握表格的应用与表格的嵌套
2.快速掌握案例设计的基本方法
五、实施建议
教学内容与建议学时
教学设计
项目一：
初识DreamweaverCS6（2学时）
任务1：
DreamweaverCS6的工作界面
1.采用任务驱动、角色扮演法。
教师明确给出任务，学生完成项目任务学习总结；教师扮演产品经理布置任务，学生扮演网页开发工程师身份；
2.采用讲授法、实践指导法。
对于开发过程中所使用的软件进行讲解；
3.评定：
教学评价。
教师对学生的理解情况给出相应测试。
任务2：
创建网页框架
任务3：
管理站点
任务4：
网页文件头的设置
项目二：
文本与文档
任务5：
通过轩宇门窗网页讲解页面属性/文本属性（3学时）
1.采用任务驱动；学生完成项目任务学习总结；
2.采用讲授法、实践指导法。
教师对普遍存在的问题进行纠正及解答。
学生给出网页设计案例中的文本与文档，对被指出错误加以改正。
3.评定：
教学评价。
教师对学生完成的情况给出评价；个人间互评。
任务6：
通过制作休闲旅游网页（3学时）
项目三：
图像与多媒体
任务7：
通过制作咖啡馆网页，熟练掌握插入图像并设置图像属性的方法（3学时）
1.采用任务驱动；明确给出任务；学生完成项目任务学习总结；学生分为网页开发小组，组内讨论、合作、分工；
采用讲授法、实践指导法。
教师对普遍存在的问题进行纠正及解答。
2.学生给出项目代码以及网页设计代码，并演示教师，教师指出的错误学生再加以改正。
3.评定：
教学评价。
教师对学生完成的情况给出评价；小组代表完成组间评价。
任务8：
通过制作物流运输网页，熟练掌握在网页中插入多媒体的方法（3学时）
项目四：
超链接
任务9：
通过制作建筑模型网页，了解超链接的概念与路径知识，熟练掌握创建文本和文本超链接的方法（2学时）
1.引导问题：
教师扮演产品经理布置任务；学生扮演网页开发小组人员。
教师督促个别辅导；学生按小组模拟成项目组，学习网页的基本布局方式。
2.互动交流：
教师对普遍存在的问题进行纠正及解答；学生将物流运输网页演示给教师，对被指出的错误加以改正。
3.评定：
教师对学生完成的情况给出评价；小组代表完成组间评价。
任务10：
通过制作温泉度假网页，掌握图像超链接的创建方法，创建命名锚记超链接的方法以及了解创建热点链接的方法（2学时）
项目五：
使用表格
任务11：
通过制作营养美食网页，掌握插入表格的方法及对表格的简单操作（4学时）
1.引导问题：
教师扮演产品经理布置任务；学生扮演网页开发小组人员。
教师督促个别辅导；学生按小组模拟成项目组，学习网页的基本布局方式。
2.互动交流：
教师对普遍存在的问题进行纠正及解答；学生将建筑模型网页演示给教师，对被指出的错误加以改正。
3.评定：
教师对学生完成的情况给出评价；小组代表完成组间评价。
任务12：
通过制作绿色粮仓网页，掌握网页中数据表格的导入和导出，了解复杂表格的排版、了解应用表格进行页面布局的方法（4学时）
项目六：
使用框架
任务13：
通过制作牛奶饮料网页，掌握创建、编辑与保存框架和框架集的方法（4学时）
1.引导问题：
教师扮演产品经理布置任务；学生扮演网页开发小组人员。
教师督促个别辅导；学生按小组模拟成项目组，学习网页的基本布局方式。
2.互动交流：
教师对普遍存在的问题进行纠正及解答；学生将营养美食网页的框架演示给教师，教师指出错误学生加以更正。
3.评定：
教师对学生完成的情况给出评价；小组代表完成组间评价。
任务14：
通过制作建筑规划网页，掌握框架和框架集的属性设置（4学时）
项目七：
使用层
任务15：
通过制作联创网络技术网页，熟练掌握创建和编辑层的一些基本操作（3学时）
1.引导问题：
教师扮演产品经理布置任务；学生扮演网页开发小组人员。
教师督促个别辅导；学生按小组模拟成项目组，学习网页的基本布局方式。
2.互动交流：
教师对普遍存在的问题进行纠正及解答；学生将联创网络技术网页演示给教师，并检测一些学生创建和编辑层的一些基本操作。
3.评定：
教师对学生完成的情况给出评价；小组代表完成组间评价。
任务16：
通过制作信业融资网页，了解应用层（APDiv）设计表格的方法（3学时）
项目八：
CSS样式
任务17：
通过制作国画展览馆网页，了解CSS样式的概念和编辑CSS样式的方法，掌握其控制面板及类型和按照CSS的类型来创建和应用多种样式（3学时）
1.引导问题：
教师扮演产品经理布置任务；学生扮演网页开发小组人员。
教师督促个别辅导；学生按小组模拟成项目组，学习网页的基本布局方式。
2.互动交流：
教师对普遍存在的问题进行纠正及解答；学生列出CSS3的初级选择器与高级选择器语法，对学生的代码指出错误加以改正。
3.评定：
教师对学生完成的情况给出评价；小组代表完成组间评价。
任务18：
通过制作打印机网页，掌握CSS样式属性的多种分类，包括类型、背景、区块、方框、边框、列表、定位和扩展（3学时）
项目九：
模板与库
任务19：
通过制作电子吉他网页，了解资源控制面板，掌握创建、编辑和管理模板的方法（3学时）
1.引导问题：
教师扮演产品经理布置任务；学生扮演网页开发小组人员。
教师督促个别辅导；学生按小组模拟成项目组，学习网页的基本布局方式。
2.互动交流：
教师对普遍存在的问题进行纠正及解答；检查学生对资源控制面板，创建、编辑和管理模板的能力，对学生的代码指出错误加以改正。
3.评定：
教师对学生完成的情况给出评价；小组代表完成组间评价。
任务20：
通过制作建达康集团网页，掌握创建和更新库文件的方法（3学时）
项目十：
表单与行为
任务21：
通过制作废品回收网页，熟练掌握创建表单和插入文本域的方法和复选框和单选按钮的应用方法（6学时）
1.引导问题：
教师扮演产品经理布置任务；学生扮演网页开发小组人员。
教师督促个别辅导；学生按小组模拟成项目组，学习网页的基本布局方式。
2.互动交流：
教师对普遍存在的问题进行纠正及解答；检查学生对表单、文本框的设定，对学生的代码指出错误加以改正。
3.评定：
教师对学生完成的情况给出评价；小组代表完成组间评价。
项目十一：
网页代码
任务22：
通过制作设计无忧网页，了解使用标签编辑器和检查器编辑代码，掌握使用标签库编辑器创建源代码，了解脚本语言及响应HTML事件的方法，掌握几种常用的HTML标签（6学时）
1.引导问题：
教师扮演产品经理布置任务；学生扮演网页开发小组人员。
教师督促个别辅导；学生按小组模拟成项目组，学习网页的基本布局方式。
2.互动交流：
教师对普遍存在的问题进行纠正及解答；检查学生对脚本语言及HTML事件的方法，检查他们对于基本标签的使用，对学生的代码指出错误加以改正。
3.评定：
教师对学生完成的情况给出评价；小组代表完成组间评价。
项目十二：
综合实训
任务23：
熟练掌握软件的操作技巧（8学时）
1.引导问题：
教师扮演产品经理布置任务；学生扮演网页开发小组人员。
教师督促个别辅导；学生按小组模拟成项目组，小组分工3-4人，从设计到代码实现。
2.互动交流：
教师对普遍存在的问题进行纠正及解答；检测网站基本布局以及CSS部分的实现。
3.评定：
教师对学生完成的情况给出评价；小组代表完成组间评价。
六、考核及评价
（一）考核方式
本课程考核评价以学生为中心，以学生预期学习成果为导向，以国家职业资格标准和企业岗位工作职责要求为依据，采用学生互评、校内指导教师评价和校外企业指导老师评价相结合的项目化阶段评价模式。
着重考核学生掌握本课程相关的基本技能、专业技术和职业素养，并能综合运用所学知识和技能分析、解决实际工作任务问题的能力。
1.考核总评：
评价分为过程性评价和终结性评价。
其中过程性评价占50%，终结性评价占50%。
具体评价内容分配如下：
（一）过程性评价
平时成绩（20%）：
其中，考勤（5%）、学习态度（5%）、讨论题作业（5%）、课堂提问（5%）。
项目实训成绩（30%）：
项目一至项目十阶段评价*50%+项目十一至项目十二阶段评价*50%。
评价标准见下表。
学习项目（单元）评价评价标准
项目（单元）名称
评价点
评价方式
评价标准
成绩比例
优
良
及格
1.文本与文档
文本与文档的先关设置与工具
撰写
评审
网站浏览顺畅，图文排版优美
网页排版正确，内容充实
网页正常浏览
10%
2.图像与多媒体
图像与多媒体的插入与设置
撰写
评审
网站浏览顺畅，符合大众审美，多媒体元素摆放合适
网页排版正确，内容充实
网页正常浏览
10%
3.超链接/使用表格
超链接类型使用与表格网站的实现
操作
评审
网站浏览顺畅，超链接顺利跳转，无bug
网页排版正确，内容充实
网页正常浏览
10%
4.使用框架
使用框架搭建网站
撰写
评审
框架的顺利搭建并进行相关界面设置，界面优美
正确使用框架，排版正确
网页正常浏览
10%
5.使用层
理解层的关系与使用层搭建网站
撰写
评审
使用层关系顺利搭建网站，界面符合大众审美
正确使用层关系，排版正确
网页正常浏览
20%
6.CSS样式
CSS样式添加演示
操作
评审
使用CSS样式修饰网站，完美应用
正确使用添加CSS样式
网页正常浏览
10%
7.模块与库
资源面板、模板操作与库文件的使用
撰写
评审
使用资源面板、模板完成网站建设
正确使用模板，并进行网页布局
网页正常浏览
20%
8.表单与行为
表单元素的添加与行为的创建
操作
评审
正确在网站中添加表单元素并且实现行为触发
正确使用表单元素和网站正常浏览
网页正常浏览
10%
（二）终结性评价
期末成绩（50%）：
考试成绩*50%。
七、课程资源开发与利用
（一）推荐教材和指导书
1.教材选用
教材选用符合高职办学层次、培养目标以及我院学生实际情况的教材，原则上选用高职高专近三年出版的教材，优先选用规划教材和重点教材，选用教材的版本和内容均考虑到近年教材的变动与更新，有效保证了学生能汲取到有用、新鲜和实用的相关知识和技能，可选用教师自编教材。
2.图书资料
学校图书馆藏书中拥有软件技术专业的纸质和电子图书、期刊，包括软件技术专业职业资格证考试相关参考和培训书，软件技术方面的相关书籍等。
推荐具体资源如下：
序号
图书名称
详细信息
1
《网页设计基础教程》
作者:
顾海花
出版社:
电子工业大学出版社
版次：
2015年03月
2
《网页设计与网站建设从入门到精通》
作者:
前端科技
出版社:
清华大学出版社
版次：
2019年01月
3
《CSS3网页设计从入门到精通》
作者:
朱印宏
出版社:
清华大学出版社
版次：
2017年10月
4
《网页设计与制作项目教程（HTML+CSS+JavaScript）》
作者:
黑马程序员
出版社:
人民邮电出版社
版次：
2017年01月
5
《网页设计与制作（HTML+CSS）》
作者:
传智播客高教产品研发部
出版社:
中国铁道出版社
版次：
2014年08月
6
《网页设计从界面布局到视觉表现》
作者:
余兰亭
出版社:
人民邮电出版社
版次：
2018年02月
7
《网页设计与开发——HTML、CSS、JavaScript实例教程》
作者:
郑娅峰、张永强
出版社:
清华大学出版社
版次：
2016年01月
8
《形·色:
网页设计法则及实例指导》
作者:
姜鹏 、郭晓倩
出版社:
人民邮电出版社
版次：
2017年01月
（二）硬件条件
本着“课程教学理实化、实践场所职业化”的原则，专任教师与企业兼职教师共同根据课程实施的需要，设计、建设理实一体化专业实训室，重点应加强教学功能设计及企业氛围的建设，使学生在校期间能感受企业文化氛围，接受企业操作规范。
实训室名称
设备名称
数量
实训内容
备注
网页设计实训室
学生用机
50台
软件使用实训
各项功能实训
CSS样式实训
网页基本结构实训
建议使用国内外知名品牌机，并配置不同环境的机器
教师用机
1台
服务器
2台
投影仪
1台
投影屏幕
1台
音响系统
1套
机柜
1台
多媒体演示软件
1套
Dreamweaver
1套
Photoshop
1套
（三）师资条件
网页设计教师不仅要具有传统意义上专职教师的各项素质（包括学历、学位、职称、教师资格证），而且要具有较强的专业知识能力，熟悉岗位要求，能胜任网页基础课和网页设计综合实训课以及各类前端开发竞赛的辅导的教学和科研能力，能为学生做示范，有创新能力，有团队合作精神，有良好的师德，热爱专业教学工作，而且要具有较强的工程师素质（承担或参与过科学研究、教学研究项目）。
（四）实践平台和信息化教学资源
1.校企合作项目
基于“校企合作协同育人”的计算机专业群人才培养模式，通过已开发的产学合作实训周教学资源，充分利用行业典型的生产企业的资源，以课程对接岗位，以教学过程对接工作流程，实践“工学”交替，满足学生的实训教学内容设计，提升职业技能水平，获取职业资格证书，提高学生岗位胜任能力。
项目名称
合作企业名单
项目介绍
网站开发项目实训
深圳文豆网络科技有限公司
随着微信小程序、跨平台等科技纷纷流行，越来越多的软件公司投入到这个行列。
本次实训以循序渐进的方式，让学生从基础开始，并逐步深入。
最后可以深入并完成实训项目。
前端网页企业级应用实训
深圳粤嵌通信科技股份有限公司
通过“个人网页”、“电子读物”两个项目实例的设计与实现，向学生展示前端网页开发流程，使学生对企业应用开发有一个整体了解和掌握。
2.课程案例
实训典型案例：
个人网页
（1）实训要求：
网站UI界面设计，网站交互设计，网站基本界面布局设计，网站CSS部分的等。
（2）实训方式：
实践操作演示、学生练习、老师现场指导、课后练习。
（3）实训内容：
3.推荐重要学术期刊如下：
序号
期刊名称
出版单位
级别
1
《HTML5前端设计课程整体设计》
李超燕
国家级期刊
2
《基于HTML5技术下移动Web前端设计与开发的研究》
中国新通信
国家级期刊
3
《基于响应式布局的英语学习网站前端设计与实现》
新技术应用与实践
国家级期刊
4
《WEB前端设计之我见》
科技咨询
国家级期刊
4.推荐资源网站如下：
序号
网站
网址
1
HTML5教程|菜鸟教程
2
CSDN论坛
3
中国IT实验室
4
我爱自学网
5.推荐网络开放课程如下：
序号
网站
网址
1
Learnwebdevelopment
https:
//developer.mozilla.org/en-US/docs/Learn
2
网易公开课
3
HTMLD
升级会员 