资源简介

中小学教育资源及组卷应用平台
学习任务单
课程基本信息
学科 信息科技 年级 八年级 学期 秋季
课题 第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的作用和样式表的基本结构，通过“知识链接”中的DIV标签，理解CSS对网页数据样式的精准控制，结合“日积月累”中的三种方式，进一步加深对CSS的理解。 学习对象分析： 本课授课对象为八年级的学生，他们已具备一定的认知水平和操作技能，抽象思维也日渐完善。通过之前的学习，学生已经对网页的数据构成、数据传输、数据组织有了一定的了解，认识了HTML语言及其作用，学习了部分HTML标签。对网页效果会有直观的认识，但对CSS完全陌生，尤其是要理解使用CSS降低网页代码耦合度这一点，对学生挑战较大。
教学目标分析（含核心素养导向）
通过对比分析，认识网页效果对网页传播的影响。（信息意识） 通过对比、实验和尝试，认识CSS，了解样式表的作用，掌握样式表的基本结构。（计算思维） 3.通过体验、对比和探究，理解CSS如何降低网页代码耦合度，懂得降低代码耦合度对网页维护和传输的意义。（计算思维） 教学重点： 样式表的基本结构
教学难点： 理解使用CSS降低网页代码耦合度
教学过程
【回顾旧知，引入新知】 回顾HTML语言的基本结构及其作用。 【对比分析，探索新知】 对比观察几组网页，分析优秀的网页数据呈现效果对网页传播的意义。 设计思路：通过引导学生观察、思考，让学生认识网页效果对网页传播的意义，引导学生网页的效果要根据网页的内容和风格进行选取。 对比观察几组网页，开展实验一。 设计思路：通过对比和实验，让学生认识CSS，并通过自主探究并理解样式表的作用。 认识样式表的基本结构，开展尝试体验，并观察网页的效果变化。 设计思路：通过亲身体验添加或修改样式表，进一步掌握样式表的基本结构。 认识三种添加CSS的方式，介绍DIV标签的知识链接，开展实验二。 设计思路：通过补充DIV标签的知识链接，让学生理解CSS对网页数据样式的精准控制，通过对比三个内容相同、结构相同、效果相同，但添加CSS方式不同的网站，体验和观察他们网页代码的复杂度、修改难度、样式代码与内容代码的分离程度，理解CSS如何降低网页代码耦合度，以及由此带来的便捷。 【小结作业】 设计思路：用网页的装扮师比喻CSS，进一步加深学生对CSS的理解。
21世纪教育网(www.21cnjy.com)

展开更多......

收起↑