DreamweaverMX技巧之超链接

至上_温情_李

至上_温情_李

2016-02-19 20:53

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

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

  一、链接图片和文字

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

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

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

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


图1

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

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

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

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

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

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


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

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

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

展开更多 50%)
分享

猜你喜欢

DreamweaverMX技巧之超链接

Web开发
DreamweaverMX技巧之超链接

DreamweaverMX技巧之超链接 (1)

Web开发
DreamweaverMX技巧之超链接 (1)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Dreamweaver MX技巧之超链接

Web开发
Dreamweaver MX技巧之超链接

Word怎样做超链接和取消超链接

电脑入门
Word怎样做超链接和取消超链接

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Word文档超链接删除技巧

word
Word文档超链接删除技巧

办公技巧 Word超链接常用技巧放送

办公软件
办公技巧 Word超链接常用技巧放送

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Linux 操作系统下的串行口通讯编程

Linux 操作系统下的串行口通讯编程

如何使用MAC Lion自带WiFi诊断工具优化网络

如何使用MAC Lion自带WiFi诊断工具优化网络
下拉加载更多内容 ↓