资源简介

中小学教育资源及组卷应用平台
第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文件中标签的charset属性是设置网页字符编码的方式，一般位于HTML文件的之间，代码为。 活动一：使用记事本打开本单元制作的网页，尝试修改记事本中的HTML代码，并查看网页效果。 网站发布 什么是发布网站 发布网站是将网站文件夹传至网页服务器上，完成配置后可发布浏览。 （二）为什么要发布网站？ 1、共享内容和信息 2、拓展影响力和可见度 3、提供易于访问的信息和功能 4、与用户互动和建立联系 （三）发布网站的三条路径： 一、使用免费个人主页空间发布网站，需要进行申请 二、是使用专用服务器发布网站 三、使用虚拟主机服务器发布网站 活动二：尝试将“人工智能”主题的网站文件夹上传到网页服务器上发布，并访问发布的网站地址，浏览网站效果。 了解网页开发工具 网页编写小技巧学习 学习网页字符编辑 完成活动一 学习什么是网站发布 完成活动二 了解网页开发工具 了解网页编写小技巧 了解网页字符编辑 学以致用 了解网站发布 学以致用
三、课堂练习 随堂练习 1. 用记事本编写网页代码，保存的文件类型是 *2.探索思考，如何在互联网申请一个网页空间来发布自己的网站。 完成随堂练习 以练习巩固本节课的内容。
四、课堂小 结 一、网页开发工具 二、编写网页 三、网站发布
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
21世纪教育网(www.21cnjy.com)

展开更多......

收起↑