1、一起分享店铺装修简单几招内容介绍内容介绍 一、图片超链接一、图片超链接 二、宝贝图片滚动二、宝贝图片滚动 三、背景音乐三、背景音乐 四、店铺收藏按钮四、店铺收藏按钮 图片超链接 操作分为三步:操作分为三步: 第一步:用第一步:用PHOTOSHOPPHOTOSHOP制作一副图片。制作一副图片。 第二步:用第二步:用DREAMWEAVERDREAMWEAVER添加超链接,并转添加超链接,并转换成代码。换成代码。 第三步:将代码拷贝到店铺装修区。第三步:将代码拷贝到店铺装修区。 下面,介绍第二步和第三步的具体操作。下面,介绍第二步和第三步的具体操作。图片超链接 1、打开DW。选择html格式。图片超
2、链接2、选择“设计”。在右侧工具栏选择插入,常用,图像。在弹出的界面中,选取要使用的图片。图片超链接这是选用的图片。图片超链接3、使用热区链接功能。箭头所指,点击即可。然后在要连接的图片上,用鼠标定义热区。图片超链接 将要连接的地址,填入下面的方框中。目标:选择“_blank”或者其他属性。 重复以上操作,把需要连接的区域全部设置完成。图片超链接4、点击工具栏上的“代码”,可以看到刚才编辑图片的html代码。图片超链接 复制代码。从到之间的代码,右键,复制。图片超链接 5、粘贴代码。在店铺装修页面,在html编辑状态下,粘贴代码。 注意:图中阴影部分,是在DW编辑中的图片地址,这个地址是本地电
3、脑文件夹。需要更换为图片在51空间或其他网站的存储地址。图片超链接 然后,变换编辑区的状态。这是带超链接的图片。保存,发布即可。 至此,完成图片超链接的全部操作。图片滚动 基本步骤:1、用PS制作需要的图片,并上传到网络服务器(51或淘宝图片空间)。注意按统一的尺寸。我的是180 x180。2、打开店铺装修编辑区,粘贴代码(见后面)。3、修改代码。下面主要介绍后面两步。图片滚动1、在店铺装修编辑区,粘贴代码。图片滚动 这是粘贴的代码。图片的地址,是在网络服务器的存储地址。每个店铺,都要根据自己图片的地址来修改。2、在店铺装修编辑区,修改代码。图片滚动 这是我做的效果图。背景音乐添加店铺音乐的代
4、码: 红色下划线部分是音乐的地址,大家可以换成自己喜欢的音乐,百度搜索的地址,就可以直接粘贴来。我们先来看一下收藏店铺的代码:我们先来看一下收藏店铺的代码:收藏按钮主要是这两个蓝色点的设置:主要是这两个蓝色点的设置:(1 1) itemid=59656879itemid=59656879这个数字就是店铺后的那几个这个数字就是店铺后的那几个数字,比如店铺是:数字,比如店铺是:http:/http:/看了店铺网址,就明白了吧。看了店铺网址,就明白了吧。(2 2) ownerid=ownerid=5d2678a61843761a3bb16e5aebbff4e85d2678a61843761a3bb1
5、6e5aebbff4e8这里其实就是自己店铺这里其实就是自己店铺IDID,如何获得自己的店铺,如何获得自己的店铺IDID呢呢? ?收藏按钮 在店铺首页,点击收藏本店铺,如图:在店铺首页,点击收藏本店铺,如图: 在弹出的信息条上,右键,属性,如下图:在弹出的信息条上,右键,属性,如下图:收藏按钮 注意红色方框标识的,把它拷贝下来。注意红色方框标识的,把它拷贝下来。 这是拷贝下来的代码,里面包含自己店铺的这是拷贝下来的代码,里面包含自己店铺的IDID。http:/ 代码已经准备好了。剩下的问题就是怎么样做收藏按钮了。 用PS做一个图片,并将图片的网络地址编入代码程序。如下图: 图片的网络地址是:http:/ 这是最后完成的代码,蓝色部分是替换过的。把它拷贝到你编辑的区域就行了。收藏按钮