淘宝首页返回顶部链接设置步骤是什么

关注:84 发布时间:2022-01-08 12:34:02

首先先做好手机端要加返回顶部的图片,然后上传到图片空间,如果是用的淘宝智能版自带的美颜切图加链接,图片做750宽,如果是用淘宝天猫无线端自由热区工具加链接,图片做640宽。图片上做好一个带返回顶部首页按钮的位置先。然后画热区加上链接就行.

好,这是图片,已准备好,自行上传到自己对应图片空间先

然后看如何添加链接。

淘宝首页返回顶部链接设置

1.打开dreamweaver

2.文件---新建html-----将上面原本的代码全部删除。

3.插入---选择自己想要的图片(已经上传到自己图片空间,链接填写图片的空间链接地址,不然放到淘宝无法显示。)

4.在软件的左上角有三个模式:淘宝装修代码、拆分、设计。在这里我们拆分,就能同时看到图片和代码两种形式了,当然直接用设计模式也是可以,这样就看不到代码了,常看代码有助于对代码的掌握,以后就能自己写了。

5.显示的图片,窗口下面会出现属性栏,所示。

6.三个热点工具(你会看到有长方形,椭圆还有一个多边形有点偏蓝的形状,就是这三个。)其中一个,看你的按钮是什么形状的。

7.然后在图片上你想要添加淘宝手机端热点的位置按住鼠标左键,拉出你想要的形状,然后松开鼠标。

8.这时在程序下面的属性栏变了,这时你需要做三件事。

(1)在链接里填上你想要跳转的链接地址。注意原本的#要删掉

(2)目标选择_blank,就是在新窗口打开。

(3)地图后面的名字修改成自己想要的名称

记住名称只能用一次,不然会失效,我的建议是在map后面加上年月日时分,即时间,这样能保证永远你不会重复,当然这只是个习惯。很多新手都会犯重复的错误,然后就不能成功了。

淘宝首页返回顶部链接设置

猜你喜欢

最新加入十大品牌