《HTML5+CSS3》课程标准（含课程资政元素）.docxVIP

《HTML5+CSS3》课程标准

一、课程概要

课程名称

HTML5+CSS3

课程学分

4

课程学时

共72学时，理论36学时，实践36学时

课程类别

通识教育：￡基础课程￡核心课程￡一般课程￡拓展专业课程

专业教育：￡基础课程R核心课程￡拓展课程

课程性质

R必修￡选修

适用专业

软件技术

前导课程

网页设计与制作、JavaScript程序设计

后续课程

无

开设学期

第一学期

第二学期

第三学期

第四学期

第五学期

第六学期

√

二、课程定位

本课程是软件技术专业的专业核心课程，主要目标是培养软件技术专业学生全面的Web前端开发能力，从基础的HTML/CSS编码技巧到高级的响应式设计策略前端开发能力、职业素养和创新能力；掌握HTML5新增的结构化元素、分组元素、交互性元素、文本级语义元素元素、HTML5属性、过渡与变形属性、HTML5新增input类型、datalist元素、output元素、progress元素、meter元素、fieldset元素和legend元素、CSSflex布局、CSSgrid布局、响应式布局、audio元素、video元素、原生响应式站点布局、移动端视口设置、精灵图、字体图标、移动端商城网站布局等课程内容。通过本课程的学习，学生能够全面掌握掌握现代Web开发所需的核心技能，利用HTML5、CSS3技术进行响应式、移动端项目开发的能力，为胜任Web前端开发等岗位工作提供核心支持。

三、课程目标

（一）素质（思政）目标

1.培养学生爱党爱社会主义、担当民族复兴大任的爱国情怀；

2.培养学生对社会主义核心价值观的情感认同和行为习惯；

3.培养学生爱岗敬业、艰苦奋斗、勇于创新、热爱劳动的劳动精神；

4.培养学生执着专注、精益求精、一丝不苟、科技强国的工匠精神；

5.培养学生的创新意识和勇于探索精神，使其将个人专业成长与国家科技发展战略紧密结合，为国家科技进步贡献力量；

6.引导学生成为终身学习者，使其保持好奇心，主动学习新技术和工具，培养适应未来职场变化的能力；

7.强化学生责任意识，使其在开发过程中注重用户体验，理解优秀设计对于社会的意义；

8.提高学生的团队协作能力。在项目实战中，通过小组合作的形式，加强沟通和协作能力，培养团队精神；

9.强化学生的法律意识，提醒学生注意版权问题。

（二）知识目标

1.掌握HTML5的结构化元素、分组元素；

2.掌握HTML5的交互性元素、文本级语义元素；

3.掌握HTML5的全局属性；

4.了解ARIA和HTML5中弃用与语义演变的元素；

5.掌握过渡与变形属性；

6.了解表单验证；

7.掌握其他表单元素；

8.了解正则表达式；

9.掌握CSSflex布局；

10.掌握CSSgrid布局；

11.掌握响应式布局；

12.掌握audio元素和video元素；

13.掌握移动端视口设置、重置浏览器默认样式、网页图标、精灵图、字体图标；

（三）能力目标

1.能够规范使用HTML5新增的元素；

2.能够利用HTML5新增属性进行页面开发；

3.能够利用过渡与变形属性实现动画效果；

4.能够利用CSSflex布局、CSSgrid布局、响应式布局进行页面设计与开发；

5.能够在网页中添加音频文件、视频文件；

6.能够实现响应式页面的开发；

7.能够实现移动端页面的开发。

四、课程设计思路

本课程从学生专业发展的能力需求出发，结合“web前端开发”“web全栈开发”等1+X证书要求，对接教育部出台的软件技术专业教学标准。设计10个任务，每个任务以“知识准备→实战演练→进阶训练→动手实践”为主线。“知识准备”阶段的小案例是该知识点的典型案例。“实战演练”“进阶训练”“动手实践”构成由浅入深的项目任务实践体系：“实战演练”涵盖完成项目任务所需的所有知识点，是课程学习的基本要求；“进阶训练”是在“实战演练”的基础上，通过自学“拓展学习指导”所要求的内容，提高学生的技能水平和培养学生的自学能力；“动手实践”围绕企业真实案例，进一步提升学生的项目开发经验，以课下实训的形式呈现。

五、课程内容与要求

第1章HTML5新增元素及属性

学习单元

HTML5新增元素及属性

课时

12课时

学习目标

掌握HTML5的结构化元素、分组元素

掌握HTML5的交互性元素、文本级语义元素

掌握HTML5的全局属性

了解ARIA和HTML5中弃用与语义演变的元素

学习内容

知识点

掌握程度

重点

难点

结构化元素

掌握

√

分组元素

掌握

√

ARIA

了解

交互性元素

掌握

√

文本级语义元素

掌握

√

HTML5的全局属性

掌握

√

√

HTML5中弃用与语义演变的元素

了解

第2章过渡和变形属性

学习单元

过渡和变形属性

课时

6课时

学习目