教学课件-网站建设项目五.ppt

教学课件-网站建设项目五.ppt

《教学课件-网站建设项目五.ppt》由会员分享，可在线阅读，更多相关《教学课件-网站建设项目五.ppt（14页珍藏版）》请在冰豆网上搜索。

项目五项目五项目五项目五创建商业网站创建商业网站创建商业网站创建商业网站创建网站首页创建网站子页延伸阅读模块一模块一模块一模块一创建网站首页创建网站首页创建网站首页创建网站首页一、插入flash动画Flash动画是目前最流行的矢量动画，它具有文件尺寸小、变化丰富的优点，因而很多网页中都用到了Flash动画。

本节讲解在网页中插入Flash动画的方法（具体操作见视频5-1）。

二、二、二、二、CSSCSSCSSCSS样式简介样式简介样式简介样式简介样式表也叫CSS（CascadingStyleSheet），它是一个非常灵活的工具。

使用样式表可以为行、标题或单元格等标签定义样式，也可以为链接文本定义样式。

另外，也可以定义可应用于任何元素的样式。

1111CSSCSSCSSCSS样式的分类样式的分类样式的分类样式的分类根据应用对象的不同，可以把CSS样式分为以下三类：

类样式：

类样式又称自定义样式，它是唯一可以应用于文档中任何文本的CSS样式类型，主要用于定义一些特殊的样式。

标签样式：

用来重定义HTML标签的格式。

选择器样式：

选择器样式又称高级样式，它主要用来定义链接文本的样式，也可用来重定义特定标签组合的格式。

2222CSSCSSCSSCSS样式的存储与创建样式的存储与创建样式的存储与创建样式的存储与创建CSS样式的存储与创建都是在“CSS样式”面板中实现的。

它以以下两种方式存在于网页中：

外部CSS样式表：

以.css格式存在于单独的样式文件中。

内部（或嵌入式）CSS样式表：

是一系列包含在HTML文档head部分的style标签内的CSS样式。

三、设置标签样式三、设置标签样式三、设置标签样式三、设置标签样式本节我们将以star站点中的“index.html”网页为例，通过为其设置body样式，来看看如何设置标签样式（具体操作见视频5-2）。

四、设置类样式四、设置类样式四、设置类样式四、设置类样式类样式可以应用于网页中的任何对象，本节通过为“index.html”网页中的文字设置列表样式，来练习类样式的应用（具体操作见视频5-3）。

五、设置高级样式五、设置高级样式五、设置高级样式五、设置高级样式高级样式主要用于设置链接文本的样式，本节通过为“index.html”网页中的链接文本定义样式，来看看高级样式的设置方法（具体操作见视频5-4）。

模块二模块二模块二模块二创建网站子页创建网站子页创建网站子页创建网站子页一、链接外部样式使用样式表不必再为每个网页单独定义样式，可以将所有有关文档的样式保存在一个文件中。

当需要给大量的网页定义同样的样式时，只要将保存样式的文件链接到网页中即可，本节就来看看如何将已有的样式文件链接到网页中（具体操作见视频5-5）。

二、设置网页背景音乐二、设置网页背景音乐二、设置网页背景音乐二、设置网页背景音乐项目四中曾讲过音频文件的插入方法，本节来看看如何为网页设置背景音乐。

选中插选中插入的音入的音频文件频文件单击单击“属性属性”面板上的面板上的“参数参数”按按钮钮设置设置参数参数延伸阅读延伸阅读延伸阅读延伸阅读一、在同一个页面中设置两种链接样式有时候可能需要在同一个网页中设置两种不同样式的链接。

本节通过给star站点中的“index.html”网页添加一个链接样式来讲解此类样式的设置方法（具体操作见视频5-6）。

二、应用类样式为图像设置阴影二、应用类样式为图像设置阴影二、应用类样式为图像设置阴影二、应用类样式为图像设置阴影应用Dreamweaver中的CSS滤镜可设置渐变、透明、阴影等效果。

本例使用CSS滤镜中的“Shadow”属性来给图像添加阴影（具体操作见视频5-7）。

三、使用样式制作特殊边框三、使用样式制作特殊边框三、使用样式制作特殊边框三、使用样式制作特殊边框使用CSS样式不仅可以定义文本、图像样式，还可以定义特殊边线的表格，本节来看看如何用CSS样式将表格的上边线定义为虚线（具体操作见视频5-8）。

四、应用透明四、应用透明四、应用透明四、应用透明flashflashflashflash动画动画动画动画有时候需要在指定了背景图像的网页、表格或单元格中插入一个Flash动画，而Flash动画的背景颜色会遮盖掉背景图像。

那么如何使背景图像能够正常显示呢？

答案就是设法将Flash动画的背景颜色改成透明（具体操作见视频5-9）。