教学设计苏科版(2023)初中信息技术七年级上册.pdfVIP

教学设计苏科版(2023)初中信息技术七年级上册--第1页

项目探索3网页的编辑和发布项目交流与评价

一、核心素养学段目标

根据学习需求，知道通过互联网大量案例分析，总结经验，并能借鉴这些知识经验去解

决学习中的问题。（信息意识）

能执行问题解决方案，通过对数据的采集与分析，反思和优化解决方案，并将其迁移

运用于解决其他问题。（计算思维）

按照任务需求，能选择合适的网络平台，合作完成数字化创新活动的创意、规划与实施。

（数字化学习与创新）

负责任地共享信息和资源，并尊重他人知识产权。（信息社会责任）

二、课程内容

通过大量网络案例的分析，体验网页版面布局和风格设计，并实际操练，推进项目开展，

在此基础上，以小组为单位，开展H5网页的在线制作与发布。进行点评，并适时反思和归

纳。

三、学习目标

认识网页版面布局和风格设计的重要性，并学会规划；

选择H5网页平台对信息进行编辑与集成，并发布；

通过制作中国大运河文化网页，唤起运河记忆，传播中华优秀传统文化。

四、课时安排与教学重难点

建议2课时

重点：初步学会网页版面布局规划和风格设计；

学会通过H5网页平台制作网页并发布。

难点：能根据项目所需，灵活选用H5网页平台的各项功能对信息进行编辑与集成。

五、教学设计

【教学环境】

多媒体网络教室，配备台式计算机。

【教学过程】

一、项目导入

教师活动：

对于广大普通用户来说，通过编辑HTML语言来编写网页是有很大难度的，而通过可

视化工具（如H5网页等）进行互联网应用中数据的组织，既有“所见即多的”的效果，

又能自动生成与之对应的网页源代码。那么，如何制作这样的网页呢？

接下来我将和同学们一起，探究网页布局的规划以及风格的设计，并尝试通过H5制

教学设计苏科版(2023)初中信息技术七年级上册--第1页

教学设计苏科版(2023)初中信息技术七年级上册--第2页

作平台进行网页的在线编辑和发布。

学生活动：

了解，明确接下来的学习内容和任务要求。

二、项目探索3

（一）网页的规划

教师活动：

在前面的两个探究中，我们已经先后完成了对网页素材资源的再整理收集，以及网站的

结构规划，但在动手制作网页之前，我们还需要进行版面布局的设计以及风格的确立。

首先，好的版面布局不仅有助于访问者清楚地理解作品，还能充分吸引访问者的注意力，

让访问者产生浏览的兴趣。

PPT呈现网页版面布局三幅说明图，带领学生一起阅读学习。

要求看图回答：网页版面布局有哪些结构？

学生活动：

看图，思考，个别作答。

教师活动：

补充归纳与呈现——

网页布局：

1、分栏式结构（纵向/横向）

2、非规律性结构（如：H5页面）

重要提醒：H5页面中留白很重要！！！

教师活动：

活动1：

要求登陆“canva可画”，欣赏优秀的网站模板，初步构思本组的网页版面布局，并绘制

在“项目开展方案”中。

学生活动：

登陆“canva可画”，打