《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小时内删除。
发表评论