【摘 要】
:
摘要:HTML5标准自发布以来已经广泛运用于传统多媒体资源以及移动设备中,使得互联网进入一个更为开放的时代。本文提出在教学实验中使用Html5新特性,使得学生能够理解HTML5标准的新特性的具体作用以及能够在网页设计中实际应用。 关键词:Html5;网页设计;实验教学 1.《Web技术基础》课程教学现状 《Web技术基础》是计算机科学与技术及网络工程等相关专业的专业课,是一门实用性很强的综合
论文部分内容阅读
摘要:HTML5标准自发布以来已经广泛运用于传统多媒体资源以及移动设备中,使得互联网进入一个更为开放的时代。本文提出在教学实验中使用Html5新特性,使得学生能够理解HTML5标准的新特性的具体作用以及能够在网页设计中实际应用。
关键词:Html5;网页设计;实验教学
1.《Web技术基础》课程教学现状
《Web技术基础》是计算机科学与技术及网络工程等相关专业的专业课,是一门实用性很强的综合性计算机技术课程。本课程全面介绍互联网的发展历史、Web的工作原理、计算模式和软件体系结构的演变、Web核心技术、互联网语言、Web设计模式、Web客户端开发、Web服务端开发等内容。通过本课程的学习,学生将掌握基本的 Web站点的构建技术、较好的Web开发技术[1]。
课程的主要教学内容包括Web基础内容的学习,包括Web前端技术的学习。包括网页的基础HTML(HyperText Markup Language,超文本标记语言)标记语言、网页表现标准CSS(Cascading Style Sheets,层叠样式表)以及行为标准DOM(Document Object Model,文档对象模型)以及相关JavaScript脚本语言的学习。这三部分的内容是Web技术的最核心的部分,熟练掌握该部分内容可以为后续Web服务端部分的内容打下良好的基础。
目前《Web技术基础》课程总学时为32个学时,根据大纲的要求分为理论授课和教学实验。其中理论授课为16个学时,教学实验为16个学时。实验共有8次,分别对HTML基础、CSS样式、DOM标准以及服务器开发的内容进行实际操作。其中前端部分的比重较大,尤其是HTML5的新特性(包括新标签、新属性以及CSS3的使用)对于学生是全新的内容,学生的学习热情及意愿度较高,且该部分内容较好体现了课程的核心及本质,因此也是课程教学的重点。
2.Html5新特性在实验中的应用
2.1 HTML5新特性
相较于早期的HTML的版本[2],HTML5文件仍然是由一些标签语句组成的文本文件,标签标识了内容和类型,Web浏览器通过解析这些标签进行显示。但为了更好地处理如今日新月异的互联网应用且兼容种类繁多的移动设备,HTML5添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式化处理。废止了一些兼容性不好的老式标签以及属性。另外HTML5中很多标签添加了语义化的含义,如
、、、、、等。采用这些新的标签能够更好的在网页设计的过程中体现逻辑分区的概念,并能更好的标记处网页中各部分的之间的关系,同时也提高了网页设计的调试效率和网络搜索引擎的正确率。
因此在教学中,除了介绍HTML标记语言最基本的标签内容外,应当重点介绍HTML5标准与前期版本之间的差异性,尤其是新特性中新标签、新属性以及样式表中新樣式出现的含义和作用,以及如何在实际网页设计中进行使用。
2.2 Html5新特性实验
Html5实验的目的包括:
(1)学习编写HTML5文档的方法和技巧;
(2)学习并掌握HTML5新增的各类标签;
(3)练习使用HTML5中的一些新增标签和元素。
实验分为两题,第一题考察学生HTML5新增的多媒体标签及其属性的掌握。第二题考察学生对表格及表单的使用,要求在设计中使用相应的新属性。
第一题的要求实现的效果如图1所示。
其中要求使用HTML5的video元素,打开网页后视频可以自动播放;视频上方用h1标签输入标题“认识video元素”;视频大小设置为1024X768。
第二题的要求实现的效果如图2所示。
其中要求表格中嵌套表单,表格在整个网页居中显示,表格边框设置为1;表单的数字输入部分,最大数值设为20,最小数值设为0,默认数值设为0;表单的拖动条部分,value值设为70。
所需的软硬件及实验环境如下:
硬件:台式机联想H3050;
软件:JetBrains WebStorm 11.0.3;
运行环境:WindowsXP/7/10。
另外要求学生考察自己设计的网页在常见的浏览器(如Internet Explorer、Firefox、Opera、chrome和Safari)中显示的效果,体验新标签在不同浏览器中的兼容性。
3.教学效果评价
由于选修该课程的大部分学生是计算机及相关理工科专业,前期学习过《计算机网络》、《网页设计》等基础课程,因此对于网站建设及Web的运行机制及原理较为熟悉,能够熟练地利用WebStorm工具对较为简单的网页进行设计及实现,通过理论授课时学生的反馈以及实验的提交的结果,教学效果较为突出,达到了预设的教学目的。
4.结语
本课程是一门实践性都很强的课程,实验是学习该课程的非常重要的教学环节,通过上机实验能够加深理解和巩固书本上所学的知识,能够提高动手操作的能力以及分析问题和解决问题的能力。
教学中利用现有设备和资源,并结合学生实际情况制定了较为合理的实验内容,取得了不错的教学效果。
参考文献:
[1]张树明. Web前端设计基础-HTML5、CSS3、JavaScript [M].北京:清华大学出版社.2011.
[2]Html5,百度百科: https://baike. baidu. com/item/html5/4234903?fr=aladdin,2013年6月27日.
作者简介:肖锋(1985—),男,讲师,博士,研究方向:计算机应用、信息安全。
其他文献
摘要:在初中历史教学中贯彻道德教育,既符合历史学科的特点,也符合学生心理特点。因此,历史教学中把国情与道德情感教育相结合,精心选择德育教育的内容,正确选择教育的方法,培养良好的道德情操,做一个人格健全的人,是每位教师的责任和义务。 关键词:道德教育;德育资源;德育素养 随着改革开放的进一步深入,人的价值观和道德观发生了很大的变化,新课标也要求教师不仅让学生掌握知识与技能,还应树立正确的情感、态
摘要:精准扶贫工作的落实,难度急剧上升。由于在早期扶贫工作的推广之后,剩下的多为条件较差、基础较弱、贫困程度较深的地区和群众。借助新媒体技术、资源、传播推广力度,加强精准扶贫工作的质量,有望赢得精准扶贫工作的攻坚任务。为此,本文分析了运用新媒体助力精准扶贫的发展策略,希望对提升精准扶贫质量有所助益。 关键词:新媒体;传播模式;精准扶贫;运用方法 引言 习近平总书记强调:“言必信,行必果。农村
摘要:如今市场经济的快速发展在带来了经济快速增长的同时也使得企业面临更多风险,越来越多的不确定事项很大程度上影响着企业的发展,企业存在的或有事项严重阻碍其未来的发展且有着潜在风险,因而对预计负债的研究有助于企业对风险的防范。预计负债是指企业需要确认的或有负债,并在资产负债表中列为单独负债。针对这一问题,提出了根据债务流动和会计学科划分的非流动性预期明确,预计负债的性质,会计和报告,丰富了会计信息内
为更好地研究网络剧的接受情况对代大学生价值观的影响,现对某职业院校在校大学生观看电视剧(网络剧)情况进行了问卷调查,共计8192名同学参与了问卷调查,参与答题人数约占该学校在校生总人数的34.09%:其中2018级学生5551名,占答题人数的67.76%;2017级学生2351名,占答题人数的28.70%;2016级学生218名,占答题人数的2.66%;2016级以前的学生72名,占答题人数的0.
摘要:跨文化商务交际是人与人之间交际的一种特殊存在,而它的特殊性则表现出不同国家地区、不同文化背景以及不同风俗习惯中所使用的语言和非语言因素之间的差异,因此,在我们进行实际的跨文化商务交际活动中,应当尽量避免文化差异所带来的不利因素,合理运用语言和非语言因素。因此,本文针对这两种因素进行了分析。 关键词:跨文化交际;商务交际;语言交际;非语言交际 随着互联网时代的不断发展,各行各业的交流也变得
摘要:随着社会经济的快速发展和人们生活水平的不断提升,在满足基本物质条件的基础上,建筑室内空间设计工作也被提出了更高的要求。本文从植物配景可以在美化环境的同时净化室内空气以及优化建筑室内空间、陶冶主人情操两个方面入手,对植物配景在建筑室内空间设计中的运用做出深入分析,希望能为相关室内设计工作的开展提供参考价值。 关键词:植物景观;室内设计;应用 近年来,植物景观配置与建筑室内的空间设计相结合的
摘要:思想政治教育是高校教育的重点,也是学生发展的关键。高校辅导员的工作复杂而又繁重,在其工作中存在诸多的问题,本文将对这些问题进行分析,找出解决方法,提出改进意见,希望对高校辅导员开展思想政治教育工作有所帮助。 关键词:辅导员;思政教育;工作技巧 1.思想政治教育在高校教育中的作用 思想政治教育有着重要地位。于社会层面,为大学生提供发展方向,整合中坚力量,净化成长环境;于个人层面,让大学生
摘要:建筑项目工期控制情况关乎建筑单位成本经济效益和形象,不仅是自身实力的体现,也是确保工程项目建设可以高效高质完成的关键因素。建筑企业应当在工程建设过程中,制定完善的整体规划制度,切实控制好项目的进度。因此,本文针对建筑工期控制影响因素进行了探讨并结合问题原因,提出相应的建议策略。 关键词:建筑工程;项目管理;工期控制 前言 工程工期项目管理是建筑企业整合各个工作环节,在整体规划指导下,建
摘要:SRT项目激励法教学法是高等教育教学改革中非常有效的一种手段,混合式教学也是现在效果显著的教学方法。本文在交通控制课程中引入这两种教学法,学生学习积极性明显提高,通过近三年教学效果分析,我们得出这是一种行之有效的方法,值得推广。 关键词:项目激励;混合式教学;教学改革;交通控制 SRT计划(Student Research Training)是加强培养学生创新意识和创新能力,使本科生及早
摘要:MOOC是教育领域出现的一种新型的教学模式,在地方院校职业教育改革中发挥了重要作用。本文针对军队院校职业教育的特点,结合汽车士官多媒体课程教学改革,提出了MOOC应用的思路和方法。 关键词:MOOC;汽车士官;多媒体课程教学 多媒体课程是我校汽车士官各专业学员信息素质培养的一项重要内容,深受学员的欢迎。经过多年的教学改革和发展,已经形成了“教学练一体化”的教学模式,取得了良好的教学效果。