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

教学设计

主备人

实施人

实施时间

总第课时

课题

网页的编辑和发布

教学目标

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

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

数字化学习与创新：学生学会使用在线H5网页制作工具进行网页设计和发布，能够运用所学知识创新设计优秀的网页。

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

教学重点

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

教学难点

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

教学准备

PPT

教学过程

二次备课

一、复习导入

1.一个完整的超链接包含两份部分：文本或图片都可以作为（），网址、电子邮箱、文件等是（）。网页源代码是用（）编写的代码

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

如今，我们可以通过可视化工具(如H5网页等)，进行互联网应用中数据的组织，既有“所见即所得”的效果，又能自动生成与之对应的网页源代码。各种终端设备都可以通过H5制作平台快速编辑出精美的网页。那么，如何制作这样的网页呢?

二、新课讲授

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

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

在动手制作网页之前，我们需要先进行版面布局设计。版面可以是一个长页面，也可以是由若干页面组成的翻页H5。

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

合理的版面布局有助于访问者清楚地理解作品所传达的信息。主次分明、重点突出的布局方式，能充分吸引访问者的注意力，让访问者产生浏览的兴趣。

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

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

4.小组讨论：根据所讲的网页规划和风格设计，结合每组的选题，找到最合适本组项目的整体风格，并尝试设计自己的网页风格。

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

为宣传中国大运河文化，请以小组为单位，选择H5网页制作工具，准备文字、图片等素材，完成“中国大运河项目活动邀请函”“传播中国大运河文化”“中国大运河知识问答”等网页的制作。保存并预览网页，检查无误后发布网页，并分享给全班同学。

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

三、总结

板书设计

教学反思