4.18美化网页方法多（课件）-七年级信息科技全一册同步教学（人教版2024）.pptxVIP

美化网页方法多第四单元校园活动线上展

目录CONTENTS123行业PPT模板http:///hangye/知道用HTML代码简单美化网页的操作方法。知道串联样式表的作用。初步学会用它美化网页。能根据需求，分析不同方法的特点并合理选择，提高解决问题的效率。

导入新课我们编写了简单的介绍科技节某个项目的网页，这好似用HTML语言搭建好了“新房屋”的结构，接下来要想办法对“新房屋”进行装修美化。本课将介绍如何用HTML代码和CSS（cascadingstylesheets，串联样式表）美化网页。

导入新课CSS(CascadingStyleSheets，层叠样式表），是一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言，CSS文件扩展名为.css。通过使用CSS我们可以大大提升网页开发的工作效率！

导入新课1.怎样用HTML代码美化网页？2.怎样用CSS美化网页？

用HTML代码美化网页PART01

讲授新课用HTML语言编写网页时，通过简单的标签代码，可以设定网页的文字大小、背景颜色等。

讲授新课学习活动1打开上一课完成的介绍科技节某个项目的网页，使用HTML标签及属性对网页进行美化，如设置网页背景、设置字号、设置字体等。交流讨论：这种方式是否便捷？美化效果好不好？

用CSS美化网页PART02

讲授新课用HTML代码进行美化，操作非常烦琐，美化效果也很有限。在实际应用中，人们经常用CSS来美化网页。如果将HTML代码比作建造房屋的“建筑师”，那么CSS就是装修房屋的“装潢设计师”。CSS可以描述网页等文档的外观和格式，控制某类HTML标签内容的颜色、字体、宽度、高度等。

讲授新课CSS语句由选择器和声明两部分构成。选择器指向需要改变样式的网页元素。一个选择器对应的声明可以有多条，每条声明由属性和值组成，属性和值之间用冒号分开。每条声明以分号结束，所有声明用一对大括号括起来。

讲授新课网页内的CSS可以放在style/style之间

讲授新课学习活动2尝试用CSS设计美化网页1.观看老师提供的关于CSS的相关资料，了解CSS的书写规则和常用指令。2.用编辑器打开制作的网页，尝试用CSS对网页文本、标题、背景等进行美化。3.保存网页文件，然后重新浏览它，看看修改后显示效果的变化。4.交流讨论使用CSS美化网页的心得。

讲授新课拓展与提升尝试用在线人工智能模型，美化已有的HTML代码。

感谢您的观看