首 页 | 精品电影 | 音乐天堂 | 在线游戏 | Flash MTV | 三湘书屋 | 幽默笑话 | 三湘图库 | 美女写真 | IT知识库 | QQ贴图 | 加入书签

网页制作网络编程图形图象操作系统冲浪宝典软件教学网络安全认证考试通信技术电子商务业内动态书籍教程原码

最近更新 文章分类 多媒体类 精品软件

本站搜索:
您的位置:三湘时空 -> IT知识库 -> 文章分类 -> Dreamweaver教程 -> DreamweaverMX技巧之超链接  
DreamweaverMX技巧之超链接


文章类别:Dreamweaver教程 来源: 作者: 发表日期:2005-11-18 字体:[ ]

小游戏 | 在线影院 | 幽默笑话 | 源码下载 | Flash MTV | 音乐试听 | 书屋 | 美女写真

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

  一、链接图片和文字

  为一些文字或者图片建立链接非常方便,只要用鼠标选中需要变成链接的图片或者文字,然后在属性面板的“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”区域,在其下方有三个淡蓝色的工具图标,即矩形、圆形和多边形。


  第二步:根据需要用鼠标选中其中的一个,再把鼠标移到图像上拖拽出一块淡蓝色的区域。

  第三步:在属性面板中的“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无法对其正确性进行检查。

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

上一篇:时光回溯 四招恢复损坏Excel文件 下一篇:成熟的形式 3Dmax制作别致巧妙的欧式凉亭
本栏目热门文章
·Ultradev实例教程:2.2 用ODBC连接数据库 2005-10-4
·DreamweaverMX Ultradev探索(4-1) 2005-10-4
·Ultradev实例教程:2.4 UltraDev与各种数据库的连接 2005-10-4
·Ultradev实例教程:2.1 建立一个简单的access数据库 2005-10-4
·Dreamweaver构建Blog全程实录(6)-用户注册的实现 2005-10-4
·Dreamweaver构建Blog全程实录(11)-站内搜索 2005-10-4
·在Dreamweaver中利用MXP插件插入VRML作品 2005-10-4
·Ultradev实例教程:2.3 创建Web站点 2005-10-4
·Dreamweaver构建Blog全程实录(3)-数据库的设计和连接 2005-10-4
·Dreamweaver构建Blog全程实录(1)-BLOG功能简介 2005-10-4
新近更新文章
·自己动手用Dreamweaver制作活动菜单条 2006-6-20
·在Dreamweaver中精细化你的表格外观 2006-6-15
·在Dreamweaver中如何使用Library 2006-6-4
·Dreamweaver MX 2004功能详解 2006-6-4
·Dreamweaver的行为体验 2006-6-4
·Dreamweaver中层的应用技巧 2006-4-30
·用Dreamweaver MX 2004与SQL数据库相连 2006-4-30
·PHP和ASP在Dreamweaver 8中调用IE预览 2006-4-30
·使用Dreamweaver轻松实现交替图像按钮制作 2006-4-23
·细品Dreamweaver MX内建FW技术 2006-4-19
首 页 | 软件发布 | 广告联系 | 下载帮助 | 意见反馈 | 网站地图
  CopyRight? 2002-2004 WWW.SXSKY.NET? All Rights Reserved
三湘时空 站长QQ:82675303 Email: