frontpage 2002提供了非常简便的在一张
图片上制作多个超链接的制作工具,利用鼠标在图片上拖曳,我们就可以直接将图片划分出许多不同的
区域并制作出多个超链接了。1、请先开启一个新的网页,然后点击工具栏上的“插入文件中的图片”
按钮。 2、在“图片”对话框中搜寻自己要插入的图片(点击“视图”右边的三角形选“预览”可在下面的预览窗口中查看你要选的图片),选定图片后点“插入”。 3、回到主编辑画面后,在插入的图片上单击鼠标左键,此时图片四周就会被八个点所包围起来,同时,在图片下方就会出现“图片工具条”。有时,“图片工具条”不会自动跳出,选择菜单“视图→工具栏→图片”,即可让“图片工具条”出现。 4、在“图片工具条”的右边,可以找到我们 *** 作要用到的工具按钮,它们分别是“长方形热点”、“圆形热点”。我们直接选取“长方形热点”按钮进行长方形作用区域的设置。 5、点一下“长方形热点”按钮,直接在要产生超链接的图片区域上按住鼠标左键不放,之后拖曳出超链接区域的范围直到符合我们理想的区域大小,然后放开鼠标左键结束区域设定。如果点的是“圆形热点”按钮,开始点应放在所要选定的圆形超链接区域的中心。 6、在紧接着d出的“建立超链接”对话框中,可以直接选择或输入我们要进行超链接的网页地址,然后按下“确定”按钮关闭“建立超链接”对话窗口。 7、依照步骤5?这样的有2种方法:
1、将图片做成背景,然后在上面定位几个a标签;
2、用map标签
<img src="图片路径" usemap="#planetmap" />
<map name="planetmap" id="planetmap">
<area shape="规定形状" coords="坐标" href ="链接" />
</map>
怎样一张图片多个超链接?我常用的方法是,先在PS里做好图,切片,保存,上传图片。如果图片是规则排列的,那么可以在记事本里直接写一段简单的代码,把图片地址与链接套进去。完成。通常代码可以是表格式的代码(table-tr-td),或者是层式的代码(div),也有直接用图片对齐的代码(imgalign)。如果是不规则的排列,可以套用这三种方法结合。不怎么用热点,有时候热点失误,或者会在不同的浏览器下显示效果不同。切割好的图片,可以在PS下生成网页文件+图片,里面有代码的,但是链接无法在PS里添加。
评论列表(0条)