浙教版信息科技 八上 第8课 网页的数据呈现.docx

《浙教版信息科技 八上 第8课 网页的数据呈现.docx》由会员分享，可在线阅读，更多相关《浙教版信息科技 八上 第8课 网页的数据呈现.docx（3页珍藏版）》请在第一文库网上搜索。

1、网页的数据呈现教学设计课题网页的数据呈现单元第二单元学科信息技术年级八教材分析本课选自2023浙江教育出版社出版的信息科技八年级下册第二单元第二课网页的数据呈现，主要讲CSS的相关内容，该内容为网页设计的重要内容之一，不仅仅要学习课本的内容，还要学习些拓展的内容。学习目标通过体验CSS设置的效果，认识样式表，了解样式表的作用；通过在网页中添加样式的探究，掌握样式表的基本结构；能理解使用CSS降低网页代码耦合度所带来的便捷。重点体验CSS设置的效果难点理解使用CSS降低网页代码耦合度所带来的便捷教学过程教学环节教师活动学生活动设计意图导入新课上节课布置以下作业，你是否完成？1 .如何将文字向右对

2、齐？2 .如何导入背景音乐？为了让学生能独立完成作业，能自己寻求解决问题的方法讲授新课一、网页数据呈现的方式HTM1定义了网页的内容结构，即网页呈现的文本、图像、音频、视频等内容。使用CSS同样能对网页中数据的布局、字体和背景等效果进行设置，同时还能将网页的结构和格式分离，实现解耦。优点：网站所有页面的风格可以应用一个CSS,只要修改这个CSS文件，就可以更新所有页面的样式，既提升了更新和维护的效率，缩减了网页的代码，又提高了网页的浏览速度。二、CSSCSS全称为层叠样式表(CascadingSty1eSheetS),可以学习相关基础知识，并了解用CSS设计网页的效果，可以用对比的方式发现其优

3、点。知道CSS的全名及其具体应让学生明白利用CSS设计网页的优势，激发学习的兴趣与欲望。系统的了解CSS用于控制网页布局与样式，用于定义HTM1文档中元素的外观和表现形式。如网页中文字的字号、宋体、颜色、位置以及图片的大小等。三、样式表的基本结构CStyIe标签表示要定义的样式，type=text/css”用于说明这是一段CSS规则代码，选择符可以使用HTM1标签的名称，可以对HTM1标签设置样式，也可以对网页上的文本、图像等设置样式。选择符样式属性1：属性值1;样式属性2：属性值2;四、样式表的添加方式该部分内容为添加方式的重点内容，需要对比操作，直观教学。*r厚MKSS的方式具体的操作方式方法可以参考课件同时有很多CSS代码也可参考课件用方面学习样式表的基本结构学生学习三种样式表的添加方式：内联样式表内部样式表外部样式表相关知识掌握相关结构内容。通过操作巩固相关知识课堂小结五、课堂小结1 .了解CSS样式在网页中的优势2 .知道CSS样式的结构3 .学会添加CSS样式的三种方式，优先级是哪种越靠近设置对象，显示哪种效果。回顾本课相关知识通过小结再次浮现相关知识，系统的掌握相关内容板书网页的数据呈现网页目据呈现的方式