赣科技版信息科技七年级上册 第7课《网页结构设计》第1课时 教案.doc

第7.1课《网页结构设计》教学设计

课题

网页结构设计

单元

第七单元

学科

信息技术

年级

七年级上

核心素

养目标

1、信息意识：了解HTML的重要性，认识HTML在制作和显示网页内容中的基础作用，提升对网页技术的基本认知。

2、计算思维：学会HTML标签的基本用法，理解头部和主体部分的结构，培养用逻辑和系统思维解决问题的能力。

3、数字化学习与创新：能够编写简单的HTML文档，运用所学知识创造具有标题和段落的网页，激发数字化学习兴趣和创新精神。

4、信息社会责任：理解HTML在网页制作中的规范性，养成遵守互联网信息发布规则的意识，尊重网上信息资源的规范和版权。

教学重点

了解HTML的基本概念

认识HTML文档的组成

教学难点

熟悉HTML文档的结构

理解基本的HTML标签

教学过程

教学环节

教师活动

学生活动

设计意图

导入新课

视频导入：《什么是HTML》

观看视频，了解HTML的基本概念。

培养学生的观察力和创造力，

讲授新课

一、想一想

认识HTML

1、什么是HTML

HTML的全称为超文本标记语言，它包括一系列的标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。

2、HTML与网页的关系

我们常说的网页其实就是一个HTML文档，Web浏览器的作用是读取HTML文档，并以网页的形式显示出它们。浏览器不会显示HTML标签,而是使用标签来解释页面的内容。

3、HTML文档的基本结构

标准的HTML都具有一个基本的结构，如下！

html标记网页的开始

head标记头部的开始

title浏览器中显示的文档标题/title

body标记页面正文的开始

/body标记页面正文的结束

/html标记网页的结束

3、HTML文档的基本结构

由尖括号包围的关键词，如“title”称为HTML标签，通常成对出现，分为开始标签和结束标签。

由标签和标签间的内容合成网页文件，网页文件一般用.htm或.html扩展名命名。浏览器对网页文件进行解析，将网页内容呈现给用户，如图所示，左为浏览器解析的内容，右为运行结果。

HTML5

HTML5是公认的下一代Web语言，它极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手。

二、议一议

1、一个完整的HTML文档包括哪些基本部分？

（1）文档类型声明：告诉浏览器这是一个HTML5文档，例如!DOCTYPEhtml。

（2）HTML标记：标记网页的开始和结束，例如html和/html。

（3）头部部分：包含不显示在页面上的信息，例如head，title。

（4）标题部分：设置网页的标题，显示在浏览器标签页上，例如title我的网页/title。

（5）主体部分：包含网页上实际显示的内容，例如body，h1和p。

2、为什么标签是网页的基础单元？

（1）结构定义：标签决定了网页的整体结构，例如标题、段落和列表。

（2）内容显示：标签包围和标记内容，让浏览器知道如何显示这些内容。

（3）链接资源：标签可以链接图片、视频和其他网页资源，使网页更丰富和互动。

（4）语义信息：标签提供了网页内容的语义信息，使有哪些信誉好的足球投注网站引擎和辅助技术能更好地理解网页。

（5）技术兼容：标签让有哪些信誉好的足球投注网站引擎和屏幕阅读器理解网页内容，从而使网页更容易被找到和访问。

三、想一想

认识HTML

3、HTML的作用

自1990年以来，HTML就一直被用作万维网的信息表示语言。使用HTML描述的文件需要通过Web浏览器显示出效果。

HTML是一种建立网页文件的语言，通过标记式的指令，将影像、声音、图片、文字动画、影视等内容显示出来。

事实上，每一个HTML文档都是静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，只是一种在排版网页中，资料显示位置的标记结构语言，简单易学。

HTML的普遍应用就是因为带来了超文本的技术--通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面，与世界各地主机的文件链接。超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。

四、议一议

1、为什么HTML被广泛使用？

（1）简单易学：HTML容易学习，即使是初学者也能很快掌握。

（2）广泛兼容：HTML被所有的网页浏览器支持和识别，因此可以在任何设备上显示。

（3）灵活多用：HTML可以展示文字、图片、视频和声音等多种内容，非常多功能。

（4）结构清晰：HTML使用标签来组织内容，使得网页结构清晰明了。

（5）互联性强：使用超文本链接（如a标签），可以轻松地从一个页面跳到另一个页面，实现全球信息互联。

2、学习HTML对于将来制作网页有什么好处？

（1）建立基础知识：