资源简介

网页中的超级链接
超链接是网页之间建立联系的基本途径，通常网页上都会有很多超链接，指向各种相关的文件。通过超链接可以将Internet上的各种相关信息有机地联系起来，能很方便地从一个网页跳转到另一个网页，从而可以更加方便地查询到所需的资源。
本章介绍超级链接在网页中的应用，主要内容包括：
超级链接基础
网页中常见的超级链接
在网页中创建跳转菜单
在网页中创建导航条
创建脚本链接
网页相册
一、 超级链接基础
一个网站是由多个网页组成的，站点和页面具备一定的链接关系才能正常运行，在制作网站时，需要建立站点与网页、网页与网页之间的链接关系。
利用超级链接可以实现文档间或文档中的跳转，超级链接由两部分组成:链接的载体以及链接的目标地址。许多页面元素可以作为链接载体，如:文本、图像、图像热区、轮替图像、动画…。而链接目标可以是任意网络资源，如:页面、图像、声音、程序、其他网站、Email、锚点(书签,即页面中的某个位置)
图 超级链接的链接载体和链接目标
链接路径: 每个网页甚至每个独立的网页元素（图像、声音、动画、视频等），都有一个唯一的地址，称为统一资源定位符（URL）。在网页的超链接中，正是以统一资源定位路径的方式来链接的。一般情况下，路径有3种表示方法：绝对路径、文档相对路径和站点根目录相对路径。三种类型的链接路径:
　一. 绝对路径:绝对路径提供链接文档的完整URL。例如:http://www.sxu.edu.cn。必须使用绝对路径来链接其它服务器上的文档。
　二. 文档相对路径:文档相对路径是用于本地链接的路径。只提供不同的那部分路径。
要链接的文件与当前文档处在同一文件夹中，只需输入文件名。
要链接的文件位于当前文档所在文件夹的子文件夹中，提供子文件夹名，然后是一正斜线(/)和文件名。
要链接的文件位于当前文档所在文件夹的父文件夹中，文件名前加 ../。
　三. 根相对路径: 根相对路径提供从站点根文件夹到文档所经过的路径。/ 代表站点根文件夹
下拉列表中有4个选项，它们的功能分别如下所述。
_blank：将链接的文档载入一个新的、未命名的浏览器窗口。
_parent：将链接的文档载入该链接所在框架的父框架或父窗口。如果包含链接的框架不是嵌套框架，则所链接的文档载入整个浏览器窗口。
_self：将链接的文档载入链接所在的同一框架或窗口。此目标是默认的，所以通常不需要指定它。
_top：将链接的文档载入整个浏览器窗口，从而删除所有框架。
链接目标
二、 网页中常见的超级链接
本节介绍在网页中常见的几种超级链接的制作方法。
1 、选择文本或图片，创建至网站等超链接
如：链接至网站（Http://www.edu.cn)
链接至当前站点网页文件
链接至图片文件 、链接至flash动画 、链接至mp3声音文件、缩略图至大图的链接 、轮替图像的链接
2、链接到文档内的指定位置(锚点)
当浏览很长的网页页面时，需要不断拖动浏览器的滚动条才能浏览下面的内容，很不方便。如果需要寻找特定的内容就会比较麻烦。可以建立一些锚点链接，但浏览者单击锚点链接时就能自动跳转到相应的位置，这样能使浏览者快速找到相应的内容。
创建命名锚记：置插入点到需要命名锚点的地方。
　执行以下任一操作:
1)选择插入→命名的锚点。
2)在“插入”栏的“常用”类别中，单击“命名锚记”按钮。 。
　在插入命名的锚点对话框的锚点名域中，输入锚点名。
　如果锚点标记没有出现在插入点位置，选择查看 → 可视化助理→ 不可见元素。
3 、图片热区超链接
图片地图主要用来在一幅图片内部的不同区域上设置超链接，设置图片地图时，要在图片上添加一系列的“热点”，这些热点可以具有各自不同的形状，而且可以为它们分别设置超链接。
矩形热点工具：创建一个矩形热点。
椭圆形热点工具：创建一个圆形热点。
多边形热点工具：创建一个不规则形状的热点。
1．绘制矩形热点
2．绘制椭圆形热点
3．绘制多边形热点
三、 创建跳转菜单链接
跳转菜单是文档中站点访问者可见的一个弹出菜单，列出链接到文档或文件的选项。
选择[插入→表单对象→跳转菜单]
　　　
四、 在网页中创建导航条
导航条是网页中的重要元素，在几乎所有的网站设计中，页面上都需要导航条。本节通过实例介绍两种制作导航条的方法。
1、 创建文字导航条
1．创建表格
2．输入导航文字并定义超链接
2、 应用Dreamweaver预设功能创建图片导航条
插入-----图像对象-----导航条
1．添加导航条
2．设置导航项目
3．添加更多的导航条项目
4．修改导航条
五、 创建脚本链接――关闭网页窗口
制作一个关闭网页窗口的脚本链接。当单击网页中的“关闭窗口”文字链接时，弹出一个提示关闭窗口的对话框，效果如图所示。单击“是”按钮即可关闭网页窗口。
图 关闭网页窗口的脚本链接
选中文本---在【属性面板】的【链接】文本框中输入：
javascript:window.close()
六、 网页相册
使用Dreamweaver提供的网页相册功能，制作一个电子相册网页。相册首页效果如图所示，页面中显示一些图片的缩略图，每行显示5个。每个缩略图指向原始对应图像的超链接，单击缩略图将显示完整图。
选择【命令】|【创建网站相册】
图 相册首页效果
练习1 纵向文字导航条
　　制作一个纵向文字导航条，效果如图所示。在制作这个实例时，需要先用表格布局并设置表格属性，然后输入纵向的导航文字，添加超级链接。
练习2　纵向动态导航条
利用Dreamweaver预设的插入导航条功能，制作一个动态的纵向导航条。

展开更多......

收起↑