人教版（2024）七年级全一册探秘网页与代码备课ppt课件

这是一份人教版（2024）七年级全一册探秘网页与代码备课ppt课件，共23页。PPT课件主要包含了获得哪吒2信息途径，学习目标，网页与HTML代码，显示网页的过程，简单发布网站，简单发布网站步骤，哪一种方法常用，活动2简单发布网站等内容，欢迎下载使用。
思考：我们从抖音、微博、微信公众号、门户网站等途径了解到哪吒2这部电影的信息，本质上都是网页给大家呈现的。
HTML代码是网页的“骨架”
上网浏览时会接触风格各异的网页，里面有文字、图片、音频、视频等多种资源。通过网页中的超链接，可以方便地在网页和资源之间跳转。这一切到底是怎样完成的呢？
左边原网页的元素和右边的源代码是____________的。这里的代码我们称为_______；代码中使用尖括号的部分我们称为_______。
超文本标记语言（HyperText Markup Language），简称HTML，是用于创建网页的标准标记语言。HTML不是一种编程语言，而是一种标记语言，标记语言是一套标记标签（markup tag）。HTML使用标记标签来描述网页。HTML文档包含了HTML标签及文本内容。HTML文档也叫做web页面，包含很多因素，音乐、文字、链接、图片等。
HTML语言是标记语言，标签就是标记符号，浏览器获得网页代码后，就会按照标签的标记，显示相应的文字、图片等，进而呈现出完整的网页效果。
常用的网页标签如下表。
参考左边表格认识以下代码作用
网页设计就像太乙真人用莲藕为哪吒重塑肉身！
我们设计网页的过程就像太乙真人用莲藕拼哪吒！我们用HTML标签搭积木，标签是顶天立地的标题牌，标签是垒故事的文字砖块，标签像画框挂出图片窗。每个标签像一节神奇莲藕，拼出网页的胳膊、腿和笑脸。最后敲下和标签，就像念动复活咒语，空白的屏幕“噗”地跳出会说话的小哪吒！只要我们掌握标签语言，就能在代码世界玩出重塑肉身的境界！
整个网页肉身大体结构如下：
登入教学平台，点击活动1 哪吒的第1个网页。根据要求完成修改网页标题、更换图片、增加图片说明等任务。
活动1 哪吒的第1个网页
制作好网页后，如何发布你的网页让别人看到你的作品。
看老师演示如何进行网站发布
1、下载活动1设计的网页，并保存到本地（比如桌面）。 2、根据网站发布的要求，网站首页通常要使用index命名，修改下载的网页的重命名为index.html，并在桌面上新建一个文件夹，作为网站目录，将index.html文件移动到新建的文件夹中。 3、下载网站发布软件到新建的文件夹中，运行该程序，查看浏览器显示的网站内容。
4、体验网站图片显示两种方法。 方法一：指向了一个图片文件，找到下载的图片，保存到刚才新建的文件夹中，使用记事本打开index.html，修改图片位置代码。 方法二：把图片文件中的数据按Base64 编码方案进行了编码。编码后，二进制的图片数据就可以用字符串的形式表示出来。浏览器可以识别 Base64 编码，并显示图片。此时，图片数据保存在字符串中，因而不再需要原始图片文件。 图片Base64 编码基本原理：读取图片的二进制数据，编译成浏览器可以识别的Base64编码，图片在网页中就可以使用编码形式存在而不依耐原来的图片文件。
登入教学平台，根据前面介绍与活动2的步骤要求，完成该任务。
HTML是一种可用于描述网页的语言。
HTML语言中用于标记内容、格式或超链接的代码符号叫标签。
网站发布可以快速分享自己的作品
修改标签及内容，可以改变网页的显示效果。