DreamweaverMX2004基本超链

2008-02-23 06:05:01来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折


  

  网络中的一个个网页是通过终极链接的形式关联在一起的。终极链接是网页中最重要也是最根本的元素之一,没有他的存在,网页之间失去了关联,也就不成为网了。

  网页中的终极连接分为以下三种形式:绝对路径 如:http://www.ddvip.com/index.htm 文档相对路径 如:web/work/my.htm 站点根目录相对路径 如:/web/work/my.htm

  【文本终极链接

  浏览网页时,鼠标经过某些(带有下划线的)文字的时候,鼠标指针的形状会发生变化,根据网页设计的不同,可能文本也会发生一些变化,比如出现下划线或下划线消失、文本颜色字型改变等。这就是提示浏览者“这里是个终极链接”此时用鼠标点击这个终极链接,就会打开所链接的网页。

  在 Dreamweaver MX 2004 中为文本加入终极链接十分简单,以本小节素材为例,我们一起来动手建立一下文本终极链接。

  1、首先请各位下载本小节素材,然后将“test”文档夹放入我们建立的站点“myweb”目录中。

  2、用 Dreamweaver MX 2004 打开“test”文档夹中的“index.htm”

  3、用鼠标选中“启航简介”:



  4、来到属性面板,在【链接】文本框后点击文档夹图标:



  

  5、打开【选择文档】对话框:



   在这里我们引入相对路径的概念

  选中文档之后,在上图中我们选择【相对于】下拉选项的“文档”或“站点根目录”【URL】文本框的内容也随之改变。

  假如在【相对于】选择【文档】则使用文档的相对路径,省略了和当前文档链接相同的URL部分,只指明不同部分。一般相对于文档用于以下几种情况:要链接的文档和当前文档在同一文档夹中,这是只需要输入文档名。 要链接的文档位于当前文档所在文档夹的子文档夹中,URL会自动加上子文档夹名。

  假如在【相对于】选择【站点根目录】则使用从站点根目录到文档所在文档夹所经过的全部路径,本选项一般适合在使用多台服务器的大型网站。假如不是很熟悉路径的概念,建议大家采用相对于文档

  上面所例出的都是相对文档和文档夹而言的,以此建立的链接叫做“相对路径

  为文本添加链接之后,属性面板中的【目标】文本框就变成了可选状态:



  

   重复上面的步骤为“课程介绍”连同后面的页面中的文本配置终极链接。

   为“启航论坛”配置终极链接,这里【链接】文本框中填写的是启航论坛的URL

  (http://bbs.flasher123.com/index.asp) 他的URL带有通信协议、主机名,文档名等,是个完整的统一资源定位,因此这就是“绝对路径

  绝对路径一般在所要链接的内容在其他网站的时候。

  【配置文本链接的不同状态

  大家上网浏览会发现有些文本链接颜色会发生变化,有的有下划线,而有的没有下划线,那些文字有的点击后颜色发生了改变,有些并不改变,这些是怎么做到的呢?

  

  原来,默认加入终极连接之后的文本带有下划线,点击后文本也会改变颜色。根据设计者的喜好连同页面总体视觉效果的需要,我们可能会为了保持页面文本字型字号字色的一致而采用只有鼠标移动到带有超链的文本时文本才变色,提示用户此处是个终极链接。过去这样的效果需要填写大量代码才能实现,现在Dreamweaver MX 2004 给大家提供了方便的配置方法,只需要点击几次鼠标,就能制作出和众不同的网页来。

  1、在【属性】面板点击【页面属性】打开其对话框,对话框中的【分类】选择【链接】



  【图像链接

  图像链接和文本链接大体相同,不同的首先要选中图像,然后在链接文本框中配置。更多的内容,在前面图像属性中已介绍,不再赘述。

  【电子邮件链接

  在“常用”中点击“电子邮件”按钮(点击“常用”处下拉三角能够选择各种布局方式)



  弹出对话框:



  

  按下“确定”按钮,一个电子邮件的终极链接就建立完毕。



  依次填写文本和正确的邮件地址,网页中文本的内容就会变成一个电子邮件终极链接,用户点击他时,就能启动Outlook或Foxmail等软件给您发送邮件了。

  【下载链接

  建立下载链接和建立文本链接基本相同,不同的是在【链接】文本框中最后的文档的扩展名是“rar、zip”等。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: 在Dreamweaver中创建或修改ColdFusion数据源

下一篇: Dreamweaver8页面的总体配置