中小学教育资源及组卷应用平台 第7.1课《网页结构设计》教学设计 课题 网页结构设计 单元 第七单元 学科 信息技术 年级 七年级上 核心素养目标 1、信息意识：了解HTML的重要性，认识HTML在制作和显示网页内容中的基础作用，提升对网页技术的基本认知。2、计算思维：学会HTML标签的基本用法，理解头部和主体部分的结构，培养用逻辑和系统思维解决问题的能力。3、数字化学习与创新：能够编写简单的HTML文档，运用所学知识创造具有标题和段落的网页，激发数字化学习兴趣和创新精神。4、信息社会责任：理解HTML在网页制作中的规范性，养成遵守互联网信息发布规则的意识，尊重网上信息资源的规范和版权。 教学重点 了解HTML的基本概念认识HTML文档的组成 教学难点 熟悉HTML文档的结构理解基本的HTML标签 教学过程 教学环节 教师活动 学生活动 设计意图 导入新课 视频导入：《什么是HTML》 观看视频，了解HTML的基本概念。 培养学生的观察力和创造力， 讲授新课 一、想一想认识HTML1、什么是HTMLHTML的全称为超文本标记语言，它包括一系列的标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。2、HTML与网页的关系我们常说的网页其实就是一个HTML文档，Web浏览器的作用是读取HTML文档，并以网页的形式显示出它们。浏览器不会显示 HTML标签,而是使用标签来解释页面的内容。3、HTML文档的基本结构标准的 HTML 都具有一个基本的结构，如下！标记网页的开始标记头部的开始
浏览器中显示的文档标题标记页面正文的开始标记页面正文的结束标记网页的结束3、HTML文档的基本结构由尖括号包围的关键词，如“
”称为HTML标签，通常成对出现，分为开始标签和结束标签。由标签和标签间的内容合成网页文件，网页文件一般用 .htm 或 .html 扩展名命名。浏览器对网页文件进行解析，将网页内容呈现给用户，如图所示，左为浏览器解析的内容，右为运行结果。HTML5HTML5 是公认的下一代 Web语言，它极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手。二、议一议1、一个完整的HTML文档包括哪些基本部分？（1）文档类型声明：告诉浏览器这是一个HTML5文档，例如 <!DOCTYPE html>。（2）HTML标记：标记网页的开始和结束，例如 <html> 和 </html>。（3）头部部分：包含不显示在页面上的信息，例如 <head>，<title>。（4）标题部分：设置网页的标题，显示在浏览器标签页上，例如 <title>我的网页。（5）主体部分：包含网页上实际显示的内容，例如 ，
和
。2、为什么标签是网页的基础单元？（1）结构定义：标签决定了网页的整体结构，例如标题、段落和列表。（2）内容显示：标签包围和标记内容，让浏览器知道如何显示这些内容。（3）链接资源：标签可以链接图片、视频和其他网页资源，使网页更丰富和互动。（4）语义信息：标签提供了网页内容的语义信息，使搜索引擎和辅助技术能更好地理解网页。（5）技术兼容：标签让搜索引擎和屏幕阅读器理解网页内容，从而使网页更容易被找到和访问。三、想一想认识HTML3、HTML的作用自1990年以来，HTML就一直被用作万维网的信息表示语言。使用HTML描述的文件需要通过Web浏览器显示出效果。HTML是一种建立网页文件的语言，通过标记式的指令，将影像、声音、图片、文字动画、影视等内容显示出来。事实上，每一个 HTML 文档都是静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，只是一种在排版网页中，资料显示位置的标记结构语言，简单易学。HTML的普遍应用就是因为带来了超文本的技术--通过单击鼠标从一个主题跳转到另一个主题 ... ...
