浙教版（2023）八年级上册信息科技 第10课 网页的编辑与发布 课件.pptxVIP

网页的编辑与发布《第九课》

学习目标1、了解常用的网页开发工具及其特点2、学会使用记事本编写简单的HTML代码，并能保存为网页文件3、理解网站发布的一般流程和常见途径

目录01.课前导入02.网页开发工具03.编写网页04.探究网站发布

课前导入01

课前导入问题思考：“同学们你们知道哪些软件可以用来编辑网页？

导入新课是的，有许多，例如：基本文本编辑器：如Windows记事本，纯手工代码编写。增强型代码编辑器：如Notepad++、VisualStudioCode，有语法高亮和提示功能所见即所得编辑器：如Dreamweaver（以前有FrontPage），可视化设计界面

网页开发工具02

01.网页开发工具制作网站的一般流程是确定网站主题，围绕主题设计网站栏目内容，规划主页和分页，编辑网页，调试并发布网站。那我们来思考下：那网页有哪些开发工具尼？

01.网页开发工具网页开发工具有很多种：例如专门设计和开发网页的软件，能以可视化的方式进行网页的编辑制作;还有专业的HTML编辑器，能自动生成成对的编辑;HTML文件是一个文本文件，因此可以使用纯文本编辑器进行编写，通过浏览器来解释执行。

01.网页开发工具01.认识HTML文件含义：HTML文件本质上是文本文件，通过浏览器解释执行使用记事本编写代码后，保存时文件类型应选择“所有文件”，扩展名必须为.html或.htm。网页字符编码（知识链接）简要说明字符编码的作用（避免乱码）介绍常见编码：GB2312,GBK,UTF-8（强调UTF-8最常用，支持多语言）展示代码实例：metacharset=UTF-8通常放在head标签内。

编写网页03

二、编写网页内容回顾刚刚我们认识了网页的各种开发工具，那接下来我们来学习，如何通过各种开发工具进行网页的编写尼（本节课主要学习通过HTML来进行网页的编写）。

二、编写网页在文本编辑器编写时，HTML代码中的标签是不区分大小写，标签title/title可以设置网页名称，打开网页会看到网页名称显示在窗口标题栏，便于浏览器收藏网页，可以选择网页名称调用查看。通常一个网站包含多张网页，存放在同一个文件夹中，网站的主页命名为index.html。用“记事本”编写网页，将HTML代码输入到记事本中，保存扩展名为.html的文件，同步选择保存类型为“所有文件”，保存完成后就可以在浏览器打开此文件查看效果。

二、编写网页01.探究网站发布问题思考：什么是发布网站：将网站文件夹传送到网页服务器上，并进行配置，使其可通过网络访问为什么发布网站：共享内容和信息。拓展影响力和可见度。提供易于访问的信息和功能。与用户互动和建立联系。

二、编写网页02.发布途径介绍三种主要途径：使用免费个人主页空间：需在线申请，通常有一定限制。使用虚拟主机服务器：付费租用服务商提供的服务器空间，常用方式。使用专用服务器：自行购置、配置和维护服务器硬件与软件，成本高，技术要求高。

二、编写网页网页字符编码浏览器与服务器之间需要传递、处理的数据信息十分复杂，为了便于使用与协同、实现正确识别，通常对网页进行统一字符编码，以免出现网页乱码。比较常见的网页字符编码有GB2312、GBK和UTF-8。HTML文件中meta标签的charset属性是设置网页字符编码的方式，一般位于HTML文件的head/head之间，代码为metacharset=UTF-8。知识点补充：

发布与访问网站04

三、发布与访问网站网站发布有何作用？网站发布的方法有哪些？

三、发布与访问网站01.网站发布的作用：网站发布后，可以让更多人通过访问发布地址浏览该网站。

三、发布与访问网站02.发布网站的方法发布网站是将网站文件夹传至网页服务器上，完成配置后可发布浏览。一般有以下三个途径：一是使用免费个人主页空间发布网站，需要进行申请;二是使用专用服务器发布网站;三是使用虚拟主机服务器发布网站。

三、发布与访问网站课堂活动之实际操作：要求：各组将完成的网站文件夹统一命名为组名（如“80401”）。使用FTP客户端软件（或Windows资源管理器输入FTP地址）或直接拷贝，根据教师提供的FTP服务器地址、账号和密码，将网站文件夹上传到服务器指定目录。学生操作：组长组织组员完成上传。教师提供局域网Web服务器的访问地址（例如00/组名或00/组名/index.html）。学生在浏览器中输入自己小组的访问地址查看发布的网站。互相访问：尝试访问其他小组的网站，并相互评价。可能出现的问题及引导：网页无法显示：检查文件名（主页通常需为index.html或default.html）、路径、大小写。图片无法显示：检查图片路径是否为相对路径，以及是否已上传。链接错误：检查超链接路径。

课堂小结学习并掌握了网页