3-3探索3网页的编辑和发布教学设计　苏科版初中信息技术七年级上册.pdf

教学设计

主备人实施人实施时间总第课时

课题网页的编辑和发布

信息意识：学生理解网页编辑和发布的重要性和作用，认识到网页内容、布局和风

格的关键性。

计算思维：能够分析和理解不同网页元素的作用和影响，掌握网页布局设计原则。

教学目标数字化学习与创新：学生学会使用在线H5网页制作工具进行网页设计和发布，能够

运用所学知识创新设计优秀的网页。

信息社会责任：学生了解知识产权的概念和相关法律法规，注重尊重他人知识产权

和版权。

教学重点学生理解网页编辑和发布的重要性和作用，认识到网页内容、布局和风格的关键性。

教学难点掌握网页设计原则，学会使用在线H5网页制作工具进行网页设计和发布

教学准备PPT

教学过二次备课

一、复习导入

1.一个完整的超链接包含两份部分：文本或图片都可以作为（），网址、电子

邮箱、文件等是（）。网页源代码是用（）编写的代码

网站中的数据组织通常是以（）的形式进行呈现。

如今，我们可以通过可视化工具(如H5网页等)，进行互联网应用中数据的组织，

既有“所见即所得”的效果，又能自动生成与之对应的网页源代码。各种终端设

备都可以通过H5制作平台快速编辑出精美的网页。那么，如何制作这样的网页

呢?

二、新课讲授

1.实践学习一：规划网页内

请依据项目选题，整理收集的素材资源，规划、设计各网页的标题和内容以及它

们之间的链接关系。

在动手制作网页之前，我们需要先进行版面布局设计。版面可以是一个长页面，

也可以是由若干页面组成的翻页H5。

2.实践学习二：规划网页布局

合理的版面布局有助于访问者清楚地理解作品所传达的信息。主次分明、重点突

出的布局方式，能充分吸引访问者的注意力，让访问者产生浏览的兴趣。

3.实践学习三：确定网页风格

不同的主题需要采用不同的网页风格呈现，色彩和文字的设计对网页风格的形成

至关重要。

4.小组讨论：根据所讲的网页规划和风格设计，结合每组的选题，找到最合适本

组项目的整体风格，并尝试设计自己的网页风格。

5.在线制作H5网页播放视频制作H5页面

为宣传中国大运河文化，请以小组为单位，选择H5网页制作工具，准备文字、

图片等素材，完成“中国大运河项目活动邀请函”“传播中国大运河文化”“中国

大运河知识问答”等网页的制作。保存并预览网页，检查无误后发布网页，并分

享给全班同学。

请思考发布的网页信息最终保存在哪里?在互联网上发布网页信息时，我们需要

遵守哪些规范?

三、总结

板书设计

教学反思