第10课 网页的编辑与发布 教学设计 2023—2024学年浙教版（2023）初中信息技术八年级上册

第10课 网页的编辑与发布 教学设计 课 题 网页的编辑与发布 教学目标 1. 通过使用记事本编写HTML代码，学会网页的编辑与发布。 2. 能理解网站发布的一般流程，分享有价值的数据和资源。 重难点 教学重点：通过使用记事本编写HTML代码，学会网页的编辑与发布。 教学难点：能理解网站发布的一般流程。 课前准备 1. 网络教室。 2. 在线应用相关软件或平台。 课时安排 1课时 教师活动 学生活动 设计意图 一、 引入 话题引入：你知道哪些软件能编辑网页？如何把制作的网页分享到互联网？ 参与讨论 通过话题引导，激发学生学习兴趣，引出本课课题。 二、 新授 1、 网页开发工具 （1） 你知道有哪些网页开发工具吗？ 网页开发涉及到编写HTML、CSS和JavaScript代码，并进行调试、测试和部署。为了提高效率和质量，有许多工具可供开发人员使用。 （2） 常用的网页开发工具 1、文本编辑器 2、浏览器和开发者工具 3、CSS预处理器 4、包管理工具 5、版本控制系统 6、图形编辑工具 7、任务构建工具 8、响应式设计工具 ... ... 2、 编写网页 （1） 网页编写小技巧 1、结构清晰 2、保持简洁 3、重用代码 4、命名规范 5、注释文档 6、管理版本 7、使用开发者工具 8、响应式设计 ... ... （2） 网页字符编辑 比较常见的网页字符编码有GB2312、GBK和UTF-8。HTML文件中<meta>标签的charset属性是设置网页字符编码的方式，一般位于HTML文件的<head></head>之间，代码为<meta charset='UTF-8'>。 活动一：使用记事本打开本单元制作的网页，尝试修改记事本中的HTML代码，并查看网页效果。 3、 网站发布 （1） 什么是发布网站 发布网站是将网站文件夹传至网页服务器上，完成配置后可发布浏览。 （二）为什么要发布网站？ 1、共享内容和信息 2、拓展影响力和可见度 3、提供易于访问的信息和功能 4、与用户互动和建立联系 （三）发布网站的三条路径： 一、使用免费个人主页空间发布网站，需要进行申请 二、是使用专用服务器发布网站 三、使用虚拟主机服务器发布网站 活动二：尝试将“人工智能”主题的网站文件夹上传到网页服务器上发布，并访问发布的网站地址，浏览网站效果。 了解网页开发工具 网页编写小技巧学习 学习网页字符编辑 完成活动一 学习什么是网站发布 完成活动二 了解网页开发工具 了解网页编写小技巧 了解网页字符编辑 学以致用 了解网站发布 学以致用 三、课堂练习 随堂练习 1. 用记事本编写网页代码，保存的文件类型是 *2.探索思考，如何在互联网申请一个网页空间来发布自己的网站。 完成随堂练习 以练习巩固本节课的内容。 四、课堂小 结 一、网页开发工具 二、编写网页 三、网站发布 $$