多语言展示
当前在线:1905今日阅读:167今日分享:16

给网页设置一个图片快速导航区域

图片类导航,以前网站用的比较多,导航类网站,综合性和一些运输类的网站上面用的比较多。这里要介绍的,是单页区域如何添加快捷链接,也就是说,把单一网页不同内容做成不同的快捷锚点链接。下面的图是截取的素材我们要做的就是,把第一个图片的不同位置分别设置锚点链接,然后点击相应的位置后,自动转到我们需要的定位点,也就是锚点。
工具/原料
1

需要更改的网页素材

2

Dreamweaver软件

方法/步骤
1

首先打开素材,然后找到需要定热点的图片,选取后,出现如图所示的图标,这就是定图片锚点链接的标志。其实这应该不是第一步,之所以把这个定为第一步,是因为许多网页的规则很复杂。甚至你看起来选中了这个图片,也许是这个图片有他自己的规则,也许是因为你选择的根本就不是你看到的那个图片。反正,我是没搞明白。所以,在做练习的时候,要判断一下素材是否合用。

2

首先就是要定锚点的位置比如在“游戏/数码”前面添加锚点的方法是,首先光标定为在游戏二字的前面,然后选择“插入”再“命名锚记”输入一个简单易记的名称,最好是不要用汉字,这里我用的是y1,同样的方法,在其他位置添加不同的锚点。

3

重复第一步,不同的图形,对应不同的形状区域,我用的是方形的那个。定好位置和大小之后,会弹出一个图上的对话框,确定。然后在链接那里输入#+锚点的名称,保存,其他位置的定位链接,都这样做。

4

验证保存后,在网页中预览,如图一所示,鼠标放在我们设置定位锚点的地方后,下面地址栏会显示我们的锚点的名称。点击之后,会跳转到图二。

注意事项
1

这个官方名称我不知道叫什么

2

反正就是定锚点,然后链接

推荐信息