资源简介

(共24张PPT)
网页的编辑与发布
《第九课》
学习目标
目录
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）、路径、大小写。
图片无法显示：检查图片路径是否为相对路径，以及是否已上传。
链接错误：检查超链接路径。
课堂小结
课后练习
感谢同学们的观看！
下课啦！

展开更多......

收起↑