DreamweaverMX技巧之超链接

2016-02-19 20:53 8 1 收藏

下面是个超简单的DreamweaverMX技巧之超链接教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - Web开发 】

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

  一、链接图片和文字

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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


图1

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

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

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)


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

  第三步:在属性面板中的“Link”输入框中填写需要链接的网页地址,这样一个图像热区域就做好了。

  同样,再对这幅图像设定多个图像热区域,也就可以实现点击图片的不同区域进入不同的页面了。

来源:http://www.tulaoshi.com/n/20160219/1624760.html

延伸阅读
要向数据库中添加超级链接,要经过两个步骤,一是在表中定义字段类型为“超级链接”,一是向此字段中添加数据。 要在表中定义字段类型为“超级链接”,可以按下面的步骤操作: (1)打开数据库,选择要在“数据库”窗口中包含超级链接字段的表,单击“设计”按钮,进入设置窗口; (2)将光标移到“字段名称”栏中的一个...
标签: 电脑入门
超链接是一个文档的链接,您可以通过超链接指向另外一个页面或文件。 链接目标一般可以是一个网页,或者是一幅图片、一个电子邮件地址等。 当单击超链接时,链接目标是在Web 浏览器中显示、在相应程序中打开或运行,取决于自身的类型。例如,指向网页的超链接将在 Web 浏览器中显示该网页;若是电子邮件地址的话,则会调用系统中默认的邮箱来...
标签: word
Word一键删除超链接小技巧   大家都知道Word中的文字可以做成网页的超链接,点击直接打开相关的网站查看完整资料或咨询。但有时候我们需要修改全文无链接,怎么快速删除呢?下面图老师小编就来教教大家如何Word一键删除超链接。 将word文档转换成图片的两个办法   某种情况下,我们并不需要让客户看到word原件,仅仅允许...
PPT设置超链接跳转   我们在Powerpoint演示文稿的放映过程中,希望从某张幻灯片中快速切换到另外一张不连续的幻灯片中,可以通过超级链接来实现。 下面我们以超级链接到第10张幻灯片为例,看看具体的设置过程: 1、在幻灯片中,用文本框、图形(片)制作一个超级链接按钮,并添加相关的提示文本(如陀螺旋)。 2、选中相应...
标签: 办公软件
对于Word中的超链接功能,大家应该并不陌生,笔者在使用Word中的超链接时总结出了一些经验,现在写出来供大家参考。 1.使用“屏幕提示” 我们在浏览网页时,如果把鼠标指针悬停在某个超链接上面,有时就会出现这个超链接的内容介绍。其实这很容易用Word的超链接功能实现。方法如下:在要添加屏幕提示的文字或图片超链接上面点击...

经验教程

972

收藏

83
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部