淘宝网店模板制作教程之移花接木法

2012-05-08|HiShop
导读之前,网店模板教程交给大家怎么使用现成的模板了,但是,对于有一定基础的店家来说,不会满足于已经成型的模板,可能想从 自己 中意的几个模板上组合一个最佳的,那么,淘宝开店流程的小编给你准备的移花接木法就很适合这样的网店装修要求了。步骤如下: ①...

 之前,网店模板教程交给大家怎么使用现成的模板了,但是,对于有一定基础的店家来说,不会满足于已经成型的模板,可能想从自己中意的几个模板上组合一个最佳的,那么,淘宝开店流程的小编给你准备的移花接木法就很适合这样的网店装修要求了。步骤如下:
①首先挑选一个自己认为稍微适合自己店店的模版,打包下载到自己电脑上,用FRONTPAGE打开,要的不是这个模版图片,只是他的布局,因为做模版,最让人头疼的是怎么布置格局.
②接着打开PS(不是游戏机拉,是PHOTOSHOP哦),找到这个模版的图片文件夹,找到你需要修改的图片,打开他,然后删除原有的,换上自己中意的图片,调整大小,色调,再走上自己店店的店标或名字,直接保存,覆盖原图,那么新做的图就把原图给替代了,在FRONTPAGE里刷新下,你可以看到,刚才那个地方的图片现在变成你自己的图片了哦。
③一般最难做的是模版最上面的导航栏图片,因为通常这是把一张完整图片切割成多个图片来做的,为什么?这是为了适合做网页咯,这个杂整呢,别着急,这个也不难,你只要找到这些切割好的图的原图,把他们的尺寸大小记下来,然后再次利用PS,新建一个总体大小和原模版一样大的图像文件,把你自己的图片帖进来,做好效果,导航栏文字和图标,然后利用PS的切片工具,依照刚记下来的每一个图片的大小,仔细进行切割,这里推荐里,打开切片工具的选项栏,直接输入切片大小,可不要老实的一个个手动切哦
④切割好后,点击菜单栏,文件----存储为WEB用格式------调整好里面的每个选项(主要是调整下格式,原模版里的图片是什么格式就最好存为什么格式,这样可以省去改图片链接格式的工作),保存好后,把你切割的这些图片的名字都改成和原模版里图片同样的名字进行覆盖.
⑤在到FRONTPAGE里刷新看看,是不是图片都换成自己的图片了.图片一切都OK的话,就该轮到链接的事了,这个更简单了,把编辑模式换成代码模式,然后打开编辑菜单-----查找-----替换,把代码里所有的地址连接都替换成你自己店店的链接.然后保存
⑥最后的工作就是去上传了,这里推荐你到yahoo相册去上传,因为这个相册上传图片可以保持原图片名字的,要更方便的话,那就直接上传模版吧,上传上去后,图片的链接地址会自动换成相册网站的链接的,然后复制下代码就可以做到自己的店店了。

【本站声明】 1、本网站发布的该篇文章,目的在于分享电商知识及传递、交流相关电商信息,以便您学习或了解电商知识,请您不要用于其他用途; 2、该篇文章中所涉及的商标、标识的商品/服务并非来源于本网站,更非本网站提供,与本网站无关,系他人的商品或服务,本网站对于该类商标、标识不拥有任何权利; 3、本网站不对该篇文章中所涉及的商标、标识的商品/服务作任何明示或暗示的保证或担保; 4、本网站不对文章中所涉及的内容真实性、准确性、可靠性负责,仅系客观性描述,如您需要了解该类商品/服务详细的资讯,请您直接与该类商品/服务的提供者联系。