资源简介

《网页的编辑与发布》教学设计
一、学习内容分析
本课是浙江省初中信息技术初二年级第二单元第十课《网页的编辑与发布》。在前面所学内容建立的“知道如何做”的基础上，本课教学内容进一步提出了“怎样做到的、自己动手做”的要求，即：通过使用记事本编写HTML代码，学会网页的编辑；通过网站发布的实践，分享有价值的数据和资源。是整个单元学习成果的最终呈现。
二、学情分析
本课教学对象是八年级学生，已经学习了前面的互联网相关知识，对互联网应用中的数据、网页的数据组织、网页的数据呈现、网页的数据编码都已经有了进一步的认识，为本节课的学习做了准备。
学习目标
教学目标 核心素养指向
1.通过使用记事本编写HTML代码，学会网页的编辑。 2.能理解网站发布的一般流程，分享有价值的数据和资源。 【信息意识】学生需要以严肃负责的态度，通过不断学习、实践、思考和分析，养成良好的上网习惯，掌握必要的知识和技能，逐渐树立正确的信息价值观、提高信息敏感度。 【信息社会责任】在有效、安全地使用互联网的基础上，逐步加深对互联网本质和技术原理的理解，自觉遵守相关法律法规，掌握必要的安全防护常识，强化网络安全、自主可控对国家安全的重要性的认识，是学生发展信息社会责任的核心。
四、教学重难点
教学重点：通过使用记事本编写HTML代码，学会网页的编辑。
教学难点：：能理解网站发布的一般流程。
通过小组合作、实践探究、分析归纳、迁移应用辅以教师指导等多种方式逐一突破。
五、课前准备
1. 网络教室。
2. 网站服务器搭建：win10搭建 IIS 服务器_win10搭建网站_-CSDN博客
3. FTP服务器搭建：https://blog.csdn.net/m0_52701599/article/details/128620145
六、设计思路
本课从学生本单元学习编写的网页入手，使用记事本打开所制作的网页，尝试修改记事本中HTML代码，并查看网页效果。在网站发布前，整理本单元的网站，调试各页面之间的链接，整体完善网站。完善后，尝试将网站文件传到网页服务器上发布，访问发布的网站地址，浏览最终效果。教学过程以情境导入、任务驱动、探究修改HTML代码后的网页效果、发布网站、总结知识点这几个环节展开教学。
七、学习过程
（一）情境引入 激发兴趣
学习内容与活动 设计意图
话题引入，小组讨论 你知道哪些软件能编辑网页？分小组讨论，上网搜索，并记录。 教师归纳： 制作网页工具 ①记事本：纯手工代码编写 ②专业记事本：有语法提示，如node++ ③专业HTML编辑器：所见即所得，如Frangepage或Dreamware。 通过话题引导，激发学生学习兴趣，引入本课课题。
（二）小组合作，应用体验
学习内容与活动 设计意图
小组合作，应用体验 小组成员结合分工，通过记事本，编辑“走进人工智能”主题网站的分页面，进行网页的润色。 完成后通过协作工具发送给组长，由组长统筹、组员配合完成各网页之间的超链接，并测试。 通过小组的集体力量来完成网站，培养学生的合作意识。
（三）完成作品，测试发布
学习内容与活动 设计意图
1．知识储备 提出关键问题：如何发布网站？ 小组结合课本和网络搜索，讨论并回答。 教师总结并展示： 网上付费申请个人空间发布、电脑搭建网站服务器发布、网上付费申请虚拟主机发布 服务器搭建 根据服务器搭建指南中的说明，搭建服务器，并发布网站。并将发布的ip地址登记在网页发布登记表中。 测试运行 访问自己组的网页，完成自评 在网页发布登记表中任意选择三个小组的网站进行访问，并完成评价。 通过发布网站，展示各组的作品，激发学生的成就感。
板书设计：
网页工具
1.自带记事本
2.专业记事本
3.专业HTML编辑器
二．网站发布
1.网上付费申请个人空间发布
2.电脑搭建网站服务器发布
3.网上付费申请虚拟主机发布(共6张PPT)
/第10课 网页的编辑和发布
八上信息技术
网页开发工具还有很多，你还知道哪些？
网页编辑工具
可视化编辑器
Visual Studio Code编辑器
网页编辑
在文本编辑器编写时，HTML代码中的标签是______大小写。通常一个网页包含多张网页，存放在同一文件夹中，网页的主页命名为______。用“记事本”编写网页，将HTML代码输入到记事本中，保存扩展名为______的文件,同步选择保存类型为“所有文件”，保存完成后就可以在浏览器打开此文件查看效果。
任务：整理本单元的“人工智能”网站，调试各页面之间的链接，整体完善网站，为下一步的网站发布做好准备。
网站发布
网站发布的一般途径：
网上付费申请个人空间发布
电脑搭建网站服务器发布
网上付费申请虚拟主机发布
根据服务器搭建指南中的说明，搭建服务器，并发布网站。并将发布的ip地址登记在网页发布登记表中。
课堂评价
（1）访问自己组的网页，完成自评
（2）在网页发布登记表中任意选择三个小组的网站进行访问，并完成评价表。
小组
页面布局（页面布局是否合理 20分）
配色方案（色彩搭配美观大方 20分）
内容质量（内容丰富、图文混排 30分）
交互响应（超链接设计合理且能正常跳转 30分）
总分
本节课到此结束！以Windows系统为例，使用IIS Web服务器进行配置和局域网发布。
1.打开控制面板-程序-启用或关闭Windows功能。 2.开启Internet Information Services。
3.在浏览器中输入localhost进行测试。 4.打开控制面板-Windows工具-Internet Information Services(IIS)管理器。
5.打开网站-添加网站 6.填写相应数据
7.右键点击网站选择编辑权限。
8.添加Everyone用户名并赋予完全控制权限。 9.打开浏览器输入IP地址进行测试
【知识库】
网页字符编码
网页字符编码指的是在网页中使用的字符编码方式，用于将文本内容转换为计算机能够理解和处理的二进制数据。常见的网页字符编码方式包括：
UTF-8：是最常用的字符编码方式，可以表示几乎所有的字符，包括各种语言的文字、符号和表情符号等。
GBK/GB2312：主要用于中文字符的编码，包括简体中文和繁体中文。
ISO-8859-1：也称为Latin-1编码，用于表示西欧语言的字符集，包括英文、法文、德文等。
在网页开发中，正确设置字符编码非常重要，可以确保网页内容的正确显示和交互。通常情况下，建议使用UTF-8作为网页的字符编码，因为它支持更广泛的字符集，适用于多种语言环境。在网页的标签中，可以通过设置来指定网页的字符编码为UTF-8。
同时，需要保证网页的文件保存格式与字符编码一致，以免出现乱码问题。常见的文本编辑器（如Notepad++、Sublime Text、Visual Studio Code等）都支持选择文件保存时的字符编码格式。正确设置网页字符编码可以确保网页内容在不同设备和浏览器上的一致性和兼容性，以及支持多语言环境下的文字显示和输入。
IIS
IIS的全称是Internet Information Services，它是由微软开发的一种Web服务器软件。IIS是用于在Windows操作系统上托管和提供Web应用程序和网站的服务器软件。它支持多种Web技术和协议，如HTTP、HTTPS、FTP、SMTP等，并提供了丰富的功能和管理工具，使得搭建和管理Web服务器变得更加简单和高效。

展开更多......

收起↑