网页链接的设计课件

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