《HTML5+CSS3+JQuery》课程教学标准.docxVIP

《HTML5+CSS3+JQuery》课程标准

课程代码：建议课时数：64学分：4

适用专业：软件技术

先修课程：HTML+CSS+JavaScript

后续课程：美学原理与UI设计基础、Vue前端框架技术应用、Node.JS应用开发、 Web前端开发综合实战

制定人：傅俊哲

一、前言

1.课程的性质

该课程是江苏省五年制高职软件技术专业的一门专业方向课课程，是软件技术专业的一门职业技能性课程，具有重要的地位。通过前一阶段前导课程的学习，学习者已能使用HTML文本标签、头部标记、页面创建超链接；能使用创建表格表单功能搭建静态网页；能使用CSS开发及美化网页样式。

本课程任务是使学生能熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性设计出多窗口网页、动态网页；9能使用jQuery选择器、jQuery中的DOM操作、滚动、图表、布局、文字处理及UI等插件、jQuery事件和动画等功能开发交互效果页面；能使用CSS3的选择器、边框特性、颜色、字体功能美化网页；能使用CSS3特性、动画效果、多列布局以及弹性布局开发动态网页。

2.设计思路

本课程是依据网页设计和制作的过程和标准，紧扣职业岗位要求设置的。其总体设计思路是，打破以知识传授为主要特征的传统学科课程模式，转变为以工作任务为中心组织课程内容，并让学生在完成具体项目的过程中学会完成相应工作任务，并构建相关理论知识，发展职业能力。课程内容突出对学生职业能力的训练，理论知识的选取紧紧围绕工作任务完成的需要来进行，同时又充分考虑了高等职业教育对理论知识学习的需要，并融合了相关职业资格证书对知识、技能和态度的要求。项目设计以网站建设过程为线索来进行。教学过程中以项目为主线，通过问题、项目导入（实践）→学生思考、分析、回答、教师评议、总结（理论）→扩展应用（实践）的方式进行，使授课内容与工作实际紧密结合。教学效果评价采取过程评价与结果评价相结合的方式，通过理论与实践相结合，重点评价学生的职业能力。本课程的项目编排主要以创建一个完整的网络为思路，将整个授课过程分为四大阶段，HTML5网页技术、CSS3网站布局与样式，JQuery+AJAX动态行为，最后有一个完整的网页制作综合实例，让学生能系统的学会一个网站的建设。

课程目标

本课程围绕互联网+、新兴技术行业带来的Web应用开发技术技能人才需求，培养具有良好职业道德和人文素养，掌握Web应用开发基础知识，具备静态网页设计、开发、调试、维护等能力，能从事Web应用软件编码、软件测试、软件技术服务等工作的初级技术技能人才。

根据本专业的培养目标和人才规格，按照知识和技能、过程和方法、情感态度价值观三个维度的分析方法，概括出本课程的目标。

1.知识目标：

了解Web站点的工作原理；

了解HTML5、CSS3的定义，概念和作用；

掌握HTML5语言中的各种文本格式、字符格式、段落设置、列表、表单、框架、多媒体标记的作用；

理解对象的定义，及含义；理解事件的概念；理解属性与方法的概念；了解面向对象程序设计思想；

掌握JQuery+AJAX脚本编程语言的基本语法知识及各类应用。

2.能力目标：

（1）能熟练掌握HTML5常用元素和属性；

（2）学会运用HTML5语言中的标记设置颜色、文本格式和列表；熟练掌握颜色值的配置和背景图案的设置方法,熟练掌握字符、链接颜色的设置方法；

（3）掌握在网页中添加CSS3、嵌入图像、声音、多媒体信息的方法；

（4）熟练掌握表格的使用方法，学会利用表格设布局网页；掌握框架制作网页的方法，会使用框架设计网页；掌握制作表单的方法，会利用表单建立交互式页面；

（5）掌握JQuery框架语言的语法；

（6）掌握在HTML5语言代码中嵌入JQuery+AJAX代码的方法，能看懂JQuery特效网页源代码；

（7）能够按网页设计技术要求修改和调试JQuery代码；

（8）学会使用JQuery语言实现网页特效。

3.素质目标：

形成勤奋学习的态度，严谨求实、创新的工作作风；

养成良好的心理素质和职业道德素养；

培养高度责任心和良好的团队合作精神；

获得科学思维方式和一定的唯物辩证法思想；

培养较强的网页设计创意思维、艺术设计素质。

三、课程内容和要求

根据专业课程目标和涵盖的工作任务要求，确定课程内容和要求，说明学生应获得的素质、知识与能力。

序号

工作任务

知识点

教学

要求

参考

学时

项目一

HTML静态网页技术

能使用HTML5文本标签、头部标记、页面创建超链接

1.掌握页面布局及整体设计；

2.掌握HTML5语法；

3.掌握HTML5表格、表单、图片、多媒体等的应用；

4.理解并掌握HTM