当前位置:首页 / 网页制作 / Frontpage教程 / FrontPage在一张图片上制作多个超链接教程
FrontPage在一张图片上制作多个超链接教程
芯晴素材特效 分类:Frontpage教程 发布日期:2018-04-13

当浏览者在网页图片上的不同位置按下鼠标左键,此时就会连接至不同的网页,这个效果不错吧?FrontPage 2002提供了非常简便的在一张图片上制作多个超链接的制作工具,利用鼠标在图片上拖曳,我们就可以直接将图片划分出许多不同的区域并制作出多个超链接了。

1、请先开启一个新的网页,然后点击工具栏上的“插入文件中的图片”按钮。

2、在“图片”对话框中搜寻自己要插入的图片(点击“视图”右边的三角形选“预览”可在下面的预览窗口中查看你要选的图片),选定图片后点“插入”。

3、回到主编辑画面后,在插入的图片上单击鼠标左键,此时图片四周就会被八个点所包围起来,同时,在图片下方就会出现“图片工具条”。有时,“图片工具条”不会自动跳出,选择菜单“视图→工具栏→图片”,即可让“图片工具条”出现。

4、在“图片工具条”的右边,可以找到我们操作要用到的工具按钮,它们分别是“长方形热点”、“圆形热点”。我们直接选取“长方形热点”按钮进行长方形作用区域的设置。

5、点一下“长方形热点”按钮,直接在要产生超链接的图片区域上按住鼠标左键不放,之后拖曳出超链接区域的范围直到符合我们理想的区域大小,然后放开鼠标左键结束区域设定。如果点的是“圆形热点”按钮,开始点应放在所要选定的圆形超链接区域的中心。

6、在紧接着弹出的“建立超链接”对话框中,可以直接选择或输入我们要进行超链接的网页地址,然后按下“确定”按钮关闭“建立超链接”对话窗口。

7、依照步骤5—6所说明的方法在图片别的区域加入其他的超链接。以后打开这个网页,当我们将鼠标指针移至图片各个超链接区域上时,鼠标指针都会改变为“手指”的形状,这就表示我们已经成功地在一张图片上建立了多个超链接了。


版权信息:本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系821794221#qq.com(#换@),我们将尽快处理。

您可能在找这些

  • 内容标签:

热门素材

jq+html5模拟3D云彩飘动效果

2017-03-09   浏览:298

一款javascript打造的图片浏览器

2013-01-14   浏览:8427

Loading网页加载进度条动画效果

2017-03-16   浏览:399

一款非常漂亮的图片旋转导航菜单

2013-01-06   浏览:8398

可全屏可触控jQuery幻灯片

2017-03-13   浏览:383

一款JS实现的鼠标感应图片放大效果

2013-01-19   浏览:8257

jQuery大屏淡入淡出幻灯片

2017-03-17   浏览:157

纯CSS实现的缩略图效果,感应鼠标弹出

2013-01-12   浏览:9390

html5手机上传图片尺寸裁剪网页下载

2017-03-14   浏览:423

右侧悬浮隐藏jQuery在线客服网页下载

2017-03-15   浏览:180

jQuery动画二级下拉网页下载

2017-03-15   浏览:216

一款代码精简的JS鼠标拖动DIV层效果

2013-01-17   浏览:8116