Dreamweaver CS5.5中文版案例教程教学课件 作者 教学课件第6章6.ppt

《Dreamweaver CS5.5中文版案例教程教学课件 作者 教学课件第6章6.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第6章使用CSS美化网页由于HTML语言本身的一些客观特点，导致了其结构与显示不分离的特点，这也是阻碍其发展的一个原因。因此，W3C很快发布了CSS（层叠样式表）来解决这一问题，以便不同的浏览器都能够正常地显示同一页面。本章主要讲解CSS的创建与编辑及CSS语法结构，从而阐明CSS在不同网页中的技术应用。6.1CSS样式表概述层叠样式表（CSS）是为弥补HTML的缺点而开发的一系列格式设置规则，通过CSS可以非常方便地控制Web页内容的外观，对页面布局、字体、颜色、背景和其他图文效果实现更加精确地控制，实现一些原来HTML标签无法实现的效果。6.

2、1CSS样式表概述6.1.1认识CSS（1）将格式和结构分离（2)页面更加简洁、高效（3）CSS兼容性6.1CSS样式表概述6.1.2“CSS样式”面板在DreamweaverCS5.5中，选择“窗口”→“CSS样式”菜单命令或按【Shift+F11】组合键可以打开“CSS样式”面板，如图6-1所示。6.1CSS样式表概述6.1.3“CSS样式”的种类DreamweaverCS5.5中提供的样式表种类根据运用的范围和对象会有所不同。1.类（可应用于任何HTML元素）2.ID(仅应用于一个HTML元素)6.1CSS样式表概述6.1.3“CSS样式”

3、的种类DreamweaverCS5.5中提供的样式表种类根据运用的范围和对象会有所不同。3.标签（重新定义HTML元素）4、复合内容（基于选择的内容）6.1CSS样式表概述6.1.4设置CSS样式首选参数CSS样式首选参数控制Dreamweaver编写用于定义CSS样式的代码的方式。6.2创建与编辑CSS样式在DreamweaverCS5.5中，可以使用“CSS样式”面板制作样式，文字是构成网页的基本元素，如何使文本能够美观显示，对于网页设计十分重要，下面学习“CSS样式”面板属性中创建有关文字的样式。在“CSS样式”面板中设置字体、文字大小及文

4、字颜色等属性的方法，并将制作的样式应用到网页中，对于段落文本，还可以设置行间距等属性。6.2创建与编辑CSS样式6.2.1使用“CSS样式”面板制作样式6.2创建与编辑CSS样式6.2.1使用“CSS样式”面板制作样式6.2创建与编辑CSS样式6.2.2使用“CSS样式”面板修改字间距只要修改样式表文件，就可以改变所有应用样式的文本。利用样式的这一特征，可以简化复杂的操作，迅速更新网页文档。下面来修改应用于标题的样式属性。6.3丰富的CSS样式设置随着网页设计技术的发展，人们已经不再满足于原有的一些HTML标记，而是希望能够为页面添加一些多媒体属

5、性，如滤镜和渐变的效果。CSS技术的飞快发展使这些要求逐步成为现实。本节介绍CSS的扩展功能：CSS滤镜。使用这种技术可以把可视化的滤镜和渐变效果添加到一个标准的HTML元素上、文本容器及其他一些对象。6.3丰富的CSS样式设置6.3.1滤镜概述CSS滤镜属性的标识符是Filter，其基本语法结构如下。6.1Flash游戏的基础知识6.3.2设置对象的透明度下面通过实例对一些常用滤镜的特点、属性及在CSS中的实现加以介绍。6.1Flash游戏的基础知识6.3.2设置对象的透明度下面通过实例对一些常用滤镜的特点、属性及在CSS中的实现加以介绍。6.

6、1Flash游戏的基础知识6.3.3设置对象的模糊效果利用Blur滤镜可以为对象建立模糊效果，类似于用手在一幅还没干透的油画上迅速划过的效果。下面通过具体的实例来讲述一下对象的模糊效果。6.1Flash游戏的基础知识6.3.3设置对象的模糊效果利用Blur滤镜可以为对象建立模糊效果，类似于用手在一幅还没干透的油画上迅速划过的效果。下面通过具体的实例来讲述一下对象的模糊效果。6.1Flash游戏的基础知识6.3.4设置对象的发光效果利用Glow滤镜可以为对象建立类似发光的效果，下面通过具体的实例来讲述一下文字的发光效果。6.1Flash游戏的基础知

7、识6.3.4设置对象的发光效果利用Glow滤镜可以为对象建立类似发光的效果，下面通过具体的实例来讲述一下文字的发光效果。6.1Flash游戏的基础知识6.3.5设置对象的投影效果利用DropShadow滤镜可以为对象建立投影效果，看上去就像使原来的对象离开了页面，然后在页面上显示出该对象的投影。下面通过具体的实例来讲述一下文字的投影效果。6.1Flash游戏的基础知识6.3.5设置对象的投影效果利用DropShadow滤镜可以为对象建立投影效果，看上去就像使原来的对象离开了页面，然后在页面上显示出该对象的投影。下面通过具体的实例来讲述一下文字的投

8、影效果。6.1Flash游戏的基础知识6.3.6设置对象的波纹样式效果利用Wave滤镜可以为对象建立波纹样式效果，下面通过具体的实例来讲