互联网观察 网站建设 网站运营 网上创业 电子商务 建站软件 建站软件教程 网站开发 网页制作 收藏本站
建站常识 | 域名 | 主机 | 网上开店 | 搜索引擎优化 | 网站推广 | 网络赚钱 | 站长经验 | 个人建站 | 网站设计 | 网页特效 | wap网站

Dreamweaver 4 简明教程9(建立超级链接)


  超级链接(Link),简称链接,是页面与页面之间一个单向的关联关系。通过点击链接,我们可以从一个页面跳到另一个页面。我们可以在文字、图片建立链接。


1、文字链接


  在页面中选取需要建立链接的文字,如下图:

教程/dreamweaver/入门 Dreamweaver 4 简明教程9(建立超级链接)(图一)



  在属性面板的Link一项,填写链接地址,当浏览者点击该链接的时候,浏览器就回跳转到该页面,例如这里填写的是:http://www.goeway.com


教程/dreamweaver/入门 Dreamweaver 4 简明教程9(建立超级链接)(图二)



  如果你希望该页面是在一个新窗口打开,可以在Target中选择“_balnk”。

如果要链接到网站内的文件,可以点击 教程/dreamweaver/入门 Dreamweaver 4 简明教程9(建立超级链接)(图三)

教程/dreamweaver/入门 Dreamweaver 4 简明教程9(建立超级链接)(图四)



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

教程/dreamweaver/入门 Dreamweaver 4 简明教程9(建立超级链接)(图五)



  另外,如果使用Site Root的模式做成的链接,在本地硬盘直接打开页面浏览通常会出错,但在Dreamweaver的预浏模式和上传上服务器后,都不会有问题。

2、图片链接


  图片链接的建立过程与文字链接相似,就不多作介绍了。但特别要提出的是,某些图片,在加上链接后,会出现一个蓝色的边框,要将边框去掉,将Border设为0即可。


  




上一篇:Dreamweaver行为全接触(5)
下一篇:网页特效虚拟格式化硬盘
相关分类
网页制作 (4121)
  html教程 (591)
  css教程 (546)
  Dreamweaver教程 (1006)
  JavaScript教程 (834)
  网页制作技巧 (378)
  网页特效 (766)
 



版权所有 Copyright© 2006 黑马建站宝典 联系方式:heima123#gmail.com