DreamweaverMX技巧之超链接 --中华网--科技频道

新闻 | 军事 | 论坛 | 汽车 | 科　技 | 游戏 | 娱乐 | 女人 | 时尚 | 留学 | 旅游 | 购车 | 食品 | 文化 | ３Ｇ | 教育 | 音乐 | 邮箱 | 公益 | 求医
财经 | 军史 | 博客 | 搜车 | 实拍 | 网游 | 明星 | 城市 | 篮球 | 数码 | 智游 | 亲子 | 社会 | 文史 | 健康 | 图库 | 电影 | 问答 | 评论 | 时尚

DreamweaverMX技巧之超链接 (1)

中华网科技 http://tech.china.com 2005-11-14 11:14:21

【进入BBS】【进入聊天室】【推荐给朋友】【浏览字号：大中小】【关闭窗口】

　　在经过前面几个部分的操作之后，我们的网页已经图文并茂，具有相当的效果了，但是这对于网页来说还不够，为了网站中的众多网页能够成为一个有机的整体，必须将各个网页通过超链接方式联系起来，这样才能够让浏览者在不同的页面之间跳转。

　　一、链接图片和文字

　　为一些文字或者图片建立链接非常方便，只要用鼠标选中需要变成链接的图片或者文字，然后在属性面板的“Link”输入框中输入需要跳转的目标页面地址，或者按下输入框旁边的文件夹图标来选择需要跳转的文件。除此之外，Dreamweaver MX 2004还提供了一种通过网站窗口来快速链接文件的方法。

　　第一步：首先运行“Site→Manage Sites”命令，并且从弹出菜单中选择一个已经创建好的站点，此时可以在右部看见弹出的站点管理窗口。

　　第二步：在编辑区选中文字或者图片，直接拖拽属性面板中“Link”输入框旁边的圆形标靶图标，这时将出现一个箭头，当箭头指向网站管理器中的某一个文件时，文件周围会出现一个方框（如图1）。

　　图1

　　第三步：松开鼠标之后，选中的文字下部就会出现下划线，同时单词的颜色变成蓝色，而且“Link”输入框中也会自动显示目标文件的地址。

　　提示：在建立链接的时候需要注意URL的两种方式。1．绝对地址：例如www．abc．com/test．htm；2．相对地址：比如download/1．htm，说明页面1．htm在服务器的根目录中。

　　二、在一张图片上设定多个链接

　　有些网页在一张大图片上做了多个链接，这样访问者可以通过点击图片的不同位置进入不同的页面，这是应用了图像热区域的概念，我们可以参照下述步骤实现。

　　第一步：在Dreamweaver MX 2004中可以先选中图像，此时可以在图像属性面板上看见一个“Map”区域，在其下方有三个淡蓝色的工具图标，即矩形、圆形和多边形。

首页上页 | 1 | 2 | 下页尾页共 2 页