《HTML5+CSS3》课程标准
一、课程的性质
该课程是软件与信息服务专业的一门专业核心课程。该课程是一门具有很强的实践性和应用性的课程，主要培养学生面向基于HTML5+CSS开发跨平台Web应用HTML5工程师岗位的核心能力和职业素质；培养学生使用HTML5技术开发移动web应用，主要认识和掌握HTML5特性：语义特性、本地存储特性、设备兼容特性、性能与集成特性、连接特性、网页多媒体特性、三维、图形及特效特性、CSS3特性等。其前导课程为《程序设计基础》、《网页制作基础》、《数据库SQL》和《JavaScript程序设计》
二、课程设计理念
（一）课程设置的依据
该课程总体设计思路是以岗位面向为依据、以就业为导向、以能力培养为目标、以案例引领式教学为手段，依据当前HTML5的发展状况和web前端开发岗位所提出的新要求，既可以巩固前期所学web前端开发的理论知识和设计软件应用知识，还重在于给学生开拓新的专业知
识面，认知一个新的设计领域--跨平台应用开发，从而拓展职业能力和就业选择面。
（二）课程内容确定依据
该门课程的总学时为108。以基于工作过程的课程开发理念为指导，以职业能力培养和职业素养养成为重点，根据技术领域和职业岗位（）的任职要求，以学生就业为导向，在行业专家的指导下，对HTML5，web开发等专门化方向所涵盖的岗位进行任务与职业能力分析，以实际工作任务为引领，以创新能力培养为主线，将课程知识体系整合，在教学过程中注意体现学生设计和开发能力培养的循序渐进性。在教学内容和方法上贯彻“技能培养为主，知识够用为度”的教学思想，旨在培养学生的创新意识，提高岗位实践能力和适应能力，保证学生专业能力、方法能力和社会能力的全面培养。
（三）课程开发思路
根据高职教育的特点，按照学院“厚德强技”的校训，积极探索以实践能力考核为主的课程评价方法，从而提高学生的职业能力和就业竞争力，具体措施体现在以下几个方面：
●基于典型工作过程分析，构建课程体系；
●职业能力培养为核心，设计教学内容；
●以提高学生职业能力和职业素养为目标，重视实践教学；
●融合职业资格标准，推行双证书制；
●校企合作，共建新型实践教学基地；
●校企合作，形成实践技能课主要由企业兼职教师讲授的机制。
三、课程目标
本课程的培养目标是通过这门课程的学习，主要培养HTML5跨平台移动应用开发的人才，重点培养学生移动web开发HTML5+CSS3+JavaScript的分析与设计能力。学生通过本课程的学习，具备应用HTML5开发技术解决移动移动web应用开发领域中的问题，具备编写多设备跨平台轻应用WebAPP代码的能力。
（一）知识目标
●理解移动WebAPP的开发流程和设计思路；
●掌握HTML5新元素；
●掌握HTML5表单的使用；
●掌握CSS3选择器的使用；
●掌握CSS3创建布局的方式；
●掌握CSS3边框和背景的应用；
●掌握CSS3文本样式的应用；
●掌握CSS3过渡、动画和变换的应用；
●掌握Ajax的应用；
●掌握HTML5高级功能——使用多媒体；
●掌握HTML5高级功能——使用canvas元素；
●掌握HTML5高级功能——使用地理定位；
●掌握HTML5高级功能——使用web储存；
●掌握HTML5高级功能——使用拖放
●掌握HTML5高级功能——创建离线web应用程序
（二）技能目标
●培养编程思想，熟悉基本程序设计方法；
●能更好的利用HTML5高级开发技术解决移动应用开发领域中的问题；
●将HTML5+CSS3开发方法用于综合实训项目中，为就业实习奠定基础；
●能具备编写移动应用WebAPP代码的能力；
（三）素质目标
●培养良好的分析、设计和逻辑思维能力；
●培养良好的思想品德、心理素质；
●培养良好的职业道德，包括爱岗敬业、诚实守信、遵守相关的法律法规等；
●培养良好的团队协作、协调人际关系的能力；
●培养对新知识、新技能的学习能力与创新能力。
四、课程内容和要求
根据专业课程目标和涵盖的工作任务要求，确定课程内容和要求，说明学生应获得的知识、技能与态度。
html网页设计课程标准
教学
内容
工作任务、单元或模块
知识要求
技能要求
学时安排
理论
实践
1、HTML5背景知识
1.1HTML5历史
掌握HTML、XHTML和HTML5的发展历程；
掌HTML5新一代标准的形成；
了解新一代HTML5是如何成型
2
2
1.2 HTML5简介
HTML5+CSS3的新特性:语义特性、本地存储特性、设备兼容特性、性能与集成特性、连接特性、网页多媒体特性、三维、图形及特效特性、CSS3特性等
了解HTML5+CSS3的新特性
1.3 HTML5发展现状
HTML5和CSS3浏览器的支持情况
了解HTML5和CSS3浏览器的支持情况
1.4 开发HTML5的准备工作
HTML5的浏览器、编辑器、服务器
挑选HTML5的浏览器、编辑器、服务器，并且编写简单的HTML5网页
2、掌握HTML5新元素
2.1HTML5的标记文字
HTML5新增带有语义特性的文本元素
掌握和使用HTML5新增带有语义特效的元素
2
2
2.2 HTML5的文档分节
HTML5新增带有语义特效的结构化元素
掌握HTML5新增带有语义特效的结构化元素进行内容的分块和布局
2
4
2.3 HTML5表单
HTML5新增的表单元素和属性
掌握HTML5新增表单元素以及属性的应用
2
4
3、CSS3
3.1 CSS3新增选择器
CSS的新特性、新增选择器类型
了解CSS的新特性
掌握CSS3新增选择器类型
4
4
3.2 CSS3创建布局
CSS3盒子模型、创建多列
理解盒子模型以及创建响应式布局的方式
2
4
3.3 CSS3边框与背景
CSS3边框和背景属性
掌握CSS3边框与背景属性的应用和样式设置，掌握圆角边框等常见样式的设置
2
4
3.4 CSS3文本格式
CSS3文本格式属性
掌握CSS3常见文本格式的样式设置
2
4
3.5 CSS3过渡、动画和变换
CSS3网页动画效果属性
掌握网页动画效果的制作
2
4
4、Ajax的应用
4.1 理解DOM元素、对象与事件
DOM（文档对象模型）对象与属性、事件响应机制
能够理解DOM对象模型的使用与应用
2
4
4.2 使用Ajax
Ajax异步传输机制、常见XML、HTML、JSON数据、Ajax发送和接收数据
能够理解Ajax异步传输机制；掌握常见数据包XML、HTML、JSON特点；应用Ajax发送和请求数据
2
6
5、 HTML5高级功能
5.1 HTML5使用多媒体；
HTML5新媒体video和audio元素、通过DOM操作自定义多媒体
使用video元素播放视频、使用audio播放音频、以及掌握掌握通过API方式操作多媒体。
2
2
5.2 HTML5使用canvas元素；
HTML5canvas元素、画布绘制图像和文字；
掌握使用canvas元素绘制图形、图像和文字
2
4
5.3 HTML5使用地理定位
地理定位方式和原理、监控位置；
熟练应用地理定位（Geolocation）API获取地理位置信息，以及获得位置更新
2
4
5.4 HTML5使用web储存
HTML5本地存储以及会话存储
掌握使用web存储数据，区分使用本地存储和会话存储两种方式
2
4
5.5 HTML5使用拖放
HTML5拖放的事件、对象以及对象方法
掌握HTML5拖放的方式;启用拖动功能、处理事件、使用DataTransfer对象以及方法
2
6
5.6 HTML5创建离线web应用程序
HTML5多线程与离线应用缓存
掌握HTML5创建多线程的方式和开发中的应用，掌握离线状态下访问web应用程序的方式和应用
2
6

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。