当前位置月光软件 -> 电脑乐园 -> Dreamweaver

 

轻松掌握网页制作
深入学习和使用
用表格做网页
图形化的网页
灵活运用文字
精彩的图层世界
丰富的超链接
相对路径和绝对路径
文件定位图标的使用
锚点的链接
创建图形热区链接
框架里的乾坤
创建各种窗体
本章常见问题解答
高级使用和理解
附录
常见问题汇总
快捷键分级介绍
一句话技巧集萃
功能快速索引



请您留言
谈谈您的看法

 

 

 
  二、深入学习和使用

5、丰富的超链接

(4)创建图形热区链接

  我们看一下这个例子,在这个长方形的图形中,单击“我的爱好”上面的小人,就会弹出一个新窗口,再点大象,又弹出一个窗口(图1)。这是怎么制作的呢?

用热区链接的效果

图1 用热区链接的效果(点击预览)

  其实很简单,只要在图形中创建一些热区(map,也有称为影像地图的),并在每个热区上建立了相应的链接就行了。

  下面我们一起来创建这样的链接。

  在文档中插入可做热点链接的图。选中这幅图片,可以看到属性面板的左下部有创建热区的几个按钮,分别为矩形、圆形和多边形(图2)

将图形的某一部分建立链接

图2 将图形的某一部分建立链接

圆形热区  我们先来给最左侧的小圆圈加链接。点一下属性面板中的圆形 图标,然后在图形上单击鼠标左键并进行拖动,画一个圆,最好比图中的圆大一点。释放鼠标后,热区创建完毕,呈浅蓝色。

  点一下属性面板中的箭头按钮 ,调整热区的位置,使它刚好将图中的圆盖住(图3)

热区的属性

图3 热区的属性

  接下来在属性面板中,选择要链接的文件,选Target方式为“_blank”,在ALT框中输入相应的说明文字,并将这个热区名字定为mylike。

  注意:如果你在同一文档中使用多个热区,务必给每个地图起一个唯一的名称。

  接下来我们给这头大象设置一个链接。选中图形,点一下属性面板上的多边形按钮,然后在大象的边线上点一下,释放鼠标,移动到另一个位置,再点一下鼠标,多次操作,就可以将大象用一个不规则的多边形围起来(图4)

多边形的热区

图4 多边形的热区

  单击箭头工具,结束多边形热区定义。在热区上创建链接的方法和上面讲的相同。

  用同样方法,可以给其他几个圆形创建热区链接。

  好了,这一课我们讲了有关超级链接的一些内容,包括超级链接的种类、相对路径和绝对路径等概念,还讲了创建超链接的各种方法,你都学会了吗?

  掌握了这些知识,在网页制作过程中会更加游刃有余!

 

上一节 下一节   

 

请您留言
谈谈您的看法