第5章_ 网页链接的设计PPT课件.pptVIP

第5章 网页链接的设计 ;5.1 创建文本超级链接 ;5.1.1 链接的路径;5.1.3 创建文本超级链接;5.1.4 创建图像超级链接 ; CSS又称样式表，主要优点是更新功能; CSS的样式规则由两部分组成，选择器和声明。声明由两部分组成，属性和值。 CSS的类型有三种，自定义CSS样式（也称类样式）、HTML标签样式和CSS链接样式。本章主要讲述CSS链接样式。无论何种样式，都采用三个步骤，首先创建样式，然后设定样式，最后应用样式。 参见操作实例1： ; 使用CSS样式使链接样式制作的更加丰富多彩，这类样式常使用样式表中的“边框”属性来完成。下面利用创建复杂的CSS链接样式的方法，为网页实现复杂的文字链接效果。 参见操作实例2：; CSS样式表除了改变超级链接样式，更多的用途用来控制一篇或多篇文档中的文本格式，美化页面。下面讲述如何为页面加背景图案。 参见操作实例3：;5.2 制作有金属质感的超级链接 ; 计算机的颜色是由三种基本色，即红色、绿色和蓝色组合而成。这三种颜色称为三原色。颜色模型称为RGB模型，R代表红色（Red）、G代表绿色（Green）和B代表蓝色（Blue）。 计算机屏幕上最小的元素是像素点，每个像素点都由这三种基本色来决定，通过改变像素点上每个基色的亮点，可以实现不同的颜色。 ; 颜色井是Fireworks MX 2004中用于选择颜色的基本工具。 颜色工具箱中有颜色井； “属性”面板上有颜色井； 颜色井如右图所示。 ; 另一种选择颜色的方便方法是使用“样本”颜色。打开颜色面板的方法有两种： 第一种方法是单击“窗口”菜单，选择“样本”命令； 第二种方法是按下【Ctrl+F9】组合键，弹出“样本”面板，如下图所示；; 第三种选择颜色的方法是使用“混色器”面板。它可以显示出用三原色模型表示的十六进制的颜色数，如下图所示。 ;Fireworks MX 2004 有四种填充种类： 实心填充 网页抖动 图案填充 渐变填充 ; 使用绘图工具和颜色工具可以制作出奇妙的图形和色彩丰富的按钮。 任务一：改变绘图工具的“属性”面板的参数，快速绘制两个有金属质感和立体效果的简单按钮。 参见操作实例： 任???二：制作出正反黑白徽标的图案。 参见操作实例： ; Fireworks MX 2004使用按钮编辑器完成按钮的创建，按钮最多有四种不同状态：“释放”、“滑过”、“按下”和“按下时滑过”。 下面用实例讲述利用按钮编辑器制作变幻颜色的按钮并给按钮添加链接。 参见操作实例： ; Flash MX 2004中可以绘制图形、制作文本，将图形变形，使用按钮编辑器可以建立自感应的按钮元件并为按钮建立行为，例如设置URL链接。 ; 计算机中的图像种类有两种，即位图图像和矢量图像。Flash中使用的是矢量图。矢量图与分辨率无关，放大或缩小不会出现图像失真。 利用各种图形工具绘制图形、用填充工具填充颜色以及将图形变形。下面的实例1讲述了利用绘图工具和颜色工具绘制出钻石图案的方法。 参见操作实例1： ; 如何综合运用绘图工具、颜色工具和填充变形工具绘制粗糙的电视机画面的方法。 参见操作实例2： ; 元件是可重复使用的元素，元件用于存储可重复使用的图形、按钮和动画，分为图形元件、按钮元件和影片剪辑元件。 ; 应用元件通常需要四个步骤： 创建元件 应用元件 编辑元件 退出元件 参见操作实例1： ; 实例1设置了有链接的按钮元件，如何建立动画效果的按钮元件呢？实例2利用按钮元件的创建方法，绘制出了一个闪烁五彩的椭圆按钮并设置链接。 参见操作实例2： ;一、填空题 1.网页的超级链接可分为 、 、 。 2.网站中文档的3种链接路径是 、 、 。 3.在浏览网页前应先 ，如果想要浏览网页效果，可直接按快捷键 ，即可将当前的网页直接在浏览器中打开。;二、操作题 1.用Fireworks MX 2004 制作出立体文字效果的图案，如下图所示。 2.使用Dreamweave MX 2004创建两张“T型”框架结构的网页，并建立这两张网页之间的超级链接。 3.在Flash MX 200