计算机应用技术专业《H5+CSS3》课程标准
HTML5+CSS3》课程标准
一、课程的性质
该课程是软件与信息服务专业的一门专业核心课程。该课程是一门具有很强的实践性和应用性的课程,主要培养学生面向基于HTML5+CSS开发跨平台Web应用HTML5工程师岗位的核心能力和职业素质;培养学生使用HTML5技术开发移动web应用,主要认识和掌握HTML5特性:语义特性、本地存储特性、设备兼容特性、性能与集成特性、连接特性、网页多媒体特性、三维、图形及特效特性CSS3特性等。其前导课程为《程序设计基础》、《网页制作基础》、《数据库SQL》和《JavaScript程序设计》
二、课程设计理念
(一)课程设置的依据
该课程总体设计思路是岗位面向为依据、就业为导向以能力培养为目标、以案例引领式教学为手段,依据当前HTML5的发展状况和web前端开发岗位所提出的新要求,既可以巩固前期所学web前端开发的理论知识和设计软件应用知识,还重在于给学生开拓新的专业知
识面,认知一个新的设计领域--跨平台应用开发,从而拓展职业能力和就业选择面。
(二)课程内容确定依据
present的同义词该门课程的总学时为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代码的能力;
(三)素质目标
培养良好的分析设计逻辑思维能力;
培养良好的思想品德、心理素质;
培养良好的职业道德,包括爱岗敬业、诚实守信、遵守相关的法律法规等;
培养良好的团队协作、协调人际关系的能力;
培养对新知识、新技能的学习能力与创新能力。
四、课程内容和要求
根据专业课程目标和涵盖的工作任务要求,确定课程内容和要求,说明学生应获得的知识技能与态度。
买笔记本电脑要注意什么
教学
暴走英雄联盟内容
工作任务、单元或模块
知识要求
技能要求
学时安排
理论
实践
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小时内删除。