本人开淘宝店铺也开了挺长时间了,由于本身自己就会点ps并且前期也没钱请专业的美工打理,于是通过自己的研究也小有成就。(呵呵,有点自大了~)
下面我就将自己的一些经验和大家分享一下,希望对大家有用,说的不对的地方,大家也多多包涵!
现在店铺的装修主要分为三类:第一就是自己琢磨。第二就是买模板。第三就是请别人做。我主要讲下简单的自己装修。
首先淘宝装修的利器:ps(Photoshop)+网页三剑客(DREAMWAVER+FIREWORKS+FLASH)
当然作为一个普通人来说掌握那么多软件是件非常困难的事,我的经验是ps和FrontPage(一款office系列的办公软件)就足够了。
第一:教大家如何做常用的“收藏”
收藏店铺的代码其实很简单的,首先进入我的淘宝,查看我店铺,看下图
把鼠标移到收藏本店铺上点右键,出现属性框,点属性,再看下图
(地址(URL)中的代码全部复制下来)
地址后面蓝色部份就是你的收藏链接地址了
最后就是装修店铺了,在自定义内容区加个你喜欢的图片,(具体怎么做不说了)看下图:
上面就是你的图片地址链接,下面才是你的收藏地址链接(也就是刚复制的蓝色部份代码)
最后点确定,保存,发布,OK了,就这么简单。
第二:教大家如何做简单的同一张图多个超链接
一、打开frontpage2003,在新建的文件中,插入准备做链接的大图,(直接拉入frontpage界面即可)
二、在图片上右键单击,执行显示图片工具栏,根据链接图片的形状,从该工具栏靠右边的长方形热点、椭圆热点、多边形热点中,选择相应的热点工具
三、当选择了热点工具之后,此时鼠标变成笔的形状,在图片上截取要做链接的小块图形,在弹出的对话框中填进要链接的地址
四、重复第三步,用同样的方法对剩余的地方做相应的链接。
五、选择页面左下角的代码命令,切换到代码页面,把代码复制到淘宝相应的位置
注:把代码复制到淘宝上的时候,一定要记得把里面的文件的地址换成相册上该图片的地址,否则在淘宝上是不显示的,切记切记!刚开始没有意识到这个问题,走了不少的弯路,一定要记得改图片的地址哦!
四、重复第三步,用同样的方法对剩余的地方做相应的链接。
五、选择页面左下角的代码命令,切换到代码页面,把代码复制到淘宝相应的位置
注:把代码复制到淘宝上的时候,一定要记得把里面的文件的地址换成相册上该图片的地址,否则在淘宝上是不显示的,切记切记!刚开始没有意识到这个问题,走了不少的弯路,一定要记得改图片的地址哦!
最后只要把代码页面的代码全部复制,然后黏贴到自定义内容区就可以了(这里注意一个小问题:点击编辑之后,请务必点击编辑HTML源代码这个按键,然后将里面的所有代码都替换成FrontPage中的代码)
第三:教大家如何将图片改成自己希望的大小并且图片比例不失真
一、在ps中打开一张你想修改的图片
二、图像—图像大小
三、对宽度(或高度)进行修改约束比例一定要打上勾
改成想要的宽度后,按确定
四、当我们宽(或高)定了之后,我们要调整高了
图像—画布大小
将高度改成160后 确定即可
(注意:点继续即可)
五、文件—储存这样我们就把一张490*653的图片成功的改成了160*160的图片了
这样做的好处就是图片是按原比例缩小的,但是图片会被裁去一部分。
第四:教大家如何将大图切成若干小图并能无缝连接
将大图切成若干小图有两个好处:
1、淘宝是不支持1MB以上的图片的传输的,所以分成若干小图后就可以上传,最好只要拼好就行。
有空逛逛我的店铺,大家一起交流:
第五步:将代码放到店铺中,生成图标
现在回到之前编辑自定义内容区的页面,将代码粘帖即可。
一、用ps打开图片
第五:教大家做客服链接
三、就是切图,切图有个技巧,就是横着一条一条的切,千万不要竖着切或者是有竖由横。
保存设置之后页面往下拉回到店铺装修的页面,找到刚刚添加的“自定义内容区”点编辑的图标,选择“HTML源码编辑”。
二、选择工具栏内的切片工具(快捷键是K)
第二步:进入店铺装修页面后添加模块
2、加速页面的打开速度。道理很简单:同样是桶水,一个孔的排放速度肯定没有十个孔来的快。而且一张大图很有可能会挂图,而多张小图则能很好的避免这个问题。
点击上图右边的“自定义内容区”,左边会如下图多出一个“自定义内容区”;
第三步,编辑自定义内容区
现在就告诉大家如何操作(这里我用pscs3演示,在cs3版本之前这项功能是独立出来的,那个软件叫做image ready。我个人推荐大家用ps cs3这个版本)
四、当你确定切完后,按shift+ctrl+alt+s,你没有看错,就是这四颗一起按
亲们,看好了,这一步很关键哦~之前的页面不要关掉,另外打开一个页面,复制一下链接:http://im.alisoft.com/info.html?flag=3打开后,选择“旺遍天下”。选择风格--输入E客服账户名称--生成网页代码--复制代码
这样就大功告成咯!现在可以回到店铺中看看是不是这个“和我联系”的图标就有了啊?
第四步:获取E客服子账号的源代码
然后跳出一个界面,直接储存就好。切记!一定要一条一条的切!!!
五、将图片上传上去,然后按顺序的添加入自定义内容区就好了。(可能添进去的时候会有间隙,但是发布后就没有了)
哈哈,以上的五点大家看明白没?希望对刚开店的朋友们有很大的帮助!
此模块可以自由调整位置,现把它拖动到“掌柜信息”的下面,然后点击“保存设置”。
第一步:登陆淘宝网,进入“我的淘宝”-“我是卖家”-“管理我的店铺”-“店铺装修”
