店铺装修,模板篇-简单模板制作

店铺装修，模板篇——简单模板制作1、需要软件：DW、PS版本是MacromediaDreamweaver8、AdobePhotoshopCS3，卖家朋友可以自己选择喜欢的版本，操作基本上一样。下面是简单模板制作过程，因为掌握有限，请不要见笑。

2、素材准备：

对于一般淘宝新手自己设计模板图片可能有点难，先介绍一个很容易上手的设计方法。

（1、登陆，阿里妈妈（/），可以在线制作或者借鉴模板图片。

（2、选择“模板选择”或者“自己设计”。

（3、“模板选择”中有很多可供参考的模板图片，“广告牌”暂时我们不需要，就先选择“图文”。在里面有很多不同模板，选择一款自己喜欢的、需要的模板，开始制作模板图片。

（4、具体制作细节在这里就不详讲，相信大家一会儿都就琢磨出来。（5、预览保存输出设计。选择下载图片（jpg格式）藐视普通会员只能保存静态图片，暂不讨论这个问题，我们现在需要的也是静态图片输出。

3、现在我们需要第一个软件辅助（Photoshop）图片拖入ps操作界面内

（1、勾选Photoshop“视图”下的“标尺”

（2、选择工具栏中移动工具

（3、移动参考线（鼠标指针进入标尺区域（白色区域，上为横向，左为纵向），单击右键，移动参考系，至所需要的地方，建立参考线框架，为后面使用切片工作作好基本框架准备。备注：需要建立更精确的参考线，可放大处理；如果出现多余参考线，直接拖到标尺区域内就可以。

（4、选择“切片工具”

（5、选择操作页面上的“基于参考线的切片”，然后需要修改的地方修改下下

（6、选择文件—保存为web所以格式—保存—选择保存类型（可选择只保存图片<images）也可选择保存图片和网页<HTMLandimages>建议选择保存网页和图片，因为以后会用到。最后在你存储的图片文件夹images中删除多余或者不需要的图片，最好图片重新命名。4、用DW简单编辑（1、在用Dreamweaver之前先把相关图片上传到淘宝空间或者可以淘宝可以用的外连空间（外链吧、展吧）

（2、打开Dreamweave，然后把存储的模板网页拖到Dreamweave里面，开始一些修改

（3、把所有本地图片换成刚才上传的网络图片（每个图片有固定位置，插队，就不对哦^_^）

具体操作如下：

点击某部分图片，在操作页面下源文件中输入图片地址（按回车是全选，在复制地址到里面）

一张一张图片替换为网络图片（需要淘宝支持的网络图片哦，不然显示不了）

设定编辑区域内，选择背景图片插入

（4、下面介绍下商品循环播放展示制作，当然也可以根据自己喜好选择展示模式

A、鼠标指针停留在可编辑区内，

B、

选择“代码”编辑模式，删除 然后插入<DIValign=center>

<MARQUEEstyle="WIDTH:520px;HEIGHT:150px"scrollAmount=2>

<DIV>

<Ahref="商品地址"target=_blank><imgtitle=2alt=2border="0"src="商品图片地址A>

</DIV

></MARQUEE></DIV>

注：展示多件商品只需要在<Ahref="商品地址"target=_blank><imgtitle=2alt=2border="0"src="商品图片地址A>后面复制<Ahref="商品地址"target=_blank><imgtitle=2alt=2border="0"src="商品图片地址A>再插入不同商品地址和图片地址。商品图片大小需要统一，图片高度需要比编辑去高度低，宽度适当就可以。（5、添加图片上的链接——热区所有链接必须是淘宝内部链接，淘宝不支持外部链接

（6、预览下效果，简单的模板就制造完成，下面把代码复制到店铺可编辑区域的源文件编辑模式下的编辑区域，保存—发布就可以。

以上是制作简单模板的全过程，对于了解相关操作朋友来说，这很简单；对于才接触这些软件的朋