Dreamweaver3之一学就会（三）

5D精英网 机器猫
2000年 第25期 

#1    超链篇
　　上次讲怎样做一个网页还记得么？一个网页作为一个网站，这是不现实的；两个网页作为一个网站，这也是不可能的。作为网站肯定有很多的页面，如果页面之间彼此是独立的，那么网页就好比是孤岛，为了建立起网页之间的联系我们必须使用超级链接。今天我们就来谈谈怎样在网页中制作超级链接。
#1　　一、页面之间的超级链接
　　在网页中，最多的就是这种超级链接。在网页中，单击了某些图片或者有下划线的文字就会跳转到相应的网页中去。好了，我们下面开始制作。
　　1.在网页中选中要做超级链接的文字或者图片。
　　2.在属性面板中单击黄色文件夹，选中相应的网页文件（如^25040201a^1）。做好的超级链接的文字下面会有蓝色的下划线。
　　3.预览网页。光标移到超级链接的地方就会变成手形。
　　提示：你也可以手工在链接域中输入地址。给图片加上超级链接的方法和文字完全相同。在FrontPage中制作过超级链接的图片会有蓝色的边框，那是因为图片的Border属性没有设置为0的缘故。在Dreamweaver中超级链接的图片的Border属性自动设置为0，所以不会有蓝色边框出现。要想看到边框可以把图片的Border属性设置成为非0就行了。
　　如果超级链接指向的不是一个网页文件，而是其他文件例如ZIP文件等等，单击链接的时候就会下载文件。
　　超级链接也可以直接指向地址而不是一个文件，那么单击链接可直接跳转到相应的地址。例如，在链接域里写上www.5dmedia.com，那么，单击链接就可以跳转到相应的网站。
#1　　二、邮件地址的超级链接
　　在网页制作中，还经常看到这样的一些超级链接。单击了以后，会弹出邮件发送程序，连联系人的地址也已经写好了。这也是一种超级链接。在Dreamweaver 3之前的版本，做一个邮件地址链接比较麻烦，需要自己写代码。在Dreamweaver 3中新增了一个插入邮件地址的对象。在对象面板中单击这个对象，系统弹出对话框。在对话框Text域中填上相应的文字，E－Mail中填上地址（如^25040201b^2），OK，一个邮件地址的超级链接就做好了。
　　提示：还可以选中图片或者文字，直接在地址栏中填写“mailto：邮件地址”就可以了。
　　除了上面的写法，还可以加入更加复杂的参数，参数之间用“？”分隔。
　　Subject=邮件的标题
　　CC=抄送邮件地址
　　BCC=暗送邮件地址
　　Body=正文内容
　　例如：
　　mailto:rudolf@a.com?Subject=来了?＆CC=123@a.com＆BCC=123@21cn.com ＆Body=这是我的意见
#1　　三、锚点的制作
　　前面所介绍的超级链接单击以后会直接跳转到相应的页面。如果想在同一个页面里进行跳转，或者直接跳转到别的页面的某一个地方，那该如何制作呢?这就需要用到一个小东西叫做锚点（Anchor），在以前的FrontPage中叫做书签（Bookmark）。锚点概念很形象，在某一个地方抛锚，然后超级链接指向锚，单击链接就可以跳转过去。下面我们来做一个简单示范。假设网页中制作一个像书的页面，单击目录就会跳转到相应的章节。首先要在章节的头上安放一个锚点。然后将目录中的文字做上超级链接并指向锚点就可以了。
　　1.将光标定位在第一章开头的“飞狐外传”前面。
　　2.选择菜单Insert→Named Anchor插入锚点。系统弹出插入对话框。输入相应的锚点名称。注意不能使用中文作为名字。
　　3.单击“OK”结束锚点的制作。页面中出现一个锚点的标记（如^25040201c^3）。这个标记只是页面中用于标记锚点的，在正式浏览网页的时候不会出现。
　　4.接下来我们使用一个瞄准器来制作指向锚点的链接。选中文字，在属性面板中拖拽瞄准器到锚点上面，就可以了（如^25040201d^4）。
　　5.按F12预览网页。
　　注意观察指向锚点的超级链接，在属性面板中这种链接指向的地址是＃开头后面加上一个锚点的名称。例如上面例子中的超级链接地址指向的就是＃chapter1。若是想要将链接指向某一页中的某一个地方，可以在链结域中输入xxx.htm＃yyy，就是xxx页的yyy锚点。
#1　　四、瞄准器的其他作用
　　制作超级链接时还可以使用瞄准器来做。选中文字或者图片以后，用瞄准器直接指向站点管理器中的网页就可以了（如^25040201e^5）。
　　技巧：改变超级链接默认的蓝色。想要超级链接的颜色不是默认的蓝色。可以这样做，先把文字颜色改变，然后再做超级链接。要制作更多超级链接的效果我们也可以使用样式面板。这个我们以后介绍。
#1　　五、制作图片上的超级链接Imagemap
　　注意，我们这里所说的Imagemap是指在一张图片上实现多个局部区域指向不同的网页链接。比如一张世界地图的图片，单击不同的洲就跳转到不同的网页。这张图片就是一个Imagemap，可点的区域就是热区。下面我们就来作一个简单的示范。
　　1.首先插入一张图片。
　　2.单击图片，用展开的属性面板上的绘图工具在画面上绘制热区。并且选择相应的文件（如^25040201f^6）。
　　3.预览网页就可以看到效果。
　　提示：对于复杂的热区图形我们可以直接选择多边形工具来进行描画。其中Alt域是用来填写说明文字的。填写了说明文字以后，光标移上热区就会显示出相应的说明文字。
　　OK，讲了那么多，今天就到这里吧！学习中遇到问题可到www.5dmedia.com寻求技术支持或直接发E－mail给我：rudolf@21cn.com。

 