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

时间:2024.4.13

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

1、需要软件:DWPS

版本是Macromedia Dreamweaver 8、Adobe Photoshop CS3,卖家朋友可以自己选择喜欢的版本,操作基本上一样。下面是简单模板制作过程,因为掌握有限,请不要见笑。
2、素材准备:
对于一般淘宝新手自己设计模板图片可能有点难,先介绍一个很容易上手的设计方法。
(1、登陆,阿里妈妈(http://banner.alimama.com/),可以在线制作或者借鉴模板图片。
(2、选择“模板选择”或者“自己设计”。
(3、“模板选择”中有很多可供参考的模板图片,“广告牌”暂时我们不需要,就先选择“图文”。在里面有很多不同模板,选择一款自己喜欢的、需要的模板,开始制作模板图片。
(4、具体制作细节在这里就不详讲,相信大家一会儿都就琢磨出来。

(5、预览保存输出设计。选择下载图片(jpg格式)藐视普通会员只能保存静态图片,暂不讨论这个问题,我们现在需要的也是静态图片输出。
3、现在我们需要第一个软件辅助(Photoshop)图片拖入ps操作界面内


(1、勾选Photoshop “视图”下的“标尺”
(2、选择工具栏中移动工具
(3、移动参考线(鼠标指针进入标尺区域 (白色区域,上为横向,左为纵向),单击右键,移动参考系,至所需要的地方,建立参考线框架,为后面使用切片工作作好基本框架准备。 备注:需要建立更精确的参考线,可放大处理;如果出现多余参考线,直接拖到标尺区域内就可以。
(4、选择“切片工具”
(5、选择操作页面上的“基于参考线的切片”,然后需要修改的地方修改下下
(6、选择文件—保存为web所以格式—保存—选择保存类型(可选择只保存图片<images)也可选择保存图片和网页<HTML and images>建议选择保存网页和图片,因为以后会用到。最后在你存储的图片文件夹images中删除多余或者不需要的图片,最好图片重新命名。

4、用DW简单编辑

(1、在用Dreamweaver之前先把相关图片上传到淘宝空间或者可以淘宝可以用的外连空间(外链吧、展吧)
(2、打开Dreamweave,然后把存储的模板网页拖到Dreamweave里面,开始一些修改
(3、把所有本地图片换成刚才上传的网络图片(每个图片有固定位置,插队,就不对哦^_^)
具体操作如下:
点击某部分图片,在操作页面下源文件中输入图片地址(按回车是全选,在复制地址到里面)
一张一张图片替换为网络图片(需要淘宝支持的网络图片哦,不然显示不了)
设定编辑区域内,选择背景图片插入
(4、下面介绍下商品循环播放展示制作,当然也可以根据自己喜好选择展示模式
       A、鼠标指针停留在可编辑区内,
       B、 选择“代码”编辑模式,删除&nbsp;然后插入<DIV align=center>
<MARQUEE style="WIDTH: 520px; HEIGHT: 150px" scrollAmount=2>
<DIV>
<A href="商品地址" target=_blank><img title=2 alt=2 border="0" src="商品图片地址A>
</DIV
></MARQUEE></DIV>
注:展示多件商品只需要在<A href="商品地址" target=_blank><img title=2 alt=2 border="0" src="商品图片地址A>后面复制<A href="商品地址" target=_blank><img title=2 alt=2 border="0" src="商品图片地址A>再插入不同商品地址和图片地址。商品图片大小需要统一,图片高度需要比编辑去高度低,宽度适当就可以。

(5、添加图片上的链接——热区

所有链接必须是淘宝内部链接,淘宝不支持外部链接
(6、预览下效果,简单的模板就制造完成,下面把代码复制到店铺可编辑区域的源文件编辑模式下的编辑区域,保存—发布就可以。


以上是制作简单模板的全过程,对于了解相关操作朋友来说,这很简单;对于才接触这些软件的朋友可能需要一段时间去理解、熟悉。这只是一些操作步骤,你也可以添加不同的元素,设计出来的效果很多种,网络资源是强大的,如果不会上百度,百度没有还有朋友。希望这些对你们有一些帮助。


第二篇:店铺装修模板制作超级详细教程


店铺装修模板制作超级详细教程(转)   哈哈帖子被提精啦!!!真的很没想到 第一次发帖子就被提精勒!!今天早上发完帖子就睡觉去啦!!是在是坚持不住了!! 睡到晚上6点过才起床呢!! 所以白天很多朋友来联系我可能就没及时回复!!!!亲亲们要原谅喔!!!我会把这个帖子继续更新的!!首先要感谢勤劳的管理员同志!!还要感谢这么多回帖的亲亲们!!谢谢你们的支持!!这个教程帖子虽然比较简单 !但真心的希望这个帖子能帮到更多的人!!还有就是! 如果有什么不懂的 都可以来问我的喔!!!嗨!!大家好呀!这个!我是一名新手!文笔又不怎么好!高手们看了可不要拍砖头喔!!嘻嘻!做淘宝也有几天啦!这些天一直在社区里面潜水!别说在这里面还真的学的了很多东西也吸收了很多前辈们的经验!汗!废话就不多说拉!!直接上正题吧!!要不然真的有同济要仍砖头勒!!不过还是希望不会装修的亲们看了这个帖子会有一点帮助!!如果还是不会的话也可以来找我!!高手就飞过吧!!你还在为店铺装修的事情发愁么?还在为不会PS图片苦恼么?想自己做店铺模板么?想不花钱就能把店铺搞的很漂亮么?嘿嘿如果你的答案是想!那就往下看吧!!首先给大家介绍一下模板制作和图片处理一定要用到的软件和工具吧第一个软件(Macromedia Dreamweaver 8)这是一个专业的网页制作软件喔!!网页和!网店模板都可以用他来做!!今天我们就讲一下怎么做模板和排版!的一些简单操作吧!对装修店铺一定够用啦!!第二个软件(ACDSee)这个是一个相片管理软件!它的功能很强大!这个!!额!嘿嘿其实我对这个东东的了解也不是很多!!反正只管用就OK拉!!好用就行!以后的图片管理都可以用它来改大小的喔!!很方便!~~嘿嘿暂时要用的到的就这两个啦!!好介绍完软件之后我们下面就开始做模板咯!!我们先做一个简单的吧!!因为这样好懂一点儿!如果亲亲不会的话可以来找我喔!!我也做了几个模板如果要的话也可以考虑送一块儿给你!!嘻嘻!!好咯不说咯我们开始吧!首先看看我们今天要做的模板效果!有点黑应为在测试的时候没有发布所以就这样啦!亲亲就将就看吧!!先把把软件安装好!这两个软件一般百度里面一搜索都有很多!!安装很简单的!我就不说啦安装好之后!我们打开!软件,打开后会出现这个对话框!我们选择HTML选项就OK啦!!下面会出现操作界面!!就是这个啦!!好!我们开始进入正题咯!!先插入一个表格!应为网

页文件都是用表格组成的!!然后在设置表格的属性!很简单的!淘宝右侧页面宽度是750像素!我就设成750啦!我这次做的图片比较多!我就把行数设置为10行!应为要考虑页面的宽度,列数设就置为4列设置好后会出现这个就是表格啦!!插入表格以后先调整表格的宽度和高度吧!高度可以你自己按感觉或者图片的高度来定!!宽度就要计算一下750除以4!应为要分均匀嘛!宽度在188差不多!我这里的高度设置的是300!上面的工作都做好后我们就来插入图片吧!!注意:如果你的图片过大的话一定要改小喔!应为如果图片太大等放到店铺以后!别人来浏览你店铺就会很慢!!我说一下修改素材图片的具体步骤!首先在自己店铺里面找到比较喜欢或比较好看的照片!先把照片下载下来!改好名字以便以后上传的时候好分辨!!!然后再用这个软件打开!!就是修改图片大小的两步!一起放上去啦!!额4点48啦块天亮了!头有点儿晕晕的!!如果什么地方写错了!一定要给我提出来喔!等一下觉睡醒了在来改!嘻嘻!!如果你把所有图片都改好了!就把它全部上传到图片空间里面去吧!!!好接下来我们要把图片空间里面的照片一张一张的复制到表格里面去!!!(以复制地址也可复制图片)

更多相关推荐:
店面装修合同样本

店面装修合同书发包方以下简称甲方承包方以下简称乙方一协议内容甲方委托乙方对甲方属下需装修的店内装饰进行设计装修灯具电路木地板铺置二乙方按甲方书面确认的装饰方案进行施工设计方案包括平面图水电图施工电路布置图等三甲...

新店铺装修合同

店铺装修合同委托方甲方承接方乙方工程项目甲乙双方经友好洽谈和协商甲方决定委托乙方进行店铺装潢为保证工程顺利进行根据国家有关法律规定特签订本合同包括本合同附件和所有补充合同以便共同遵守第一条工程概况1工程地址2店...

商场商铺装修合同范本

商场商铺装修合同范本甲方公司乙方经营者甲方就乙方对商铺进行装修改造活动根据北京市商场市场消防安全管理规定凤翔商厦经营管理制度及其它各项规定经甲乙双方协商一致订立本合同第一条装修商铺本合同装修场地位于怀柔区商业街...

店铺装修合同范本

发包方身份证号码以下简称甲方承包方承包方负责人身份证号码以下简称乙方一协议内容甲方委托乙方对甲方属下需装修的店内装饰进行设计及施工二乙方按甲方书面确认的装饰方案进行施工设计方案包括平面图水电图施工布置图附件施工...

商铺店面装修合同(修改本)

商铺店面装修合同发包方以下简称甲方承包方以下简称乙方甲乙双方就乙方承包甲方在承租店面装修设计及施工事宜协商一致达成如下条款一协议内容甲方以包工包料方式将位于承租店面装修及施工工程发包给乙方双方严格依据双方约定履...

店面装修合同样本

店面装修合同书甲方乙方一协议内容甲方委托乙方对甲方属下需装修的店内装饰进行装修二乙方按甲方书面确认的装饰方案进行施工方案包括平面图水电图施工电路布置图等三甲方的权利和义务一甲方的权利1甲方有对乙方不符合甲方设计...

店铺装修合同书

店铺装修合同书发包方以下简称甲方南充顺庆区铁昌路味觉元素火锅店承包方以下简称乙方曾广南身份证号码51130219xx10111432为维护双方的权益根据现行的法律法规和规章结合本工程的具体情况签订本合同并遵照执...

店铺装修合同范本

装修合同甲方乙方依照中华人民共和国合同法及相关法律法规的规定结合商铺装饰工程施工的特点遵循平等自愿公平和诚实信用的原则双方经友好洽谈和协商就双方的商铺装饰工程的有关事宜达成如下协议一工程概况1工程地点2承包方式...

酒店装修合同书样本

餐饮资料下载菜谱大全餐饮加盟餐饮资讯餐饮业第一门户网酒店装修合同书样本甲方乾峰快捷酒店乙方施工方依照中华人民共和国合同法及有关法律法规的规定根据酒店装修工程施工的特点双方在平等自愿协商一致的基础上酒店装修工程以...

酒店装修合同书样本

酒店装修合同书样本甲方乾峰快捷酒店乙方施工方依照中华人民共和国合同法及有关法律法规的规定根据酒店装修工程施工的特点双方在平等自愿协商一致的基础上酒店装修工程以下简称甲方的有关事宜达成如下协议第一条工程概况11工...

超市店招装修合同范本

店招广告位装修合同发包方简称甲方承包方简称乙方甲方将户外墙体广告装修工程发包给乙方根据中华人民共和国合同法建筑装饰装修管理规定为保护双方的合法权益本着平等互利的原则经双方协商达成如下条款共同遵守一概况及要求1装...

酒店装修合同书样本

酒店装修合同书样本甲方乾峰快捷酒店乙方施工方依照中华人民共和国合同法及有关法律法规的规定根据酒店装修工程施工的特点双方在平等自愿协商一致的基础上酒店装修工程以下简称甲方的有关事宜达成如下协议第一条工程概况11工...

店铺装修合同范本(36篇)