《HTML5网页制作技术》课程标准
一、课程性质与任务
《网页制作技术》是计算机学科专业中必修的一门专业技术基础技能课程。而HTML5是Web技术开发最新的网页设计标准。《HTML5网页制作技术》重在介绍HTML5相关理论和设计的方法,是网络技术专业基础课程之一,也是本专业的核心课程。其前序课程有《信息系统综合实践》,后续课程有《Java高级编程应用》等,其主要任务是理解网页设计相关的理论知识,掌握利用HTML5制作网页的方法。
二、课程教学目标
1.知识目标
(1)掌握HTML5与CSS3基础知识及最新技术。
(2)掌握常见HTML5跨平台开发工具。
(3)掌握SEO、BSU等高级实用技术。
(4)掌握JavaScript语言。
2.能力目标
(1)具有分析问题、解决问题的能力。
(2)具有建立实验假设、探索查阅知识的能力。
(3)能够运用系统性思维分析和解决问题。
(4)具有学习的热情和兴趣,能进行自主学习和自我评价,具有良好的变通能力、 一定的创造性思维和批判性思维。
(5)具备扎实的HTML与CSS开发基础。
(6)能够独立进行整体操作规划及规范编写。
(7)能负责地完成任务,具有严格的时间观念以及时间管理意识,能了解本专业职业成长过程,并能做好个人的职业规划。
(8)遵纪守法,爱岗敬业,具有良好的职业道德和职业形象。
3.素质目标
(1)具有较强的专业学习、执行和创新能力。
(2)具有自觉的规范意识、团队协作意识和协作能力。
(3)能运用各种交流手段进行良好地表达和交流。
(4)具有使用英语进行阅读和交流的能力。
(5)具有较强的环境适应、人际交往和组织管理能力。
三、参考学时
总学时72(理论学时36+实践学时36)。
四、课程学分
5学分。html网页设计课程标准
五、课程内容和要求
序号 | 教学项目 | 教学内容与教学要求 | 活动设计建议 | 参考课时 |
1 | HTML5概述 | 教学内容: HTML5的基本概念、HTML5简介、HTML5文件的基本结构、HTML5文件的编写方法、使用记事本手工编写HTML5文件、使用Dreamweaver CS6编写HTML5文件。 教学要求: 1.理解HTML5的基本概念。 2.了解HTML5的发展历程。 3.掌握HTML5文件的基本结构及编写方法。 4.了解HTML5的几种开发工具。 5.掌握代码书写规范。 | 这部分内容主要对HTML5的知识进行系统分析、讲授,理论性强,以教师讲授为主;在HTML5的文件编写中采用分组讨论、案例教学,学生可根据教师提供的案例进行分组讨论和上机展示。 | 4 |
2 | HTML5网页文档结构 | 教学内容: Web标准、HTML标记、符合W3C标准的HTML5网页。 教学要求: 1.了解Web标准及其内容。 2.掌握HTML中的基本标记。 3.掌握符合W3C标准的HTML5网页。 | 这部分理论性较强,是比较抽象的一部分,教师以案例教学法进行详细讲解,然后给出案例(符合W3C标准的HTML5网页)学生上机实现并展示。教师再进行点评总结。 | 4 |
3 | HTML5网页中的文本和图像 | 教学内容: HTML5网页中文本、图像的创建及使用。 教学要求: 1.了解HTML5网页中的网页元素。 2.掌握在HTML5网页中文本和图像的插入方法。 3.掌握列表的创建方法及作用。 4.了解网页中支持的图片格式。 5.掌握路径的定义及使用。 | 这部分内容实践性很强,教授学生安装DreamweaverCS6软件,教学过程采用“教、学、做”一体化方式,以教师为主导,带领学生边学边做。实践环节让学生进行知识强化,灵活掌握。 | 8 |
4 | HTML5网页中的超级链接 | 教学内容: 用HTML5创建超链接。 教学要求: 1.掌握URL的概念。 2.掌握设置文本和图片超链接的方法。 3.掌握超链接的分类 4.理解热点的定义。 5.掌握创建热点的方法。 | 本部分内容实践性很强,学生需用大量的课时练习掌握超链接的创建方法,先由教师进行演示,然后在教师指导下学生完成实验任务并进行总结。 | 4 |
5 | HTML5网页中的表格 | 教学内容: 用HTML5创建表格 教学要求: 1.了解表格的作用。 2.掌握表格基本结构及操作掌握。 3.单元格的定义及操作。 | 本部分内容实践性很强,教师必须教师以案例教学法进行详细讲解并带领同学进行上机操作,同学按照任务进行上机练习并进行总结。 | 4 |
6 | HTML5网页中的表单 | 教学内容: 用HTML5创建表单 教学要求: 1.了解表单的作用。 2.掌握表单中主要表单元素的定义及使用。 3.掌握表单高级元素的使用。 4.掌握创建表单实例的方法。 | 本部分内容理论上难理解,并且实践性很强,教师必须带领同学进行上机操作并给出实验案例,同学按照任务进行上机练习并进行总结。 | 4 |
7 | CSS3概述 | 教学内容: CSS3介绍、CSS3功能、CSS3发展历史、CSS3语法和CSS3使用方法。 教学要求: 1.了解CSS3的定义、功能和发展历史。 2.掌握CSS3的语法。 3.掌握CSS3的使用方法。 | 这部分内容主要对CSS3的知识进行系统分析、讲授,理论性强,以教师讲授为主。学生认真学习并进行总结。 | 8 |
8 | CSS3应用 | 教学内容: CSS3字体与段落属性;CSS3美化表格和表单样式。 教学要求: 1. 掌握利用CSS3设置字体与段落属性。 2. 掌握CSS3设置表格样式。 掌握CSS3设置表单样式。 | 本部分内容实践性很强,教师必须教师以案例教学法进行详细讲解并带领同学进行上机操作,同学按照任务进行上机练习并进行总结。 | 8 |
9 | JavaScript技术基础 | 教学内容: JavaScript概述;JavaScript的作用。 教学要求: 1.了解JavaScript的定义。 2.掌握JavaScript的语言基础。 3.理解JavaScript内置对象及对象编程。 4.掌握利用JavaScript操纵CSS3。 | 本部分内容对JavaScript进行系统讲解,理论性较强,以教师讲授为主。在利用JavaScript操纵CSS3这部分里,实践性很强,教师必须教师以案例教学法进行详细讲解并带领同学进行上机操作,同学按照任务进行上机练习并进行总结。 | 8 |
10 | 综合实践 | 教学内容: 留言板系统的开发与实现 教学要求: 全面掌握所学知识,能够独立进行整体操作规划及规范编写,开发出一个网站系统。 | 本部分内容实践性很强,先由教师给学生提供案例及实训内容,然后在教师指导下学生完成综合实验并进行总结讲评。 | 16 |
六、教学建议
1.教学方法
迭代教学:迭代教学就是把重要的知识、思想、经验在课程中反复涉及到,但每次涉及到这些内容时又不是简单地重复,而是在回顾原有的内容的基础上做进一步地深入和升华,既强化了记忆和理解,又拓展了新的视野,深化了理解。
总结教学法:讲解时一个知识讲解完毕或演示完毕后,将知识所有过程进总结出关键点和注意事项,以此在提醒学生注意。
现场案例教学法:对知识做完理论概述后,为了加深对此知识的理解,通过现场编写代码的方式对此知识做讲解,以加深对此知识的理解和运用。
任务驱动教学法:主要以任务需求来带动教学,每次课都有相应的任务和问题,让学生来完成,培养分析问题、解决问题和思考问题的习惯。
2.评价方法
对学生的评价与考核分三个部分:职业素养考核、知识考核、技能考核,遵循“235”的考核方式:
(1)职业素养考核,包括平时的出勤率、完成书面作业任务的情况、完成实做作业任务的情况等,占总评价成绩的20%。这部分内容重点考核学生的学习过程,包括其学习态度、努力的程度以及表现出来的效果。
(2)教学形成性考核,包括每一部分上机检查。提交有关业务数据备份,并进行电子阅卷。提交实验报告。检查开发的应用程序及相关文档的完整性、正确性。有关实践能力的综合知识考查。占总评价成绩的30%。
(3)期末卷面卷面考试,采用闭卷形式,考试题分对概念的理解和应用,对系统分析、设计、实施的方法和原理的掌握两部分。题型可采用填空题、选择题、简答题、应用题、论述题等多种形式。考核的成绩占总评价成绩的50%。
3.教学条件
依托教学做一体化教室授课,学院网站提供LearnSite教学辅助平台,教辅系统包括教务管
理系统、文献管理系统,网络课程为精品课程平台和各系的教学资源平台。
4.教材编选
(1)选用教材
刘增杰.精通HTML5 + CSS3+JavaScript网页设计.北京:清华大学出版社,2012.
(2)参考资料:
陆凌牛.HTML 5与CSS 3权威指南.北京:机械工业出版社,2011.
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论