初中信息技术人教版（2024）七年级全一册探秘网页与代码课堂教学ppt课件

这是一份初中信息技术人教版（2024）七年级全一册探秘网页与代码课堂教学ppt课件，文件包含人教版信息科技七年级416探秘网页与代码同步课件pptx、人教版信息科技七年级416探秘网页与代码同步教案docx等2份课件配套教学资源，其中PPT共20页， 欢迎下载使用。
行业PPT模板http/hangye/
了解网页与代码之间的对应关系。初步认识 HTML 语言，知道常用标签的作用。验证网页内容的保存形式。
学校每年科技节都会有许多科技体验项目，也有制作“科技节体验项目”网站的传统，今年轮到我们班承担网站制作的任务。同学们浏览了往年的科技节网站作品，发现一个网站包含多个网页文件，每个网页文件保存着一堆代码。很多同学对此感到好奇。
1. 网页与 HTML 代码有什么关系？2. 浏览器是如何显示网页的？3. HTML 代码是不是必须保存在网页文件中？
上网浏览时会接触风格各异的网页，里面有文字、图像、音频、视频等多种资源。通过网页中的超链接，可以方便地在网页和资源之间跳转。这一切到底是怎样完成的呢？
网页代码，就是指在网页制作过程中需要用到的一些特殊的"语言"，设计人员通过对这些"语言"进行组织编排制作出网页，然后由浏览器对代码进行"翻译"后才是我们最终看到的效果。制作网页时常用的代码有HTML，JavaScript，ASP，PHP，CGI等，其中超文本标记语言(标准通用标记语言下的一个应用、外语简称：HTML)是最基础的网页代码。
学习活动1浏览网页，调出浏览器的“开发人员”工具，观察页面代码
超文本标记语言（HyperText Markup Language），简称HTML，是用于创建网页的标准标记语言。HTML不是一种编程语言，而是一种标记语言，标记语言是一套标记标签（markup tag）。HTML使用标记标签来描述网页。HTML文档包含了HTML标签及文本内容。HTML文档也叫做web页面，包含很多因素，音乐、文字、链接、图片等。
浏览器获得网页代码后，就会按照这些代码的要求，显示相应的文字、图像等，进而呈现出完整的网页效果。
学习活动21. 用《记事本》软件打开网页文件，尝试通过改代码的方式完成修改网页标题、更换图像、增加图像说明等任务。2. 参照以下方法进行操作，在网页中显示一张笑脸图。
方法一：修改网页，让它显示计算机中的图像文件001.png。浏览网页，观察显示效果。提示:方法二：运行《图像编码转换器》软件，选择图像文件 001.png后进行编码转换，然后用运行结果替换网页中的标签。确保网页所在文件夹中没有图像文件001.png后，浏览网页，观察显示效果。提示: