资源简介

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

展开更多......

收起↑