当前位置主页 > 装修模板 > 模板知识 > 金牌美工为您解析淘宝网店怎么装修更具个性化?

装修模板

如何开网店找商通达

TOP10热点排行

金牌美工为您解析淘宝网店怎么装修更具个性化?

时间:2017-05-23 00:00

金牌美工为您解析淘宝网店怎么装修更具个性化?
金牌美工为您解析淘宝网店怎么装修更具个性化?

  一、挑选基础模板

  卖家首先要挑选一个符合店铺风格的模板,打包下载到电脑上(现在网络上有很多装修模板可供下载),用Dreamweaver(一款网页制作软件)打开后,不需要使用模板中的图片,只运用它的布局样式,一个好的网页布局才能给网店装修定下一个良好的基调。

美妆-可爱手绘风旺铺专业装修模板
上图为商通达案例模板
 

  二、用PS修改图片

  布局已经通过上一步排好版了,接着打开PS,找到这个模板的的图片文件夹,删除文件里的图片,然后把自己中意的、适合网店的图片进行修改、调整再加上自己店铺的店标和水印后直接保存在原文件夹内就行了。在Dreamweaver里刷新后,模板中的图片就是自己制作的图片了!

用Dreamweaver查看图片
上图为用Dreamweaver查看图片

  三、更换导航栏的图片

  很多卖家都被导航栏的图片难住了,不知道该怎么替换。其实也不难,因为这里通常是把一张完整图片切割成多个图片来做的,这样就更适合网页的制作。首先,只要找到那些切割好的图片的圆通,记下尺寸后,再用PS新建一个总体大小和原模板一样大小的图像文件,把自己的文件贴进来,做好效果后,用切片工具就可以切割出相同大小的图片,图片就顺利切割完成了!

用PS更换导航栏图片
上图为用PS更换导航栏图片

  四、保存图片的技巧

  切割好后,点击菜单栏,文件----存储为WEB用格式------调整好里面的每个选项(主要是调整下格式,原模版里的图片是什么格式就最好存为什么格式,这样可以省去改图片链接格式的工作),保存好后,把你切割的这些图片的名字都改成和原模版里图片同样的名字进行覆盖。

PS里保存图片的技巧
上图为PS里保存图片的技巧

  五、替换代码里的链接

  到这里图片和模板上已完全更换,这时到Dreamweaver刷新看看,是不是一切都OK了,如果没有错误,就可以更换链接了,链接就更简单了,在Dreamweaver里把编辑模式换成代码模式,然后打开编辑菜单-查找-替换,就把代码里所有的链接地址换成自己店铺的链接了,然后保存。

  六、模板上传使用

  准备工作已经就绪,剩下的就是模板的上传了!模板上传后,刷新网店,你就可以看见一个有个性且独一无二的装修模板了,这样你的网店不仅够时尚,还更个性化!

  今天商通达金牌美工为大家准备的装修教程高级版是否帮助到你网店的装修呢?虽说现在现成的模板不少,可加入自己的特色后才能让网店更有竞争优势!加入商通达,金牌美工为你解决网店装修一切烦恼!

开网店找商通达
闽ICP备13015357号-2