HTML5课程标准_第1页
HTML5课程标准_第2页
HTML5课程标准_第3页
HTML5课程标准_第4页
HTML5课程标准_第5页
免费预览已结束,剩余1页可下载查看

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、HTML5网页制作技术课程标准一、课程性质与任务网页制作技术是计算机学科专业中必修的一门专业技术基础技能课程。而HTML5是Web技术开发最新的网页设计标准。HTML5网页制作技术重在介绍HTML5相关理论和设计的方法,是网络技术专业基础课程之一,也是本专业的核心课程。其前序课程有信息系统综合实践,后续课程有Java高级编程应用等,其主要任务是理解网页设计相关的理论知识,掌握利用HTML5制作网页的方法。二、课程教学目标1知识目标(1) 掌握HTML5与CSS3基础知识及最新技术。(2) 掌握常见HTML5跨平台开发工具。(3) 掌握SEO、BSU等高级实用技术。(4) 掌握JavaScrip

2、t语言。2.能力目标(1) 具有分析问题、解决问题的能力。(2) 具有建立实验假设、探索查阅知识的能力。(3) 能够运用系统性思维分析和解决问题。(4) 具有学习的热情和兴趣,能进行自主学习和自我评价,具有良好的变通能力、 一定的创造性思维和批判性思维。(5) 具备扎实的HTML与CSS开发基础。(6) 能够独立进行整体操作规划及规范编写。(7) 能负责地完成任务,具有严格的时间观念以及时间管理意识,能了解本专业职业成长过程,并能做好个人的职业规划。(8) 遵纪守法,爱岗敬业,具有良好的职业道德和职业形象。3.素质目标(1) 具有较强的专业学习、执行和创新能力。(2) 具有自觉的规范意识、团队

3、协作意识和协作能力。(3) 能运用各种交流手段进行良好地表达和交流。(4) 具有使用英语进行阅读和交流的能力。(5) 具有较强的环境适应、人际交往和组织管理能力。三、参考学时总学时72(理论学时36+实践学时36)。四、课程学分5学分。五、课程内容和要求序号教学项目教学内容与教学要求活动设计建议参考课时1HTML5概述教学内容:HTML5的基本概念、HTML5简介、HTML5文件的基本结构、HTML5文件的编写方法、使用记事本手工编写HTML5文件、使用Dreamweaver CS6编写HTML5文件。教学要求:1.理解HTML5的基本概念。2.了解HTML5的发展历程。3.掌握HTML5文件

4、的基本结构及编写方法。4.了解HTML5的几种开发工具。5.掌握代码书写规范。这部分内容主要对HTML5的知识进行系统分析、讲授,理论性强,以教师讲授为主;在HTML5的文件编写中采用分组讨论、案例教学,学生可根据教师提供的案例进行分组讨论和上机展示。42HTML5网页文档结构教学内容:Web标准、HTML标记、符合W3C标准的HTML5网页。教学要求:1.了解Web标准及其内容。2.掌握HTML中的基本标记。3.掌握符合W3C标准的HTML5网页。这部分理论性较强,是比较抽象的一部分,教师以案例教学法进行详细讲解,然后给出案例(符合W3C标准的HTML5网页)学生上机实现并展示。教师再进行点

5、评总结。43HTML5网页中的文本和图像教学内容:HTML5网页中文本、图像的创建及使用。教学要求:1.了解HTML5网页中的网页元素。2.掌握在HTML5网页中文本和图像的插入方法。3.掌握列表的创建方法及作用。4.了解网页中支持的图片格式。5.掌握路径的定义及使用。这部分内容实践性很强,教授学生安装DreamweaverCS6软件,教学过程采用“教、学、做”一体化方式,以教师为主导,带领学生边学边做。实践环节让学生进行知识强化,灵活掌握。84HTML5网页中的超级链接教学内容:用HTML5创建超链接。教学要求:1.掌握URL的概念。2.掌握设置文本和图片超链接的方法。3.掌握超链接的分类4

6、.理解热点的定义。5.掌握创建热点的方法。本部分内容实践性很强,学生需用大量的课时练习掌握超链接的创建方法,先由教师进行演示,然后在教师指导下学生完成实验任务并进行总结。45HTML5网页中的表格教学内容:用HTML5创建表格教学要求:1.了解表格的作用。2.掌握表格基本结构及操作掌握。3.单元格的定义及操作。本部分内容实践性很强,教师必须教师以案例教学法进行详细讲解并带领同学进行上机操作,同学按照任务进行上机练习并进行总结。46HTML5网页中的表单教学内容:用HTML5创建表单教学要求:1.了解表单的作用。2.掌握表单中主要表单元素的定义及使用。3.掌握表单高级元素的使用。4.掌握创建表单

7、实例的方法。本部分内容理论上难理解,并且实践性很强,教师必须带领同学进行上机操作并给出实验案例,同学按照任务进行上机练习并进行总结。47CSS3概述教学内容:CSS3介绍、CSS3功能、CSS3发展历史、CSS3语法和CSS3使用方法。教学要求:1.了解CSS3的定义、功能和发展历史。2.掌握CSS3的语法。3.掌握CSS3的使用方法。这部分内容主要对CSS3的知识进行系统分析、讲授,理论性强,以教师讲授为主。学生认真学习并进行总结。88CSS3应用教学内容:CSS3字体与段落属性;CSS3美化表格和表单样式。教学要求:1. 掌握利用CSS3设置字体与段落属性。2. 掌握CSS3设置表格样式。

8、掌握CSS3设置表单样式。本部分内容实践性很强,教师必须教师以案例教学法进行详细讲解并带领同学进行上机操作,同学按照任务进行上机练习并进行总结。89JavaScript技术基础教学内容:JavaScript概述;JavaScript的作用。教学要求:1.了解JavaScript的定义。2.掌握JavaScript的语言基础。3.理解JavaScript内置对象及对象编程。4.掌握利用JavaScript操纵CSS3。本部分内容对JavaScript进行系统讲解,理论性较强,以教师讲授为主。在利用JavaScript操纵CSS3这部分里,实践性很强,教师必须教师以案例教学法进行详细讲解并带领同学

9、进行上机操作,同学按照任务进行上机练习并进行总结。810综合实践教学内容:留言板系统的开发与实现教学要求:全面掌握所学知识,能够独立进行整体操作规划及规范编写,开发出一个网站系统。本部分内容实践性很强,先由教师给学生提供案例及实训内容,然后在教师指导下学生完成综合实验并进行总结讲评。16六、教学建议1.教学方法迭代教学:迭代教学就是把重要的知识、思想、经验在课程中反复涉及到,但每次涉及到这些内容时又不是简单地重复,而是在回顾原有的内容的基础上做进一步地深入和升华,既强化了记忆和理解,又拓展了新的视野,深化了理解。总结教学法:讲解时一个知识讲解完毕或演示完毕后,将知识所有过程进总结出关键点和注意

10、事项,以此在提醒学生注意。现场案例教学法:对知识做完理论概述后,为了加深对此知识的理解,通过现场编写代码的方式对此知识做讲解,以加深对此知识的理解和运用。任务驱动教学法:主要以任务需求来带动教学,每次课都有相应的任务和问题,让学生来完成,培养分析问题、解决问题和思考问题的习惯。2.评价方法对学生的评价与考核分三个部分:职业素养考核、知识考核、技能考核,遵循“235”的考核方式:(1)职业素养考核,包括平时的出勤率、完成书面作业任务的情况、完成实做作业任务的情况等,占总评价成绩的20%。这部分内容重点考核学生的学习过程,包括其学习态度、努力的程度以及表现出来的效果。(2)教学形成性考核,包括每一

11、部分上机检查。提交有关业务数据备份,并进行电子阅卷。提交实验报告。检查开发的应用程序及相关文档的完整性、正确性。有关实践能力的综合知识考查。占总评价成绩的30%。(3)期末卷面卷面考试,采用闭卷形式,考试题分对概念的理解和应用,对系统分析、设计、实施的方法和原理的掌握两部分。题型可采用填空题、选择题、简答题、应用题、论述题等多种形式。考核的成绩占总评价成绩的50%。3.教学条件依托教学做一体化教室授课,学院网站提供LearnSite教学辅助平台,教辅系统包括教务管理系统、文献管理系统,网络课程为精品课程平台和各系的教学资源平台。4.教材编选(1)选用教材刘增杰.精通HTML5 + CSS3+JavaScript网页设计.北京:清华大学出版社,2012.(2)参考资料:陆凌牛.HTML 5与CSS 3权威指南.北京:机械工业出版社,2011.陆凌牛. HTML 5开发精要与实例详解.北京:机械工业出版社,2012.李东博.HTML5+CSS3从入门到精通.北京:清华大学出版社,2013.(美)Faithe Wempen 著,方敏等译.HTML 5从入门到精通.北京:清华大学出版社,2012.(3)教材编写建议本课

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论