《第14课 初识HTML5》教学设计.docx
学而优教有方
PAGE2/NUMPAGES2
摄影版（2020）四年级下册信息技术
教学主题
第14课《初识HTML5》
课型
新授课
适用班级
四年级
教学时间
1课时
教材与学情简析
随着信息技术的快速发展，特别是网络应用的普及，人们的沟通方式、交流时间与空间等都发生了非常大的变化，这些变化不断地改变着人们的思维与交往模式，深刻影响人们的生活、工作与学习，已经超越单纯的技术工具价值，学生不仅要理解信息技术对人类社会的影响，更应理解和掌握信息技术的学科知识与技能，进一步提升分析问题、解决问题的能力。
通过对前几课的学习，学生已经掌握了基本的上网操作，学会了浏览网页、下载资源。本课主要是让学生简要地了解HTML的基本概念及发展历程；学会查看网页源代码及应用特点；了解网页中文本、图形、动画、声音、视频、表格、链接等信息是由HTML语言来描述的，HTML语言能将分散的互联网资源连接为一个逻辑整体；进一步了解网页组织信息的方式。
通过本课的学习，学生能了解浏览网页时看到的信息是由HTML语言标记的，在浏览器中通过对信息的处理将其进行转换，在屏幕上呈现；了解超文本标记语言从HTML发展到HTML5，是在不断地改进与更新，让用户拥有了更好的体验。
教学目标
知识与技能：
了解超文本标记语言的概念。
2.了解查看网页源代码的基本操作。
3.理解基于HTML5的应用特点。
过程与方法：
1.通过讲解与实践操作，了解超文本标记语言的概念，了解查看网页源代码的基本操作，理解基于HTML5的应用特点。
情感态度与价值观：提升价值的判断能力和负责任的行动能力，培养团结协作能力，激发对信息技术课堂的热爱。提升分析问题、解决问题的能力。
重点
查看网页源代码的基本操作，理解基于HTML5的应用特点。
难点
理解基于HTML5的应用特点。
所需资源和环境
l.网络通畅的计算机机房。2.一个基于H5页面制作工具制作的作品。3.移动终端。
数字化资源
教学素材、教案、ppt
常规资源
教学素材、教案、ppt
教学环境
多媒体网络教室
教学过程设计
教学环节
教学设计
教学设计
教师活动
学生活动
设计意图
新课导入
1、情景展示
乐乐：我想制作一份图文并茂、有声有色且易于交流的“数字名片”，可找不着好帮手，怎么办？
博士：很多H5页面制作工具能帮你实现。别着急，我们先来了解什么是H5。
2、揭示课题
H5是HTML5的简称，“HTML”是指描述网页的标准语言，“5”是指它的第5个版本。
二、新知学习
（一）、认识HTML
HTML是超文本标记语言（HyperTextMarkupLanguage）的英文缩写，该语言使用一套标签或标记来描述网页中的文字、图片、表格、链接等。
用浏览器浏览网页时，一般通过单击鼠标右键，选择“查看网页源代码”，就可以看到当前网页的HTML源代码了。
情景展示：
乐乐：为什么有这么多尖括号啊？
博士：这就是HTML标签，它们通常是
成对出现的，有着特殊的含义。
itle标签就是标记文档的标题。
小知识：
浏览器的作用主要是读取HTML文档，并以网页的形式显示文档中的内容。
（二）、从HTML到HTML5
作为互联网的通用标准语言，HTML在计算机网络的发展过程中起着很重要的作用。HTML在1993年发布1.0版以后，随着网络技术的发展，多次改版升级，功能越来越完善，能更好地处理互联网中的应用，如网页中图形的绘制，音频、视频的加载等。
HTML5是随着移动终端的快速普及而得到广泛应用的。这个版本的优点主要是可以跨设备、跨平台使用，页面加载更快，用户体验更好。
教你一招：
打开网页，按下Ctrl+U键，就能快速打开你正在浏览的网页的源代码了。
（三）、基于HTML5的应用特点
HTML5提供了许多新的功能，实现了更丰富的图形化界面和更友好的人机交互，页面内容的交互性更强了。
三、巩固练习
上网搜索关于Word文档、TXT文件、HTML文件格式的说明，比较这三种文件格式的区别，将自己的发现整理成研究报告。
四、拓展延伸
1、常见浏览器的内核
常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari、腾讯TT、360极速浏览器、百度浏览器等等。用户看到的、使用的仅仅只是浏览器本身，却很少能看到浏览器最核心的部分——浏览器内核。
常见浏览器的内核有：Trident、Gecko、Blink、Webkit。
浏览器内核可以分成两部分：渲染引擎和JS引擎。渲染引擎负责取得网页的内容以及网页的显示方式，然后输出至显示器或打印机。浏览器内核的不同，导致对于网页的语法解释会有所不同，所以渲染的效果也不相同，因此网页编写者需要在不同内核的浏览器中测试网页显示效果；JS引擎则是解析JavaSc