用Dreamweaver建立图像的热区链接步骤[图]
最近项目需要将一中国行政区划图的jpg图片加上按照省份区域的热区链接.其实热区链接用起来不难,麻烦的是如何取得每个省份边缘线的那一系列坐标值.幸好有工具帮我们实现,这里我把如何在Dreamweaver制作图象热区的操作步骤结合图形描述如下,希望能够给你带来帮助.
由于定义坐标比较复杂并且难以控制,一般情况下都使用可视化软件进行这种属性的设置。本节我们以Dreamweaver为例来进行讲解,其他软件的功能是类似的。具体方法如下:
(1)建立网页文件,如上例的网页,但只放图像,而不必定义映射图像名以及热区。
(2)启动Dreamweaver,选择"文件"菜单的"打开"命令,弹出"打开"对话框,在对话框中打开刚才建立的HTML文件,如下图所示。

(3)选择图片,在属性面板中设置"地图"的值为"taihu",也就是定义图像要引用的映射图像名。

(4)设置热区。为了显示各种热区的效果,这里将不同的热区定义为不同的形状。单击"矩形热点工具",按住鼠标左键在图片适当位置拖动,绘制出一个矩形区域,如下图所示。

(5)选中矩形区域后,在"链接"(对应href属性)文本框中添加链接地址"chap7_7meiyuan.html",在"目标"下拉列表(对应target属性)中选择"_blank",在"替代"(对应alt属性)文本框中设置选区的提示文字为"梅园",如下图所示。

(8)再次单击图片,选择椭圆型热点工具,用类似的方法,在鼋头渚(读做:元头煮)附近设置一个椭圆型(实际上是圆形)选区,如下图所示。

(9)选中椭圆形区域后,在"链接"(对应href属性)文本框中添加链接地址"chap7_7yuantouzhu.html",在"目标"下拉列表(对应target属性)中选择"_blank",在"替代"(对应alt属性)文本框中设置选区的提示文字为"鼋头渚",如下图所示。

(10)再次单击图片,选择"多边形热点工具",依次单击热区的各个点,创建一个多边形区域,如下图所示。

(11)选中多边形区域后,在"链接"文本框中添加链接地址"chap7_7piaomiaofeng.html",在"目标"下拉列表中选择"_blank",在"替代"文本框中设置选区的提示文字为"缥缈峰",这里就不再图示了。
(12)完成后保存文件,软件会自动生成相应的HTML代码,类似于在例7中显示的那样。其实,例7中的代码就是作者用Dreamweaver做好后简单修改得到的。
Tags:图像热区 Dreamweaver
最新文章
- 网页嵌入播放AVI格式文件代码及实例 [03-17]
- 网页嵌入播放MPG格式文件代码及实例 [03-17]
- 网页嵌入播放smi格式文件代码及实例 [03-17]
- 网页嵌入播放RM格式文件代码及实例 [03-17]
- 在网页中播放wmv格式文件代码及实例 [03-17]
- 网页设计理念剖析之什么是平面构成 [11-04]
- 平面设计中LOGO标志的设计思路及实 [11-03]
- 用Dreamweaver建立图像的热区链接步 [10-25]
- HTML图像的热区链接知识及实例代码 [10-25]
- WEB标准教程第1天:选择什么样的DO [08-12]
推荐文章


热点文章
电脑报九月配机方案
广告大师奥格威的广告准则
广告设计制作专用述语
平面设计输出十大陷阱
浅谈设计美学
3DS MAX制作海上日出动画
三维造型术语
平面文字设计原则及组合
平面设计常用表现手法
3DSMAX2.0使用技巧两则
美术基本常识
创意设计手法
3DS MAX 与显示卡的搭配
中国平面设计三题
平面广告的构成要素
WEB标准教程第1天:选择什么样的
网页设计理念剖析之什么是平面构
平面设计中LOGO标志的设计思路及
用Dreamweaver建立图像的热区链接
HTML图像的热区链接知识及实例代
网页嵌入播放AVI格式文件代码及实
网页嵌入播放MPG格式文件代码及实
网页嵌入播放smi格式文件代码及实
网页嵌入播放RM格式文件代码及实
在网页中播放wmv格式文件代码及实

