Dreamweaver3之一学就会(三)
上次讲怎样做一个网页还记得么?一个网页作为一个网站,这是不现实的;两个网页作为一个网站,这也是不可能的。作为网站肯定有很多的页面,如果页面之间彼此是独立的,那么网页就好比是孤岛,为了建立起网页之间的联系我们必须使用超级链接。今天我们就来谈谈怎样在网页中制作超级链接。
#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。