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

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

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

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

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

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

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

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

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


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

您可能在找这些

  • 内容标签:

热门素材

CSS配合一张图片实现的不规则导航效果

2013-01-14   浏览:8905

纯CSS制作的三级下拉菜单

2013-01-09   浏览:8034

双击文字出现修改编辑文本框的JS特效

2013-01-03   浏览:8624

CSS+JS实现的可随意拖动、最小化最大化

2013-01-26   浏览:9867

获取指定图片的url地址的JS脚本

2013-01-10   浏览:10361

JS鼠标跟随特效-跟随鼠标的花絮

2013-01-15   浏览:13669

html5支持手机触屏幻灯片网页下载

2017-03-13   浏览:478

html5+css3页面布局

2017-03-15   浏览:116

扁平实用Tabs选项卡特效

2017-03-14   浏览:407

基于jq预览图展示特效广告网页下载

2017-03-11   浏览:253

jQuery当乐网搜索下拉框

2017-03-18   浏览:121

jQuery实现的几张图片自动轮换效果

2013-01-14   浏览:9509