相关文章
网站策划设计(二)-网站制作过程中把握的几点-
2007年度全球50个最佳网站
用360安全卫士来推广网站的五个技巧
企通互联首页管理
北京网站制作供求最终信息页标签
网页设计网页设计技巧:如何隐藏网页中的层DIV
北京网站建设Dreamweaver构建Blog(4):首页的实现
网站建设FLASH MX 2004视频教程: 《江南》五
北京网站制作Flash深入学习:全Flash网站制作剖析
网站设计简单form标准化实例——整体布局
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> 网站设计教程/dreamweaver/入门 Dreamweaver 4 简明教程9(建立超级链接)
网站设计教程/dreamweaver/入门 Dreamweaver 4 简明教程9(建立超级链接)
作者: 北京网站建设 日期:2008-03-27 06:03:34 来源: http://www.qt-net.com
超级链接(Link),简称链接,是页面与页面之间一个单向的关联关系。通过点击链接,我们可以从一个页面跳到另一个页面。我们可以在文字、图片建立链接。网站制作
网站设计
网站建设
1、文字链接网站制作
北京网页设计
网站建设
在页面中选取需要建立链接的文字,如下图:北京网页设计
网站设计
网站制作
在属性面板的 www.qt-net.comLink一项,填写链接地址,当浏览者点击该链接的时候,浏览器就回跳转到该页面,例如这里填写的是:http://www.goeway.com北京网站建设
北京网站设计
北京网页设计
北京网站建设
北京网页设计 如果你希望该页面是在一个新窗口打开,可以在Target中选择“_balnk”。北京网站设计
网页设计
如果要链接到网站内的文件,可以点击
:企通互联
北京网站设计
北京网站设计
上图中,我们是将文字链接到index2.htm这个文件,特别注意的是最底的Relative To的选项,意思是选择相对路径的形式,默认是Document,也可以选择Site Root,区别在于,Document是指相对路径是从本页开始计算,而Site Root是从根目录开始计算(即“/”),如下图: 北京网站制作网站建设
北京网站设计
北京网页设计 网站建设
另外,如果使用Site Root的模式做成的链接,在本地硬盘直接打开页面浏览通常会出错,但在Dreamweaver的预浏模式和上传上服务器后,都不会有问题。北京网站建设
网页设计
2、图片链接北京网站建设
北京网站设计
企通互联
图片链接的建立过程与文字链接相似,就不多作介绍了。但特别要提出的是,某些图片,在加上链接后,会出现一个蓝色的边框,要将边框去掉,将Border设为0即可。网站制作
3、热区链接企通互联
网站制作
网站建设
前面介绍的图片链接,一张图只能对应一个链接,能不能一张图对应多个链接呢?答案是可以的,选取一张图片后,可以在属性面板看到Map选项:北京网站设计
企通互联
北京网页设计
其中:
创建矩形热区,
创建原形热区,
创建多边形热区。例如我们现在点 ,光标变成一个十字,此时可以在图片上画出一个蓝色矩形的热区:企通互联
北京网页设计
网站设计
北京网页设计
此时对应的属性面板为:北京网站设计
北京网站建设
网站设计
同样地,在 网页设计Link输入链接地址(“#”表示一个空链接),而Alt 北京网站设计则为当鼠标指向热区时所显示的文字,与图片的Alt相似。我们可以通过
选择不同的热区,并通过调整热区四个角的控制点调整热度的大小。通过热区,我们可以在猩猩的眼睛做一个链接,同时又在嘴巴上做一个链接,分别链接到不同的页面。 网站制作
网站设计北京网站设计
关于链接的提示网站设计
网站建设
网页设计
1、如果要链接到一个E-mail地址,则在Link处填写:“mailto:地址”,例如mailto:help@goeway.com,那么点击该链接的时候,就回打开默认的E-mail程序,例如Outlook,发送E-mail到help@goewa.com这个地址。北京网站建设
北京网站设计
2、如果链接到浏览器无法打开的文件,例如exe、Zip等文件,那么浏览者在点击这个链接的时候,就会弹出对话框,询问是将文件保存到硬盘的什么地方,这就实现了文件下载的功能。网站制作
网站制作
网站设计
网站建设
1、文字链接网站制作
北京网页设计
网站建设
在页面中选取需要建立链接的文字,如下图:北京网页设计
网站设计

网站制作
在属性面板的 www.qt-net.comLink一项,填写链接地址,当浏览者点击该链接的时候,浏览器就回跳转到该页面,例如这里填写的是:http://www.goeway.com北京网站建设
北京网站设计
北京网页设计

北京网站建设
北京网页设计 如果你希望该页面是在一个新窗口打开,可以在Target中选择“_balnk”。北京网站设计
网页设计
如果要链接到网站内的文件,可以点击
:企通互联北京网站设计

北京网站设计
上图中,我们是将文字链接到index2.htm这个文件,特别注意的是最底的Relative To的选项,意思是选择相对路径的形式,默认是Document,也可以选择Site Root,区别在于,Document是指相对路径是从本页开始计算,而Site Root是从根目录开始计算(即“/”),如下图: 北京网站制作网站建设
北京网站设计

北京网页设计 网站建设
另外,如果使用Site Root的模式做成的链接,在本地硬盘直接打开页面浏览通常会出错,但在Dreamweaver的预浏模式和上传上服务器后,都不会有问题。北京网站建设
网页设计
2、图片链接北京网站建设
北京网站设计
企通互联
图片链接的建立过程与文字链接相似,就不多作介绍了。但特别要提出的是,某些图片,在加上链接后,会出现一个蓝色的边框,要将边框去掉,将Border设为0即可。网站制作
3、热区链接企通互联
网站制作
网站建设
前面介绍的图片链接,一张图只能对应一个链接,能不能一张图对应多个链接呢?答案是可以的,选取一张图片后,可以在属性面板看到Map选项:北京网站设计
企通互联

北京网页设计
其中:
创建矩形热区,
创建原形热区,
创建多边形热区。例如我们现在点 ,光标变成一个十字,此时可以在图片上画出一个蓝色矩形的热区:企通互联北京网页设计
网站设计

北京网页设计
此时对应的属性面板为:北京网站设计
北京网站建设

网站设计
同样地,在 网页设计Link输入链接地址(“#”表示一个空链接),而Alt 北京网站设计则为当鼠标指向热区时所显示的文字,与图片的Alt相似。我们可以通过
选择不同的热区,并通过调整热区四个角的控制点调整热度的大小。通过热区,我们可以在猩猩的眼睛做一个链接,同时又在嘴巴上做一个链接,分别链接到不同的页面。 网站制作网站设计北京网站设计
关于链接的提示网站设计
网站建设
网页设计
1、如果要链接到一个E-mail地址,则在Link处填写:“mailto:地址”,例如mailto:help@goeway.com,那么点击该链接的时候,就回打开默认的E-mail程序,例如Outlook,发送E-mail到help@goewa.com这个地址。北京网站建设
北京网站设计
2、如果链接到浏览器无法打开的文件,例如exe、Zip等文件,那么浏览者在点击这个链接的时候,就会弹出对话框,询问是将文件保存到硬盘的什么地方,这就实现了文件下载的功能。网站制作
上一篇:网站建设教程/dreamweaver/入门 Dreamweaver 4 简明教程10(网页的排版)
下一篇:北京网站制作教程/dreamweaver/入门 Dreamweaver 4 简明教程8(让你的网页更漂亮)