Dreamweaver MX技巧之超链接（2）
来源：asp之家 发布时间：2009-05-29 18:40:00
二、在一张图片上设定多个链接
有些网页在一张大图片上做了多个链接，这样访问者可以通过点击图片的不同位置进入不同的页面，这是应用了图像热区域的概念，我们可以参照下述步骤实现。
第一步：在Dreamweaver MX 2004中可以先选中图像，此时可以在图像属性面板上看见一个“Map”区域，在其下方有三个淡蓝色的工具图标，即矩形、圆形和多边形。
第二步：根据需要用鼠标选中其中的一个，再把鼠标移到图像上拖拽出一块淡蓝色的区域。
第三步：在属性面板中的“Link”输入框中填写需要链接的网页地址，这样一个图像热区域就做好了。
同样，再对这幅图像设定多个图像热区域，也就可以实现点击图片的不同区域进入不同的页面了。
三、定制页面内跳转的链接
如果你经常在网上订阅免费的电子杂志，或者浏览超长的页面应该对这种标签链接不陌生，这是通过一个类似目录的列表来方便地跳转到页面内任何部分。
第一步：在Dreamweaver MX 2004中先确定链接指向的位置，也就是屏幕跳转后停留的位置，接着选中目标文本并运行“Insert→Named Anchor”命令。
第二步：在“Anchor name”输入框中键入标签名称(比如test3)，这时在文本下面会自动出现一个锚式标记来区别开普通的文本内容(如图2)。
 |
图2
第三步：在属性板的“Link”输入框中输入“#test3”，其中test3就是刚才设置的名字，这样即可实现页面内跳转功能了。
提示：如果想指向另外一页中的某个位置也可以，把这个锚式标记放过去就行了。
四、快速检查网页链接
上网冲浪的时候，最讨厌的就是看见“Web Server error 4004:File Not Found”之类的出错信息。由于一个网站中的的链接数量很多，稍有不甚就会导致很多链接出错，不过在Dreamweaver MX 2004中可以很方便地对链接进行检查。
第一步：在Dreamweaver MX 2004中运行“Site→Check Links SideWide”命令，此时将会激活链接检查面板。
第二步：从面板左上部的“Show”下拉菜单中可以选择Broken Links(断掉的链接)、Extrenal Links(外部的链接)、OrphanedFiles(孤立文件)三种，比如我们选取Orphaned Files之后，Dreamweaver MX 2004将对当前链接情况进行检查，并且将孤立的文件列表显示出来。
第三步：对于有问题的文件，直接双击鼠标左键即可打开进行修改。
提示：外部链接是链接到外部网站的链接地址，Dreamweaver无法对其正确性进行检查。
在为网页建立链接的时候需要提醒大家一定要格外小心，因为网站通常都有数百个页面，稍不留神就会导致空链接或者是链接错误的情况，这对你的网站形象可是有很不好的影响哟！
0
投稿猜你喜欢
直接上图，图文并茂，相信你很快就知道要干什么。A文件：B文件：可以发现，A文件中“汉字井号”这一列和B文件中“WELL”这一列的属性相同，以- 简介bisect 库是 Python 标准库中的一部分，它提供了二分查找的功能。二分查找是一种在有序列表中查找某一特定元素的搜索算法。它的时
- 本文实例讲述了PHP基于phpqrcode类生成二维码的方法。分享给大家供大家参考，具体如下：使用PHP语言生成二维码，还是挺有难度的，当然
- 本文实例为大家分享了python批量文件重命名的具体代码，供大家参考，具体内容如下问题描述最近遇到朋友求助，如何将大量文件名前面的某些字符删
- 在我们学习python的过程中，学习序列是一门必修课。当我们掌握了序列过后，便会学习常用的两个排序函数sort()与sorted()。但很少
- <script language=javascript> function moveIt(obj){ var tableId;
- 前情回顾在上一篇中，我们通过配置基本的信息，已经让我们的项目能够正常的跑起来了。但是，这里还没有涉及到 AJAX 请求接口的内容。vue 本
- CentOS6.9安装Mysql5.7，供大家参考，具体内容如下一、上传安装包二、建立用户以及mysql的目录1、建立一个mysql的组输入
- 最近一直在研究 Javascript 相关的技术。在《Javascript 高级程序设计》有篇章节着重阐述了优化 Javascri
- 微信小程序下拉刷新上拉加载的两种实现方法实现效果图：方法一：onPullDownRefresh和onReachBottom方法实现小程序下拉
- python脚本自动生成需要文件在工作中我们经常需要通过一个文件写出另外一个文件，然而既然是对应关系肯定可以总结规律让计算机帮我们完成，今天
- 1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且
- OpenCV 是一个C++库,目前流行的计算机视觉编程库,用于实时处理计算机视觉方面的问题,它涵盖了很多计算机视觉领域的模块。在P
- python3中的字符串是一种常见的数据类型。字符串有多种表现形式：单引号、双引号和三引号，且这些字符串的表现形式（单、双、三）都必须是成对
- OpenCV介绍OpenCV是一个基于BSD许可（开源）发行的跨平台计算机视觉库，可以运行在Linux、Windows、Android和Ma
- 今天写项目的时候用到ant design中的日期组件，但是由于用ant design日期组件取得的值是moment类型，而往数据库中保存需要
- python和C++一样，支持多继承。概念虽然容易，但是困难的工作是如果子类调用一个自身没有定义的属性，它是按照何种顺序去到父类寻找呢，尤其
- 本文实例讲述了Python实现二叉树及遍历方法。分享给大家供大家参考，具体如下：介绍：树是数据结构中非常重要的一种，主要的用途是用来提高查找
- sql server2000分页方式很多，效率吗 当到达10万级以上就有些吃力了，这里暂时不例出来了sql server2005
- 之前没有注意过div的background-image这个属性，只是设置它的url，今天遇到一个问题特此做一下记录。 <div id=
