(
课件网) 网页的编辑与发布 《第九课》 学习目标 目录 01. 课前导入 02. 网页开发工具 03. 编写网页 04. 探究网站发布 课前导入 01 课前导入 问题思考： “同学们你们知道哪些软件可以用来编辑网页？ 导入新课 是的，有许多，例如： 基本文本编辑器：如Windows记事本，纯手工代码编写。 增强型代码编辑器：如Notepad++、Visual Studio Code，有语法高亮和提示功能 所见即所得编辑器：如Dreamweaver（以前有FrontPage），可视化设计界面 网页开发工具 02 01.网页开发工具 制作网站的一般流程是确定网站主题，围绕主题设计网站栏目内容，规划主页和分页，编辑网页，调试并发布网站。 那我们来思考下： 那网页有哪些开发工具尼？ 01.网页开发工具 01.网页开发工具 01.认识HTML文件 含义：HTML文件本质上是文本文件，通过浏览器解释执行 使用记事本编写代码后，保存时文件类型应选择“所有文件”，扩展名必须为.html或.htm。 网页字符编码（知识链接） 简要说明字符编码的作用（避免乱码） 介绍常见编码：GB2312, GBK, UTF-8（强调UTF-8最常用，支持多语言） 展示代码实例：
通常放在标签内。 编写网页 03 二、编写网页 内容回顾 刚刚我们认识了网页的各种开发工具，那接下来我们来学习，如何通过各种开发工具进行网页的编写尼（本节课主要学习通过HTML来进行网页的编写）。 二、编写网页 在文本编辑器编写时，HTML代码中的标签是不区分大小写，标签
可以设置网页名称，打开网页会看到网页名称显示在窗口标题栏，便于浏览器收藏网页，可以选择网页名称调用查看。 通常一个网站包含多张网页，存放在同一个文件夹中，网站的主页命名为index.html。用“记事本”编写网页，将HTML代码输入到记事本中，保存扩展名为.html的文件，同步选择保存类型为“所有文件”，保存完成后就可以在浏览器打开此文件查看效果。 二、编写网页 二、编写网页 二、编写网页 网页字符编码浏览器与服务器之间需要传递、处理的数据信息十分复杂，为了便于使用与协同、实现正确识别，通常对网页进行统一字符编码，以免出现网页乱码。比较常见的网页字符编码有GB2312、GBK和 UTF-8。HTML文件中
标签的charset属性是设置网页字符编码的方式，一般位于HTML文件的之间，代码为
。 知识点补充： 发布与访问网站 04 三、发布与访问网站 网站发布有何作用？ 网站发布的方法有哪些？ 三、发布与访问网站 01.网站发布的作用： 网站发布后，可以让更多人通过访问发布地址浏览该网站。 三、发布与访问网站 02.发布网站的方法 发布网站是将网站文件夹传至网页服务器上，完成配置后可发布浏览。 一般有以下三个途径： 一是使用免费个人主页空间发布网站，需要进行申请; 二是使用专用服务器发布网站; 三是使用虚拟主机服务器发布网站。 三、发布与访问网站 课堂活动之实际操作： 要求：各组将完成的网站文件夹统一命名为组名（如“80401”）。 使用FTP客户端软件（或Windows资源管理器输入FTP地址）或直接拷贝，根据教师提供的FTP服务器地址、账号和密码，将网站文件夹上传到服务器指定目录。 学生操作： 组长组织组员完成上传。 教师提供局域网Web服务器的访问地址（例如http://192.168.1.100/组名或http://192.168.1.100/组名/index.html）。 学生在浏览器中输入自己小组的访问地址查看发布的网站。 互相访问：尝试访问其他小组的网站，并相互评价。 可能出现的问题及引导： 网页无法显示：检查文件名（主页通常需为index.html或default.html）、路径、大小写。 图片无法显示：检查图片路径是否为相对路径，以及是否已上传。 ... ...
