第10课 网页的编辑与发布 课件 2025-2026学年八年级上册信息技术浙教版

(课件网) 第10课 网页的编辑与发布 年 级：八年级 学 科：初中信息科技（浙教版） 自我探究一 填写表格完成制作网站的前三流程：确定网站主题、设计网站栏目、规划页面内容。 制作网站流程 事项 1. 确定网站主题 人工智能 2. 设计网站栏目 走进人工智能（主页）、人工智能的历史、人工智能的发展 3. 规划页面内容 走进人工智能：相关图文、视频等 人工智能的历史：相关图文等 人工智能的发展：相关图文等 4. 编辑网页 选择网页开发工具编辑网页 5. 发布网站 将编辑好的网站文件上传至服务器 网页开发工具 思考：你知道哪些软件能编辑网页？ Dreamweaver （简称 “DW” ） FrontPage（简称 “FP” ） Visual Studio Code （简称 “VS Code” ） 记事本 网页开发工具 可视化设计编辑的软件 自动生成成对标签的专业 HTML 编辑器 自我探究二 用记事本编写 HTML 代码制作主题网站 （1）通过 HTML 标签、CSS 样式等方式编辑美化网页 （2）设置并调试各网页之间的超链接 分享交流 页面代码：走进人工智能（主页） 分享交流 页面代码：走进人工智能（主页） 分享交流 页面代码：走进人工智能（主页） 分享交流 页面代码：走进人工智能（主页） 分享交流 页面代码：走进人工智能（主页） 分享交流 页面代码：走进人工智能（主页） 分享交流 页面代码：走进人工智能（主页） 分享交流 页面代码：走进人工智能（主页） 诊断分析 页面代码：人工智能的历史 诊断分析 页面代码：人工智能的历史 诊断分析 页面代码：人工智能的历史 诊断分析 网站文件存放位置 保存主页 网页字符编码 浏览器与服务器之间传递处理数据信息较复杂，为了便于使用与协同、实现正确识别，通常对网页进行统一字符编码，以免出现网页乱码。常见的网页字符编码：GB2312、GBK、UTF-8。 发布网站 发布网站：将编辑好的网站文件上传至服务器，完成配置后可发布浏览。 思考：如何把制作的网页分享到互联网？ 发布途径：申请个人网络空间、使用专用服务器、使用虚拟主机服务器。 Windows 系统可用 Web 服务器 IIS（Internet Information Service）发布网站。 自我探究三 Web 服务器 IIS 发布主题网站 （1）在 Windows 系统计算机上安装 Web 服务器 IIS （2）使用 Web 服务器 IIS 发布主题网站 （3）访问发布的网站地址，浏览最终效果 小结 （1）制作网站流程：确定网站主题、设计网站栏目、规划页面内容、编辑网页、发布网站 （2）网页开发工具：Dreamweaver、FrontPage、Visual Studio Code、记事本等 （3）记事本编写 HTML 代码制作主题网站 （4）网站发布途径：申请个人网络空间、使用专用服务器、使用虚拟主机服务器 （5）安装 web 服务器 IIS （6）web 服务器 IIS 发布网站 下 课！ Thanks! https://www.21cnjy.com/recruitment/home/fine ... ...