第8课 网页的数据呈现 教学设计+学习任务单+课后练习 2025-2026学年八年级上册信息技术浙教版

中小学教育资源及组卷应用平台 学习任务单 课程基本信息 学科 信息科技 年级 八年级 学期 秋季 课题 第8课 网页的数据呈现 教科书 书 名：八年级上信息科技教材 -出卷网-：浙江教育-出卷网- 出版日期：2023年07月 学习目标 1. 通过体验CSS设置效果，认识样式表，了解样式表的作用。 2. 通过在网页中添加样式的探究，掌握样式表的基本结构。 3. 能理解使用CSS降低网页代码耦合度所带来的便捷。 课前学习任务 回顾前面课程中HTML的结构及其作用，以及标签相关知识。 浏览各网站网页，观察网页的效果。 课上学习任务 【学习任务一】 实验探究：尝试删除、恢复link标签行，观察实验效果，猜测实验结论。 【学习任务二】 尝试体验：尝试添加样式，观察网页的效果变化，掌握样式表的基本结构。 【学习任务三】 实验探究：对比三个内容相同、结构相同、效果相同，但添加CSS方式不同的网站，尝试修改或添加全站的某一个或几个数据样式，观察他们网页代码的复杂度、修改难度、样式代码与内容代码的分离程度，并填写表格。 推荐的学习资源 CSS专题学习网站，如：菜鸟教程 (https://www./css/css-tutorial.html)。 21世纪教育网(www.21cnjy.com)中小学教育资源及组卷应用平台 作业练习 课程基本信息 学科 信息科技 年级 八年级 学期 秋季 课题 第8课 网页的数据呈现 教科书 书 名：义务教育教科书信息科技 -出卷网-：浙江教育-出卷网- 出版日期：2023年07月 作业练习 1.用css来美化自己主题网站的网页，你可以参考资源网站，从改变文字的字体和颜色开始慢慢探索。注意网页样式要根据网页内容与风格进行选取，避免添加过多样式，以免影响网页内容的表达。 2.尝试添加平铺背景图等样式效果。注意选择内容和大小合适的背景图，以确保背景图尺寸适合网页。 21世纪教育网(www.21cnjy.com) 版权声明 21世纪教育网www.21cnjy.com(以下简称“本网站”)系属深圳市二一教育科技有 限责任公司（以下简称“本公司”）旗下网站，为维护本公司合法权益，现依据相关法律法 规作出如下郑重声明： 一、本网站上所有原创内容，由本公司依据相关法律法规，安排专项经费，运营规划，组织 名校名师创作完成的全部原创作品，著作权归属本公司所有。 二、经由网站用户上传至本网站的试卷、教案、课件、学案等内容，由本公司独家享有信息 网络传播权，其作品仅代表作者本人观点，本网站不保证其内容的有效性，凡因本作品引发 的任何法律纠纷，均由上传用户承担法律责任，本网站仅有义务协助司法机关了解事实情况。 三、任何个人、企事业单位（含教育网站）或者其他组织，未经本公司许可，不得使用本网 站任何作品及作品的组成部分（包括但不限于复制、发行、表演、广播、信息网络传播、改 编、汇编、翻译等方式)，一旦发现侵权，本公司将联合司法机关获取相关用户信息并要 求侵权者承担相关法律责任。 四、一旦发现侵犯本网站作品著作权的行为，欢迎予以举报。 举报电话：400-637-9991 举报信息一经核实，本公司将依法追究侵权人法律责任！ 五、本公司将结合广大用户和网友的举报，联合全国各地文化执法机关和相关司法机关严厉 打击侵权盗版行为，依法追究侵权人的民事、行政和刑事责任！ 特此声明！ 、产士三 深圳市一教育料技有限贵任公司 0307766中小学教育资源及组卷应用平台 教学设计 课程基本信息 学科 信息科技 年级 八年级 学期 秋季 课题 第8课 网页的数据呈现 教科书 书 名：义务教育教科书信息科技 -出卷网-：浙江教育-出卷网- 出版日期：2023年07月 教学内容与学习对象分析 教学内容分析： 本课是第二单元的第3课，内容主要包括“网页数据呈现的方式”“css”“样式表的基本结构”三个部分。从分析比较，到亲身体验，逐步探究CSS的作用和样式表的基本 ... ...