4.4网页的美化与特效制作-粤教版高中信息技术选修三（网络技术应用）课件(共22张PPT)

4.4网页的美化与特效制作 - - 学习目标 应用样式表美化网页 制作网页动态特效 Activex控件和组件的应用 - - 样式 样式是字体和段落设置的组合。使用样式来快速一致地设置文本格式。 应用样式可以大大节省网页元素的格式化定义的工作量，提高工作效率 - - 样式表的应用 除了标题样式外，你也可以使用“项目符号列表”样式，它会将文本缩进，并加上项目符号；还有“编号列表”样式，它会将文本缩进并进行段落编号，当你将样式应用到文本时，该样式会被应用到段落中所有的文本。 - - 使用样式表可以统一各个网页页面的格式 - - 关于级联样式表CSS CSS还允许将样式定义单独存储于样式文件中，这样可以把显示的内容和显示样式定义分离，便于多个HTML文件共享样式定义。一个HTML文件也可以引用多个CSS样式文件中的样式定义。 所谓"层叠"，实际上就是将显示样式独立于显示的内容，进行分类管理，例如分为字体样式、颜色样式等，需要使用样式的HTML文件进行套用即可。 - - 任务 定义网页样式并应用到网站外观控制中 操作如下 (1)使“虎门销烟启思录”中“背景介绍”栏目网页页面各文字段落的样式如下：字体为宋体，字号为10pt，文字颜色为朱红色。 (2)选择网页段落元素所有的html 标记p，指定其样式。完成一个网页的样式定义，如图4-26所示。 参考书本119-120页 - - 操作步骤：格式——样式 - - 建立CSS样式表 3)切换到HM视图，如下页图4-27所示，查看网页HM中的样式表定义段落。样式表在田html中的标记是< style></ style>。把样式表复制到网站内新建的一个文本文件中，文件命名为“../sty1e/ style.css - - 关于样式表 1. 样式表定义 CSS样式表定义的基本语法为： 　　 选择符（Selector）{ 规则（Rule）表} 选择符是指要引用样式的对象，它可以是一个或多个HTML标记（各个标记之间以逗号分开），如h1；也可以是类选择符（如.text）、ID选择符或上下文选择符。 规则表是由一个或多个样式属性组成的样式规则，各个样式属性间由分号隔开，每个样式属性的定义格式为： 样式名：值 样式定义中可以加入注解，格式为：/*字符串*/ 【例】使用CSS控制文字显示特性<Go1>