HTML5课程标准

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

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

3、能力。(2) 具有自觉的规范意识、团队协作意识和协作能力。(3) 能运用各种交流手段进行良好地表达和交流。(4) 具有使用英语进行阅读和交流的能力。(5) 具有较强的环境适应、人际交往和组织管理能力。三、参考学时总学时72 （理论学时36+实践学时36）四、课程学分5学分。五、课程内容和要求序 号教学 项目教学内容与教学要求活动设计建议4 -IV. 参考 课时教学内容：HTML5勺基本概念、HTML圖介、 HTML5fc件的基本结构、HTML文件 的编写方法、使用记事本手工编写这部分内容主要对HTML5的知识 进行系统分析、讲 授，理论性强，以 教师讲授为主；在HTML5的文件编 写中采用分组

4、讨1HTML5HTML5fc件、使用 Dreamweaver CS6 编写HTML文件。4概述教学要求：论、案例教学，学1.理解HTML的基本概念。生可根据教师提2. 了解HTML的发展历程。供的案例进行分3.掌握HTML文件的基本结构及编组讨论和上机展写方法。4. 了解HTML的几种开发工具。5. 掌握代码书写规范。示。HTML5教学内容：Web标准、HTML标记、符合W3C标准 的HTML胸页。这部分理论性较 强，是比较抽象的 一部分，教师以案 例教学法进行详2网页教学要求：细讲解，然后给出4文档1. 了解Web标准及其内容。案例（符合W3C结构2.掌握HTM中的基本标记。标准的HTML5

5、网3.掌握符合W3C标准的HTML胸页。页）学生上机实现 并展示。教帅冉进 行点评总结。序 号教学 项目教学内容与教学要求活动设计建议4 -IV. 参考 课时3HTML5网页 中的 文本 和图 像教学内容：HTML胸页中文本、图像的创建及使 用。教学要求：1. 了解HTML网页中的网页元素。2. 掌握在HTML删页中文本和图像 的插入方法。3. 掌握列表的创建方法及作用。4. 了解网页中支持的图片格式。5掌握路径的定义及使用。这部分内容实践 性很强，教授学生 安装DreamweaverCS6 软件，教学过程采 用“教、学、做” 一体化方式，以教 师为主导，带领学 生边学边做。实践 环节让学生进

6、行 知识强化，灵活掌 握。84HTML5网页 中的 超级 链接教学内容：用HTML5创建超链接。教学要求：1. 掌握URL的概念。2. 掌握设置文本和图片超链接的方 法。3. 掌握超链接的分类4. 理解热点的定义。5. 掌握创建热点的方法。本部分内容实践 性很强，学生需用 大量的课时练习 掌握超链接的创 建方法，先由教师 进行演示，然后在 教师指导下学生 完成实验任务并 进行总结。45HTML5网页 中的 表格教学内容：用HTML5创建表格教学要求：1. 了解表格的作用。2. 掌握表格基本结构及操作掌握。3. 单元格的定义及操作。本部分内容实践 性很强，教师必须 教师以案例教学 法进行详细讲解

7、 并带领同学进行 上机操作，同学按 照任务进行上机 练习并进行总结。46HTML5网页 中的 表单教学内容：用HTML5创建表单教学要求：1. 了解表单的作用。2. 掌握表单中主要表单元素的定义 及使用。3. 掌握表单高级元素的使用。4. 掌握创建表单实例的方法。本部分内容理论 上难理解，并且实 践性很强，教师必 须带领同学进行 上机操作并给出 实验案例，同学按 照任务进行上机 练习并进行总结。4序 号教学 项目教学内容与教学要求活动设计建议4 -IV. 参考 课时7CSS3概述教学内容：CSS3介绍、CSS3功能、CSS3发展历 史、CSS3语法和CSS3使用方法。教学要求：1. 了解CSS

8、3的定义、功能和发展历 史。2. 掌握CSS3的语法。3. 掌握CSS3的使用方法。这部分内容主要 对CSS3的知识进 行系统分析、讲 授，理论性强，以 教师讲授为主。学 生认真学习并进 行总结。88CSS3应用教学内容：CSS3字体与段落属性；CSS3美化表 格和表单样式。教学要求：1. 掌握利用CSS3设置字体与段落 属性。2. 掌握CSS3设置表格样式。 掌握CSS3设置表单样式。本部分内容实践 性很强，教师必须 教师以案例教学 法进行详细讲解 并带领同学进行 上机操作，同学按 照任务进行上机 练习并进行总结。89JavaS cript 技术 基础教学内容：JavaScript 概述；J

9、avaScript 的作 用。教学要求：1. 了解 JavaScript 的定义。2. 掌握JavaScript的语言基础。3. 理解JavaScript内置对象及对象 编程。4. 掌握利用JavaScript操纵CSS3本部分内容对JavaScript 进行 系统讲解，理论性 较强，以教师讲授 为主。在利用JavaScript 操纵CSS3这部分里，实 践性很强，教师必 须教师以案例教 学法进行详细讲 解并带领同学进 行上机操作，同学 按照任务进行上 机练习并进行总 结。810综合 实践教学内容：留言板系统的开发与实现教学要求：全面掌握所学知识，能够独立进行整 体操作规划及规范编写，开发出一

10、个 网站系统。本部分内容实践 性很强，先由教师 给学生提供案例 及实训内容，然后 在教师指导下学 生完成综合实验 并进行总结讲评。16六、教学建议1. 教学方法 迭代教学：迭代教学就是把重要的知识、思想、经验在课程中反复涉及到，但每 次涉及到这些内容时又不是简单地重复， 而是在回顾原有的内容的基础上做进一步地 深入和升华，既强化了记忆和理解，又拓展了新的视野，深化了理解。总结教学法：讲解时一个知识讲解完毕或演示完毕后，将知识所有过程进总结出 关键点和注意事项，以此在提醒学生注意。现场案例教学法：对知识做完理论概述后，为了加深对此知识的理解，通过现场 编写代码的方式对此知识做讲解，以加深对此知识

11、的理解和运用。任务驱动教学法：主要以任务需求来带动教学，每次课都有相应的任务和问题， 让学生来完成，培养分析问题、解决问题和思考问题的习惯。2. 评价方法 对学生的评价与考核分三个部分：职业素养考核、知识考核、技能考核，遵循 “235”的考核方式：（ 1）职业素养考核，包括平时的出勤率、完成书面作业任务的情况、完成实做 作业任务的情况等，占总评价成绩的 20%。这部分内容重点考核学生的学习过程，包 括其学习态度、努力的程度以及表现出来的效果。（2）教学形成性考核，包括每一部分上机检查。提交有关业务数据备份，并进 行电子阅卷。提交实验报告。检查开发的应用程序及相关文档的完整性、正确性。有 关实践

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