用DreamweaverMX 做图像热区
作者:天极网 发布时间:2020-07-30 08:46:33
大家在打开带有图片的网页时,有时会看到这样的情况:当鼠标指向图片的不同部位时,可以打开不同的超链接,这种技术我们称之为—网页图片热区。
下面我们以Dreamweaver MX和FrontPage 2003为例,来看看网页图片热区的具体建立过程。
一、在Dreamweaver MX中为图片建立热区
1、启动Dreamweaver MX(其他版本请仿照操作),打开需要建立图片热区的网页文件,选中相应的图片,此时“属性”面板自动切换到“图片属性”状态(如图1)。
2、选中一种热区类型(如“多边形”),然后在图片上依次点出一个热区来(参见图1)
图1
注意:热区相当于是在图片上增加了一个图形层,象调整图片一样,可以通过选择工具调整热区的大小和位置。
在一页中有多个图像地图时,要注意不同的地图名字。另外如果不是特别复杂的图形链接时,要尽量少用图像地图来加链接。
3、在“链接”右边的方框中输入要链接的网址(如“http://www.yesky.com”);在“替代”后面的方框中输入一些说明字符(如“天极网”);按“目标”右边的下拉按钮,在随后出现的下拉列表中选择一种链接页面的打开方式(如需要让链接的页面在新窗口中打开,就选择“_blank”选项)。
注意:“替代”方框中输入的字符,在以后浏览网页时,当鼠标指向该热区时,在页面上会显示出该字符(如图2)。
图2
4、重复上述2、3步的操作,在图片的不同部位建立多个热区。
二、在FrontPage2003中为图片建立热区
1、启动FrontPage2003,打开需要建立图片热区的网页文件。
2、执行“视图→工具栏→图片”命令,展开“图片”工具栏(如图3)
图3
3、选中一种热区类型(如“长方形”),然后在图片上拖来出一个热区,此时系统自动弹出“插入超链接”对话框(如图4)。
图4
4、在“地址”栏上输入要链接的网址(如“www.yesky.com”);点击“屏幕提示”按钮打开“设置屏幕超链接提示”对话框(如图5),输入一些说明字符(如“天极网”)。
图5
注意:此处的“屏幕提示”同Dreamweaver MX“替代”功能一样。
4、同理,重复上述3、4步的操作,可以在图片的不同部位建立多个热区。


猜你喜欢
- 在待测试的私有函数所在的包内,新建一个xx_test.go文件书写方式如下:import ( "github.com/stretc
- 1.获取数据import requestsdef drg(url): try: &nb
- 1.实现效果2.实现原理echarts官网:series-lines注意:流动特效只支持非平滑曲线(smooth:false)series-
- 前言:最近在学习单片机,老师要求自己写串口通信的上位机程序,我采用比较简单的pyqt5+serial模块来完成任务,pycharm测试一切正
- 因为老策略一直能用,一直没有看新版signature。本文做一下分析记录。断点调试堆栈进来之后,url中signature已经有了shift
- 本文实例讲述了Python中super关键字用法。分享给大家供大家参考。具体分析如下:在Python类的方法(method)中,要调用父类的
- 最近学习python并发,于是对多进程、多线程、异步和协程做了个总结。一、多线程多线程就是允许一个进程内存在多个控制权,以便让多个函数同时处
- 前段时间做一个小项目碰到了一个导航制作的方式然后突然想到曾经很久以前看到的梯形状的不规则导航,就尝试做了一下。结果碰到了几个问题,后来在同事
- 1.删除序列相同元素并保持顺序如果仅仅就是想消除重复元素,通常可以简单的构造一个集合,利用集合之间元素互不相同的特性就可以消除重复,但是这种
- 一、xajax与其它ajax框架的比较 xajax功能很简单,但很灵活!~它不象其它一些大的框架,功能确实强大,但执行速度不敢恭维。。功能虽
- 使用了这么就pip命令,但是一直是简单使用,很多命令都是用了查,查了用,今天把常用的命令汇总一下,方便使用。命令:pip由上图可以看到 pi
- MySQL服务器有几个影响其操作的参数(变量)。如果缺省的参数值不合适,可以将其修改为对服务器运行环境更合适的值。例如,如果您有大量的内存,
- 一、安装matplotlib1)由于已安装anaconda,可直接打开anaconda prompt,再用命令pip install mat
- 1.环境准备1.MySQL 安装路径:/usr/local2.CentOS 6.2 服务器(64 bit)3.MySQL 5.7.28 下载
- 1.window.location实例:http://www.myurl.com:8866/test?id=123&username
- 最近,需要对日志文件进行实时数据处理。一、简单的实时文件处理(单一文件)假设我们要实时读取的日志的路径为: /data/mongodb/sh
- 前言js是一门弱类型的语言,它的强制类型转换的迷惑性也被人诟病,例如标题提到的一个小例子,我想可能很难再找到其他的语言,允许我们觉到一个值似
- 目录一. 加载数据1. 继承Dataset类并重写关键方法2. 使用Dataloader加载数据二. 模型设计三. 训练四. 测试结语pyt
- 本文实例为大家分享了python实现梯度下降算法的具体代码,供大家参考,具体内容如下简介本文使用python实现了梯度下降算法,支持y =
- 介绍我们用django在本地调试完了之后,会在服务器上进行部署,如果是大佬那就忽略本文章,如果是萌新对编程命令不太熟悉,那就要用到宝塔了。流