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无法对其正确性进行检查。

在为网页建立链接的时候需要提醒大家一定要格外小心,因为网站通常都有数百个页面,稍不留神就会导致空链接或者是链接错误的情况,这对你的网站形象可是有很不好的影响哟!

标签:Dreamweaver,mx,技巧,链接
0
投稿

猜你喜欢

  • asp datediff 时间相减

    2011-03-25 10:34:00
  • JavaScript的2008[译]

    2009-02-20 13:49:00
  • Microsoft Enterprise Library 5.0 如何集成MyS

    2011-03-16 15:19:00
  • 交互设计实用指南系列(3)—“有效性”之“适时帮助”

    2009-12-25 14:29:00
  • 体验DW MX 2004 CSS新功能

    2011-06-14 09:45:01
  • Case和If哪个更好用?

    2009-10-28 18:25:00
  • 长文章自动分页类

    2008-09-10 12:11:00
  • JS通过FSO将unicode字符写入文本

    2009-06-01 12:26:00
  • Oracle 中文字段进行排序的sql语句

    2009-09-26 18:58:00
  • vertical-align表单元素垂直对齐

    2009-07-27 13:02:00
  • 5 个简单实用的 CSS 属性

    2010-03-10 11:00:00
  • asp如何在刷新链接之前验证文件是否存在?

    2010-06-22 21:09:00
  • 费茨法则在交互设计中的应用

    2009-07-09 19:02:00
  • 初窥交互设计

    2009-10-10 10:52:00
  • 不要跳转或刷新 实现网页区域选择显示

    2010-07-02 16:25:00
  • Oracle 分析函数RANK(),ROW_NUMBER(),LAG()等的使用方法

    2009-11-05 21:45:00
  • ASP实现网站智能分词搜索

    2007-10-18 13:50:00
  • 用asp程序读取网站的alexa世界排名

    2008-11-23 20:43:00
  • 主页移动背景代码

    2009-11-16 17:54:00
  • 使用模板实现ASP代码与页面分离

    2008-09-12 16:07:00
  • asp之家 网络编程 m.aspxhome.com