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

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。