《第10课 网页的编辑与发布》精品教案.docxVIP

学而优教有方

学而优教有方

PAGEPage1/NUMPAGESPages3

学而优教有方

第10课网页的编辑与发布

课题

网页的编辑与发布

教学目标

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和UTF-8。HTML文件中meta标签的charset属性是设置网页字符编码的方式，一般位于HTML文件的head/head之间，代码为metacharset=UTF-8。

活动一：使用记事本打开本单元制作的网页，尝试修改记事本中的HTML代码，并查看网页效果。

网站发布

什么是发布网站

发布网站是将网站文件夹传至网页服务器上，完成配置后可发布浏览。

（二）为什么要发布网站？

1、共享内容和信息

2、拓展影响力和可见度

3、提供易于访问的信息和功能

4、与用户互动和建立联系

（三）发布网站的三条路径：

一、使用免费个人主页空间发布网站，需要进行申请

二、是使用专用服务器发布网站

三、使用虚拟主机服务器发布网站

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

了解网页开发工具

网页编写小技巧学习

学习网页字符编辑

完成活动一

学习什么是网站发布

完成活动二

了解网页开发工具

了解网页编写小技巧

了解网页字符编辑

学以致用

了解网站发布

学以致用

三、

课堂练习

随堂练习

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

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

完成随堂练习

以练习巩固本节课的内容。

四、

课堂小结

一、网页开发工具

二、编写网页

三、网站发布