第18课 美化网页方法多 学习任务单 2025-2026学年人教版初中信息科技七年级全一册

该初中信息科技学习任务单聚焦网页美化的核心方法，涵盖HTML代码美化、CSS样式表应用及在线人工智能工具辅助，以课前复习网站制作与HTML基础为起点，课上通过实操、讨论、代码分析、工具应用逐步递进，构建从基础到创新的学习支架。 任务单特色在于融合实践与探究，通过HTML与CSS美化对比、AI工具生成代码等活动，培养信息意识（评估方法特点）、计算思维（分析CSS结构）和数字化学习与创新（运用AI工具），习题设计注重反思与比较，如心得分享、方法特点表格填写，助力学生合理选择工具解决问题。

学习任务单 课程基本信息 学科 信息科技 年级 七年级 学期 春季 课题 美化网页方法多 教科书 义务教育信息科技课程教学指南 互联网应用与创新 七年级 学习目标 1. 知道用HTML代码简单美化科技节项目网页的操作方法。 2. 知道串联样式表的作用，初步学会用它美化网页。 3. 体验在线创新工具辅助美化科技节项目网页，能根据需求，分析不同方法的特点并合理选择，提高解决问题的效率。 课前学习任务 1. 复习网站制作基本流程。 2. 熟练使用HTML代码制作网页的方法。 课上学习任务 【学习任务一】 请参考以下表格，使用HTML标签及属性对科技节网页的文本、段落、网页背景进行美化。 【学习任务二】 1. 交流讨论：观察美化好的科技节网页，说说采用HTML代码美化网页的方式是否便捷，美化效果好不好。 _____________________________________________________________________ 2. 尝试调整一下浏览器网页的字体大小，看看用HTML语言写的网页，会有什么变化？ _____________________________________________________________________ 【学习任务三】 观察以下CSS代码，参考HTML代码，说说CSS代码的结构特征，并指出CSS的选择器与声明，在下面的方框内填写 “选择器”与“声明”的位置。 _____________________________________________________________________ 【学习任务四】 贴图游戏：请将以下CSS属性代码贴到网页相应位置上，实现美化效果。 【学习任务五】 请参考以下代码，尝试修改CSS对科技节网页文本、标题、背景等进行美化。 请分享一下使用HTML和CSS两种方法美化网页的心得。 _____________________________________________________________________ 【学习任务六】 1. 请选择一个在线人工智能模型，让它根据需求美化科技节活动项目网页，生成渐变背景。 2. 请用在线人工智能模型上传网页设计效果图，让它参照效果图生成美化网页的CSS代码。你提问的提示词是： _____________________________________________________________________ 3. 比较HTML代码、CSS代码、在线人工智能模型等美化网页方法后，说说它们各自的特点和适用场景。 美化网页的不同方法 HTML美化网页 CSS美化网页 人工智能美化网页 特点 适用场景 推荐的学习资源 《从0到1 HTML+CSS快速上手》人民邮电出版社 考虑到理科公式和符号问题，建议理科的学习任务单提交word格式的同时提交一份pdf格式上传至平台。 学科网（北京）股份有限公司 $