(
课件网) 信息意识· 计算思维· 数字化学习与创新· 信息社会责任 信息科技 七年级 上册 第四单元 互联网数据编码与呈现———美编网页 第3课 编辑网页内容 聚焦 探索 设计 实现 拓展 引入情境 这一段搭配着同学们的解说音频的校园航拍，是不是很有意思？现在画面定格在一张校园静止图片上，请大家想一想，如果这张图片能说话，你希望它告诉访客什么呢？是校园的历史、美景，还是有趣的故事？ 聚焦 探索 设计 实现 拓展 聚焦问题，明确任务 聚焦问题 如何将静态网页升级为一个包含多栏目、可交互、移动端友好的复杂网页作品？ 明确任务 策划并设计一个“微导游”网站，包含主题策划、栏目设计、多媒体整合，并确保移动端适配与性能优化。 成果形式 可扫码访问的多页面复杂网页，包含主题页、多个栏目页面，以及音频、图片等多媒体元素。 聚焦 探索 设计 实现 拓展 分析问题，探索方法：探索要求 探索任务 通过“校园一角”选题策划，设计出“主题—栏目—多媒体”三层内容金字塔；体验多种不同的网页编辑工具，填写对比体验表，选择本课“主力工具”。 温馨提示 在策划时关注用户需求，思考如何通过栏目设计吸引游客；在工具“试驾”时，注意工具的速度、易用性和扩展性。 聚焦 探索 设计 实现 拓展 分析问题，探索方法：探索要求 聚焦 探索 设计 实现 拓展 分析问题，探索方法：点评展示 点评指导 展示“校园一角”选题策划和工具体验结果，教师点评策划的合理性、工具选择的匹配度，指出优点和不足。 本环节提升升华： 掌握内容策划框架，学会根据任务需求选择合适工具，树立版权与绿色上网意识。 聚焦 探索 设计 实现 拓展 梳理思路，设计方案：设计要求 设计任务 依据“金字塔”模板，在本地文件夹新建网站文件，按照先确定主题，再设计栏目，最后整合多媒体资源的思路搭建网站骨架，整合多媒体资源。 温馨提示 设计时注意内容的逻辑性、多媒体资源的合法性，以及移动端适配的合理性；希望大家发挥创意，设计出独特且用户友好的“微导游”网站。 聚焦 探索 设计 实现 拓展 梳理思路，设计方案：点评展示 点评指导 各小组汇报设计方案，展示“金字塔”模板，介绍网站结构布局、栏目设计及多媒体资源整合情况，分享设计思路与创意亮点。点评小组设计方案，肯定优点，指出不足，如内容策划是否合理、多媒体资源是否合法、移动端适配是否完善等；针对问题提出改进建议。 本环节提升升华 通过本次探索，学生不仅掌握了内容策划框架，还学会了根据任务需求选择合适的工具，树立了版权与绿色上网意识，为后续实现打下了坚实基础。 聚焦 探索 设计 实现 拓展 运用所学，实现方案 实现思路 按照设计思路搭建网站骨架，整合多媒体资源，实现“微导游”网页作品的视觉呈现和功能实现。 实现过程 真实环境中，按照设计思路逐步编写代码，嵌入音频、压缩图片、设置媒体查询，体验“从蓝图到成品”的闭环。 聚焦 探索 设计 实现 拓展 运用所学，实现方案：实现要求 活动：制作“微导游”网页雏形 依据设计方案完成“微导游”网页雏形，确保网站在移动端友好显示；完成后将文件夹命名为“组号微导游”拷入教室共享盘“今日成果”目录。 说明 实现过程中注意代码书写规范，避免多媒体资源侵权，遇到问题时可参考技术支持学习资源包。 聚焦 探索 设计 实现 拓展 运用所学，实现方案：点评展示 点评指导 展示“微导游”网页，介绍网站结构、功能实现情况，分享在实现过程中遇到的问题及解决方法。教师点评实现成果，肯定成功之处，指出问题所在，如代码规范性、多媒体资源合法性、移动端适配效果等；针对问题进行详细讲解。 本环节提升升华 通过本次实现，同学们掌握了多媒体资 ... ...
