网页链接的设计.ppt

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