第10课 网页的编辑与发布 教案 浙教版信息科技八年级上册.doc

信息技术第10课网页的编辑与发布

课题

网页的编辑与发布

单元

第二单元

学科

信息技术

年级

八年级

教材

分析

《网页的编辑与发布》该课时教材编排了“网页开发工具-编写网页—网站发布”的系列学习活动，旨在让学生体验通过使用记事本编写HTML代码，学会网页的编辑与发布，能理解网站发布的一般流程，分享有价值的数据和资源。教材编排合理，教学环节注重实践与理论相结合，教材内容贴近学生生活实际，符合七年级学生认知特点。

教学

目标

1、信息意识：通过使用记事本编写HTML代码，学会网页的编辑与发布，能理解网站发布的一般流程。

2、计算思维：能够使用相关软件编写HTML代码，利用互联网分享有价值的数据和资源。

3、数字化学习与创新：尝试将“人工智能”主题的网站文件夹上传到网页服务器上发布并访问发布的网站地址，浏览网站效果。

4、信息社会责任：能够识别网络风险，包括网络诈骗、恶意软件和个人数据保护。

重点

一、网页开发工具

二、编写网页

三、网站发布

难点

1、网站发布

教学过程

教学环节

教师活动

学生活动

设计意图

导入新课

通过使用记事本编写HTML代码，学会网页的编辑与发布，能理解网站发布的一般流程，分享有价值的数据和资源。

探究：

1、你知道哪些软件能编辑网页?

2、如何把制作的网页分享到互联网?

制作网站的一般流程是确定网站主题，围绕主题设计网站栏目内容，规划主页和分页，编辑网页，调试并发布网站。

思考交流

帮助学生理解在线应用的概念，打开课堂。

讲授新课

一、网页开发工具

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

新知拓展

你知道哪些软件能编辑网页?

二、编写网页

在文本编辑器编写时，HTML代码中的标签是不区分大小写，标签title/title可以设置网页名称，打开网页会看到网页名称显示在窗口标题栏，便于浏览器收藏网页，可以选择网页名称调用查看。

通常一个网站包含多张网页，存放在同一个文件夹中，网站的主页命名为index.html。如图10-1所示，用“记事本”编写网页，将HTML代码输入到记事本中，保存扩展名.html的文件，同步选择保存类型为“所有文件”保存完成后就可以在浏览器打开此文件查看效果。

知识连接

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

亲身体验

整理本单元的“人工智能”网站，调试各页面之间的链接，整体完善网站，为下一步的网站发布做好准备

新知拓展

如何把制作的网页分享到互联网?

三、网站发布

网站发布后，可以让更多人通过访问发布地址浏览该网站。

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

正式发布到互联网上需要域名和IP地址，如图10-2所示。

亲身体验

尝试将“人工智能”主题的网站文件夹上传到网页服务器上发布，并访问发布的网站地址，浏览网站效果。

随堂练习

用记事本编写网页代码，保存的文件类型是：

探索思考，如何在互联网中请一个网页空间来发布自己的网站。

新知拓展

四、知识拓展

1、网络发布违法行为？

2、网络信息发布有哪些好处和坏处？

3、网络信息发布有哪些运用场景?

4、如何在网络信息发布中保证自身安全？

五、课堂练习

请回答中国现目前网络信息发布对于社会的影响有哪些。

六、单元小结与反思

本单元主要介绍了互联网应用中数据的构成、数据传输的原理、网页的数据组织(HTML语言)、网页的数据呈现(CSS样式)、网页的数据编码(表单数据的提交与获取)，以及网页的编辑与发布流程。通过小组合作完成网页制作并发布的实践活动，同学们可以更好地理解互联网应用中数据发挥的作用。

通过本单元的学习，希望同学们能理解并掌握以下要点:(1)互联网应用中数据的构成与组织。(2)网络蕴含丰富的数字资源，可以支持人们开展数字化学习、贡献有价值的数据、创作和分享各种数字作品(3)网络中的数据传输和呈现需要遵循特定的规则。

学习完本单元内容，请同学们以小组为单位，选择一个有代表性的网站，探讨其优缺点以及网站背后数据组织和呈