大雀软件园

首页 软件下载 安卓市场 苹果市场 电脑游戏 安卓游戏 文章资讯 驱动下载
技术开发 网页设计 图形图象 数据库 网络媒体 网络安全 站长CLUB 操作系统 媒体动画 安卓相关
当前位置: 首页 -> 网页设计 -> DREAMWEAVER -> 用DreamweaverMX 做图像热区

用DreamweaverMX 做图像热区

时间: 2021-07-31 作者:daque

大师在翻开带有图片的网页时,偶尔会看到如许的情景:当鼠标指向图片的各别部位时,不妨翻开各别的超链接,这种本领咱们称之为—网页图片热区。

  底下咱们以dreamweaver mx和frontpage 2003为例,来看看网页图片热区的简直创造进程。

用dreamweavermx 做图像热区图1

  一、在dreamweaver mx中为图片创造热区

  1、启用dreamweaver mx(其余本子请仿造操纵),翻开须要创造图片热区的网页文献,选中相映的图片,此时“属性”面板机动切换到“图片属性”状况(如图1)。

  2、选中一种热区典型(如“多角形”),而后在图片上顺序点出一个热区来(拜见图1)

图1

  提防:热区十分所以在图片上减少了一个图形层,象安排图片一律,不妨经过采用东西安排热区的巨细和场所。

在一页中有多个图像舆图时,要提防各别的舆图名字。其余即使不是更加搀杂的图形链接时,要尽管少用图像舆图来加链接。

用dreamweavermx 做图像热区图2

  3、在“链接”右边的方框中输出要链接的网址(如“http://www.yesky.com”);在“代替”反面的方框中输出少许证明字符(如“天极网”);按“目的”右边的下拉按钮,在随后展示的下拉列表中采用一种链接页面包车型的士翻开办法(如须要让链接的页面在新窗口中翻开,就采用“_blank”选项)。

  提防:“代替”方框中输出的字符,在此后欣赏网页时,当鼠标指向该热区时,在页面上会表露出该字符(如图2)。

图2

用dreamweavermx 做图像热区图3

 4、反复上述2、3步的操纵,在图片的各别部位创造多个热区。

  二、在frontpage2003中为图片创造热区

  1、启用frontpage2003,翻开须要创造图片热区的网页文献。

用dreamweavermx 做图像热区图4

  2、实行“视图→东西栏→图片”吩咐,打开“图片”东西栏(如图3)

图3

  3、选中一种热区典型(如“矩形形”),而后在图片上拖来出一个热区,此时体例自转动出“插入超链接”对话框(如图4)。

用dreamweavermx 做图像热区图5

图4

  4、在“地方”栏上输出要链接的网址(如“www.yesky.com”);点击“屏幕提醒”按钮翻开“树立屏幕超链接提醒”对话框(如图5),输出少许证明字符(如“天极网”)。

图5

  提防:此处的“屏幕提醒”同dreamweaver mx“代替”功效一律。

  4、同理,反复上述3、4步的操纵,不妨在图片的各别部位创造多个热区。

热门阅览

最新排行

Copyright © 2019-2021 大雀软件园(www.daque.cn) All Rights Reserved.