(
课件网) 第四单元 第3课 编辑网页内容 （教科版）七年级 上 1 核心素养目标 3 新知讲解 5 拓展延伸 7 板书设计 2 新知导入 4 课堂练习 6 课堂总结 课后作业 8 01 核心素养目标 。 信息意识 计算思维 数字化学习与创新 信息社会责任 在网页制作中自觉使用授权素材、注明来源、保护用户隐私，并确保信息真实可靠，尊重原创。 能利用拖拽工具或模板平台，结合配色方案和交互设计知识，动手制作主题突出、视觉协调的网页作品。 能运用整体规划方法设计网页结构，选择合适工具丰富网页信息，并实现网页需求。 能观察分析优秀网页的主题色、交互方式等信息呈现特点，理解其对用户体验和传达效果的影响。 02 新知导入 本节课将认识更多的网页编辑工具，对当前的宣传网页进行整体规划和调整，结合主题设计配色方案、增加导航栏、添加交互动作、添加背景音乐等，提升网页呈现效果。 本课要点 02 新知导入 制作一个网页是否需要掌握复杂的编程？ 不必须。现代工具有拖拽式平台和模板建站，无需代码即可快速搭建，如制作科技节宣传页。 02 新知导入 设计网页时信息越多越吸引人吗？ 并非如此。“少即是多”原则强调精简内容、优化布局以提升用户体验。 02 新知导入 大家有没有发现，打开百度，扑面而来是蓝红搭配的科技感；进入哔哩哔哩，粉白配色瞬间带来青春活力；就连肯德基的红色，是不是也让你有点饿？颜色，是网页无声的语言！这节课，我们就来学习如何像设计师一样，用主题色打造让人过目不忘的网页风格，为我们的科技节宣传网页“穿”上最合适的“外衣”。 从“星巴克绿”到“哔哩粉”：颜色的魔力 02 新知导入 03 新知讲解 可以考虑用无代码网页编辑工具这种工具有丰富的网页模板，还可以通过拖拽添加组件，轻松实现多种效果。 在 用HTML语言实现交互效果太难了！ 探索 03 新知讲解 探索 优秀的网页作品会吸引更多人的关注，产生更大的影响。那么，什么样的网页才能算得上优秀呢？ 请各小组推荐并展示优秀的网页作品，分析这些网页作品的共性，交流网页作品的评价内容及标准。 设计制作网页时通常需要考虑主题、技术、艺术等因素，网站则还需要考虑多个网页的风格是否一致、导航是否清晰等多方面的问题。 03 新知讲解 议一议 优秀网页的3个共同点 主题突出：一看就知道在讲什么（比如《绿色地球》全是环保内容） 简单好用：手机电脑都能看，点哪里不会卡住 好看有趣：配色舒服（不用太多颜色），有小小动画（比如按钮变色） 网页评价标准（4个关键） 内容（30分）：主题明确？文字图片是否相关？ 技术（30分）：链接能点吗？手机显示正常吗？ 设计（20分）：颜色字体协调吗？排版整齐吗？ 创意（20分）：有独特想法吗？（比如《Windows 12》模拟电脑桌面） 03 新知讲解 探索 选择适合自己的网页制作工具很重要，但同时还要考虑到数据安全、数据维护以及后续的功能升级等。我们可以利用网页代码语言编写，也可以利用所见即所得工具或平台、用模块拖拽式工具或者利用已有模板，实现网页制作。 网页制作工具 03 新知讲解 写一写 通过查阅资料和小组交流，了解不同类型的网页制作方法，填写下表。 方法 名称或制作平台地址 编写代码 用 HTML/CSS/JavaScript 手动写代码 所见即所得平台 码云 Pages、GitHub Pages 拖拽式制作网页 Wix（国外）、凡科网（国内） 已有模板制作网页 Canva 设计网站、阿里云速成美站 03 新知讲解 能量加油站 拖拽式网页制作工具 有了拖拽式网页制作工具，可以快速搭建网站。这类工具不需要编写代码，自由拖拽就可以进行网页布局然后插入文字及图片等资源就能轻松、快速制作出一个网站了。 03 新知讲解 网页整体规划 设计制作网页之前，需要对网 ... ...
