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

项目五创建商业网站 创建网站首页创建网站子页 模块一创建网站首页 一 插入flash动画 Flash动画是目前最流行的矢量动画 它具有文件尺寸小 变化丰富的优点 因而很多网页中都用到了Flash动画 本节讲解在网页中插入Flash动画的方法 具体操作见视频5 1 二 CSS样式简介 样式表也叫CSS CascadingStyleSheet 它是一个非常灵活的工具 使用样式表可以为行 标题或单元格等标签定义样式 也可以为链接文本定义样式 另外 也可以定义可应用于任何元素的样式 1 CSS样式的分类 根据应用对象的不同 可以把CSS样式分为以下三类 类样式 类样式又称自定义样式 它是唯一可以应用于文档中任何文本的CSS样式类型 主要用于定义一些特殊的样式 标签样式 用来重定义HTML标签的格式 选择器样式 选择器样式又称高级样式 它主要用来定义链接文本的样式 也可用来重定义特定标签组合的格式 2 CSS样式的存储与创建 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 四 应用透明flash动画 有时候需要在指定了背景图像的网页 表格或单元格中插入一个Flash动画 而Flash动画的背景颜色会遮盖掉背景图像 那么如何使背景图像能够正常显