淘宝店装修攻略——完全版
网店装修全攻略
前 言
网络经济时代，注意力成为了最稀缺的资源，如何吸引顾客的注意力成为电子商务成功
的关键。因此，网店装修成为目前吸引顾客注意力的最主要手段。随着个人电子商务市场竞
争的加剧，网店的装修将越来越被广大网店主注意。
网店装修固然重要，但是如果你不是网店的专业设计人才，你还是要把自己的主要精
力放在如何寻找物美价廉的货源和如何做好搞好网店的推广上，毕竟对于职业网商来说你要
有好商品可卖，并且要让别人知道你有什么商品可卖！
1.1、常用网店装修工具的介绍
网店装修准确来说属于网页设计的范畴。网店装修与网页设计是一样的，就是通过对
文字、图像、音频、视频、动画等文件的创意组合来设计出漂亮迷人的页面，从而来吸引顾
客，创造网店视觉销售力。因此店铺装修目前使用最多的是工具是网页和图像编辑工具。
我们推荐：Dreamwear、Frontpage、Photoshop、Fireworks 来装修好我们的网店。对
于专业的设计人士还是业余爱好，这四款软件已经能够满足你设计的任何需求了。
Frontpage、Dreamwear 是制作网页的专业软件，Photoshop、Firework 是制作图片设计方面
的专业软件。其中任意选两种软件组合来使用就可以了，这个可以根据你已有基础，来选择。
我们推荐使用 Dreamwear和 Fireworks 来装修你的网店。
Photoshop 的简介
Photoshop CS是 Photoshop 7.0 的后继产品，CS 的意思是 Creative Suit，与前面几代产
品比较，Photoshop CS更具有创造性，在实际设计过程中更能激发设计者的创新能力，更快
地进行设计，提高图像质量。特别是对于摄影师来讲，Photoshop CS 大大突破了以往
Photoshop 系列产品更注重平面设计的局限性，增强了对数码暗房的支持。
Photoshop 主要应用在那些方面？
其主要应用在以下方面：平面效果设计、图像编辑及修复、 广告设计、 摄影处理、 影
视及卡通制作、建筑效果设计、 网络图像制作。
Fireworks 简介
Fireworks 是第一个完全为网店页面制作者设计的软件。作为一个图象处理软件，
Fireworks 能够自由地导入各种图象（如 Macintosh 的 PICT、FreeHand， Illustrator，
CorelDraw8 的矢量文件、Photoshop 文件、GIF、JPEGBMP、 TIFF），甚至是 ASCII 的文
本文件，而且 Fireworks 可以辨认矢量文件中的绝大部分标记以及 Photoshop 文件的层。而
作为一款为网络设计而开发的图象处理软件，Fireworks 能够自动切图、生成鼠标动态感应
的 Javascript 等等，而且 Fireworks 具有十分强大的动画功能和一个几乎完美的网络图象
生成器（Export 功能）。
Photoshop、Firework 两者的区别是什么呢？
Photoshop、Firework 都是作图设计的专业软件。在我的使用的感觉中两款软件很多功
能有许多相似之处。两者的区别在于：Photoshop 是平面多用类的软件可以上色和修图，平
面设计，并且其滤镜功能较 Fierwork 要强大的多。Firework 是多用于网店页面制作的切图和 gif（动态小图）制作，当然也可以画矢量的，如果有 Word 方面的基础，使用 Firework
将会非常简单，因为许多快捷键都是相同的，对于制作网店页面方面图像和动画方面的文件，
该软件是入门的好软件。
Dreamwear 简介
Dreamweaver 是 Macromedia 公司的产品的另一款“所见即所得”的网店页面编辑工
具，或称网店页面排版软件。
Dreamweaver 对于 DHTML 的支持特别好，可以轻而易举地做出很多眩目的网店页面
特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并
称为 Macromedia 的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非
常紧密的结合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，说
Dreamweaver 是高级网店设计者都能够熟练的使用网页制做三剑客。
Frontpage 简介
Frontpage 是 Microsoft 出品的，可能是最简单、最容易，却又功能强大的网店页面编
辑工具。采用典型的 Word 界面设计，只要你懂得使用 Word，就差不多等于已经会使用
Frontpage。就算你不懂 Word 也没关系，“所见即所得”的操作方式会让你很快上手，而且
你无须学习 HTML 语法。
但 Frontpage 的也有其不足之处：首先是浏览器兼容性不好，做出来的网店页面，用
Netscape 往往不能正常显示；其次，生成的垃圾代码多，也会自动修改代码，导致在某些
情况下极为不便；再次，对 DHTML 的支持不好。但不管怎么说，Frontpage 的确是最好的
入门级网页编辑工具。
Dreamwear 与 Frontpage的区别？
Dreamwear、Frontpage 也都是专业的网店设计和制作和编辑文件。从总体上来讲，两
款都是不错的网店页面设计软件，同时也是非常优秀的网店页面编辑工具。我感觉是
frontpage，是比较简单 ，Dreamweaver做框架和 asp 动态功能比较强大。
很多专业人士网页设计人士，使用多种软件，例如先用 f 东方网页王、rontpage 做，然
后用 Dreamwear等做细微的调整。
1.2、网店装修能够带来那些收益呢？
网店装修能够带来什么呢？许多人都会在装修之前打个这样的问号。对与从事市场经济
活动的人来说，每一项活动都要视为我们的一项投资，网店装修也是我们的从事电子商务活
动的一笔投资。开网店的目的，对于我们大多数人来说是为了赚钱，没有人会在开始就想拿
着钱来玩网络个人商务游戏。做好网店装修的最终目的是为了赚钱，同时好的网店装修的确
能够带来网店销售量的增长。但对于电子商务，做好网店装修能够带来的还有其他方面的东
西。
为什么好的网店装修能够赚钱呢？
对于大多数网上开店的人来说，搞网店装修不仅仅是娱乐，而是为了赚钱。正所谓三分
长相七分打扮，网店的美化如同实体店的装修一样重要。因为网店的页面其实是附着了店主
灵魂的销售员，只有独具心裁的网店装修才能打动顾客，增加你的网店销售力。通过易翠网
（）调查显示，当前网店经营的好的店主，没有一个不重视网店装修的。
具体来说，网店装修至少能够带来以下四个方面的收益：增加顾客在你的网店停留时间、增加的诱惑力、增强网店的形象、打造网店强势品牌。漂亮恰当的网店装修，给顾客带
来美感，顾客浏览网页时不易疲劳，自然顾客会细心察看你的网页。好的商品在诱人的装饰
品的衬托下，会使人更加不愿意拒绝。装修好的精品网店，传递不仅是商品信息，而是店主
的经营理念、文化等，这些都会给你的网店形象加分，同时也有利于网店品牌的形成。
能够提高网店主的电子商务技能？
网店主动手做网店装修，必然牵涉到一些软件的应用，诸如：网页设计软件、图像设计
软件、文字编辑等。这些软件的使用技巧，原本就是电子商务技能的一部分，掌握好这些软
件使用技能基本上就弄懂了电子商务技术核心部分。对于一个网店主来说，不仅要懂得网络
商务技巧，同时也要对电子商务的技术有所了解，这样才能够有利于自己网络生意的发展壮
大。特别是有利于把握电子商务的发展趋势，让自己的网络生意不至于落后。电子商务技术
的基础还是电子数据交换，网上开店其实也是在借助网络来传递商业信息，时代发展到今天
信息传递成本很低，但是如何让顾客接受你的信息，成为了电子商务的核心内容。因此目前，
对于个人电子商务来说，稀缺电子商务信息的获取和电子商务信息重新组织和设计是个人电
子商务领域的核心内容。
能够提高网店主的审美情趣？
网店装修是艺术和技术的完美结合，一个好的网店装修作品原本就是一件优秀的艺术
品。网店装修能够带给你一种美的享受，如果能够自己亲自操刀，其美只有自己能够言语。
动手做网店设计，虽然不是什么大工程，但是麻雀虽小五脏六腑俱全。如果要设计去优秀的
网店你得去熟悉一些美术基础知识，例如：色彩、构成、艺术流派等，这样无形提升了你的
审美情趣。
网店装修是一件快乐的事？
网店装修是一件艺术和商业的创造活动，其中的苦乐酸甜只要自己亲身经历才能够体会。
不管你是请人装修，还是自己参与，还自己动手，当你的网店装修成功后，你自己浏览你那
漂亮的网页时，那种赏心悦目的心情只有你自己才能够解读。
1.3、网店装修必须弄懂的两种文件类型
图片文件格式的类型有那两种呢？
有两种截然不同的图像格式类型： 即有损压缩和无损压缩。
什么是有损压缩呢？
有损压缩可以减少图像在内存和磁盘中占用的空间，在屏幕上观看图像时，不会发现它
对图像的外观产生太大的不利影响。因为人的眼睛对光线比较敏感，光线对景物的作用比颜
色的作用更为重要，这就是有损压缩技术的基本依据。
有损压缩的特点是保持颜色的逐渐变化，删除图像中颜色的突然变化。生物学中的大量
实验证明，人类大脑会利用与附近最接近的颜色来填补所丢失的颜色。例如，对于蓝色天空
背景上的一朵白云，有损压缩的方法就是删除图像中景物边缘的某些颜色部分。当在•屏幕
上看这幅图时，大脑会利用在景物上看到的颜色填补所丢失的颜色部分。利用有损压缩技术，
某些数据被有意地删除了，而被取消的数据也不再恢复。
无可否认，利用有损压缩技术可以大大地压缩文件的数据，但是会影响图像质量。如
果使用了有损压缩的图像仅在屏幕上显示，可能对图像质量影响不太大，至少对于人类眼睛
的识别程度来说区别不大。可是，如果要把一幅经过有损压缩技术处理的图像用高分辨率打
印机打印出来，那么图像质量就会有明显的受损痕迹。
什么是无损压缩？
无损压缩的基本原理是相同的颜色信息只需保存一次。压缩图像的软件首先会确定图像
中哪些区域是相同的，哪些是不同的。包括了重复数据的图像(如蓝天) 就可以被压缩，只
有蓝天的起始点和终结点需要被记录下来。但是蓝色可能还会有不同的深浅，天空有时也可
能被树木、山峰或其他的对象掩盖，这些就需要另外记录。从本质上看，无损压缩的方法可
以删除一些重复数据，大大减少要在磁盘上保存的图像尺寸。但是，无损压缩的方法并不能
减少图像的内存占用量，这是因为，当从磁盘上读取图像时，软件又会把丢失的像素用适当
的颜色信息填充进来。如果要减少图像占用内存的容量，就必须使用有损压缩方法。
无损压缩方法的优点是能够比较好地保存图像的质量，但是相对来说这种方法的压缩
淘宝装修模板代码教程大全(完整版)
淘宝装修模板代码教程大全(完整版)
1) 公告栏的装修图片代码,帖到公告栏就行了. 不过还是有好多人来问我公告栏的位置-----点我的淘宝-----
管理我的店铺------基本设置，下面写着公告的位置。
2) .公告悬浮装饰图片代码，COPY到公告的最下面就好了哦，
3) 加背景音乐的代码。
进“我的淘宝”点击“管理我的店铺”进入“基本设置” 先贴代码，
再写你的公告文字
4) 浮动的图片的代码：
;
5) 滚动字幕代码：这个用处可就多了，放到哪里那些字都是会动的，有
很多朋友在好评里都会用到哦！ 输入你想说的话
6) 自定义颜色代码
输入你想要说的话
注意:等于号"="后就是颜色的英文：不喜欢这个颜色还可以换成其他颜
色的，如：red(红)、blue(蓝)、green(绿)等；不过注意代码的总长度
不要超过40哦。
7) 增加链接链接内容
链接内容
8) 店铺分类的代码 代码就放在：我的淘
宝—管理我的店铺—宝贝分类
简单介绍一下我的操作方法：
1、选好喜欢的宝贝分类模板，复制保存之后，填上适当的文字，然后
上传到网上相册；
2、复制代码 到宝贝分类中；
3、打开网上相册，选中相应的模板，右击属性，复制属性中的图片地
址；
4、由于网上的图片地址过长，因此要在/上进行网
址缩短工作：即把复制的图片地
址到这个网站中进行缩短，然后会出现一个较短的图片地址
5、再用短地址放入 的""中就ok了
9) 如何在店铺公告添加个性的鼠标指针：马上copy这个代码，它可以
让您的店铺公告更有吸引力呀
10) 宝贝描述加上个性的鼠标指针
自己喜欢的鼠标指针选好了吗？ 那就马上复制这个代码在宝贝描述里
就可以了，当然还要先选“编辑源文件”
另外，还要在源文件底部输入代码：
11) 在模板中增加淘宝收藏本店代码
宝贝描述中都带有“店铺收藏”字样，但是最新的淘宝收藏夹变化了，
导致了以前的方法不灵了，如何解决这个问题呢？
免费淘宝店铺装修模板下载
1 12 竭诚为您提供优质文档/双击可除
免费淘宝店铺装修模板下载
篇一：教你如何制作淘宝店铺模板并免费使用
有淘宝收费模板免费使用了，淘宝店主买了几套模板虽然不贵，但是里面却没有自己喜欢的具有自己风格的模板？不用急，今天小弟不才以此教程来解决这些问题：（废话不多说，请往下看）
一，百度下阿里妈妈，登陆账号。如果不是阿里妈妈会员就用淘宝号登陆吧。淘巧网二，登陆之后，在左下角点击广告牌diy。本文来自淘巧网
三，现在进入了广告牌设计页面了这个页面是不是很熟悉，没错淘宝里面有，不过淘宝里面设计要收费，这里不用哦！
点击这个，然后点击图文按钮哦
四，到了这一步，就是靠你自己喜好，跟自我感觉了。选一个你喜欢的模板进行设计吧，至于怎样设计不用我说，你随便按按就会明白了哦。
2 12 选择你喜欢的模板，点击进入设计页面，当一切都设计好后点击保存。然后确定保存输出设计。
五，下载你的设计。下载分两种，一种是flash的，另一种就是图片的，我们现在只能是下载图片的。因为是免费的肯定有点缺陷，不过缺陷也是一种美。选择jpg格式，调你想要的质量下载即可。淘巧网
六，phostop加工，裁切。打开phostop，打开你刚刚下载的图片，选择切片工具，将你下载的图片按你准备好要推广的宝贝分类切开。切片的时候不要有空隙哦。淘巧网
淘宝模板制作
切片好后储存发布，储存为“web和设备所有格式”，到此pohotoshop的工作搞定。本文来自淘巧网
七，接下来打开dw，打开刚才储存的html文件，然后选择你想推广的并且切片好的宝贝图片，在链接处加入，宝贝的淘宝链接哦。
八，找个图片空间上传切片图片，找到你的图片空间把这个文件夹的图片上传上去。然后复制图片地址，回到dw软件修改代码。
九，修改代码，回到dw软件里，随便点击一张切片图片，选择然后把你刚才复制的图片地址替换进去
淘宝店铺装修中常见的模板尺寸
淘宝店铺装修中常见的模板尺寸
淘宝店铺装修中需要用到店标、店招、宝贝分类、促销区公告、宝贝描述等，这些模板一般都有一定的尺寸限制或者大小限制，清楚这些限制，是我们制作这些模板的基础。接下来让我们一起了解一下淘宝店铺装修中常见模板的尺寸以及常见装修代码：
1、普通店铺店标
大小：100px*100px <=80k
代码：无（图片做好后直接上传）
格式：jpg、gif
设置：管理我的店铺—基本设置—店标—浏览—选择本地做好店标文件
2、旺旺名片/头像
大小：120px*120px <=100k
代码：无（图片做好后直接上传）
格式：jpg、gif
3、宝贝图片
大小：500px*500px <=120k
代码：无（图片做好后直接上传）
格式：jpg、gif
4、旺铺店招
大小：950px*150px <=80k
代码：无（图片做好后直接上传）
格式：jpg、gif、png
5、旺铺促销区
大小：宽度<=750px
代码：（图片必须放置在网络空间或网络像册，没有可以先申请一个，需支持宝淘外链的）
格式：jpg、gif、html、文本
6、旺铺宝贝描述
大小：宽度<=722px（窄版），宽度<=922px（宽版），高度随意
代码：（图片必须放置在网络空间或网络像册，没有可以先申请一个，需支持宝淘外链的）
格式：jpg、gif、html、文本
普通店铺的宝贝描述尺寸大小没有什么限制，但考虑到显示器的显示尺寸，应掌握在1000PX以下。
7、宝贝分类 大小：宽度<=160PX，高度随意
代码：（图片必须放置在网络空间或网络像册，没有可以先申请一个，需支持宝淘外链的）
格式：jpg、gif（地址不要超过40个字符）
淘宝网店装修着重注意的七个部位
淘宝网店装修着重注意的七个部位，抓住重点装修网店，能给大幅度的提高网店装修的质量，让你的网店变漂亮，有吸引力。为了达到这个目的，下面七点是我们需要着重做好的：
淘宝双11素材、淘宝双11活动促销海报及商家店铺装修模板使用指南
双11促销海报、素材在最下面
双十一店铺模板装修说明书
为了商家们能更方便的装修店铺，总结了以下几点店铺装修步骤，以供商家学习使用。（*请使用google浏览器或者火狐 firefox浏览器进行操作）
一、生成装修代码
第一步：
打开网址 : /go/act/tmall/htmlcodebuilder.php
此页面为装修代码生成器，用户可通过此工具快速生成双11商品活动页面。详细如下：
通过下面的表单将商品信息填入，如图2-2：
图2-2 商品列表
1.商品列表信息中左边数字表示商品序号。
2.“商品图片”栏中填入商品图片地址。
（请把图片上传到到淘宝店铺装修图片空间内）。
3.“商品标题”中填入商品的名称。（*文字必须控制在15个字以内，超过页面会乱掉）
4.“商品链接”中填入商品的页面链接地址。
5.“现价”一栏中填入商品的双十一折扣价格。
6.“原价”一栏中填入商品的原价。
第二步：
填入产品的相关信息,填写完毕如下图2-3显示:
图2-3
注意：商家可根据自己的需要填写多条商品，如只有5个商品，则只需要填写前5条即可。若商家需要填入商品数量很多，页面上显示的个数不够，需要继续添加的，可将页面拉至底部，“在尾部添加一行”或者“在头部添加一行”两个按钮皆可以添加商品列表的数量。如图2-4：
图2-4 添加商品列表
功能说明：
“在尾部添加一行”添加后的数据显示在所有商品列表的最后面
“在头部添加一行”则是在所有商品列表的最前面。
“清空数据”按钮可以清空在框内所写的所有商品信息。
将商品信息填写完毕后，可在页面右上角找到两个按钮，如图2-5；一个为“完成”按钮，一个为“关闭”按钮。
·点击“完成”，可对用户填写的商品信息保存，并在页面上展示商品信息填写完毕后的预览效果。 图2-9
·点击“关闭”则不作保存！
如图2-6；
图2-5 编辑完成
第二步：预览页面导出HTML代码
装修模板如何使用与更改 我的模板听我的
装修模板如何使用与更改 我的模板听我的
网店装修模板对淘宝卖家来说并不陌生，不论是淘宝的免费模板还是付费模板，卖家们都或多或少接触过。可是，尽管淘宝的模板资源再多，都还是不能满足一些卖家的“强迫症”。或许他们找到一些自己喜欢的模板，可苦于不会将这些模板中，自己喜欢的元素结合起来，拼成一张自己认为完美的模板。
小编有给大家送福利来了，教给大家装修模板如何使用与更改的技巧，让大家自己就可以制作出完美模板。简单来说，就是将几张模板组合成一张自己最喜欢的模板，步奏如下：
1、首先，挑选一个自己喜欢且符合网店风格的模板，打包下载到自己电脑上，最好用FRONTPAGE打开，这个模板的重点不是图片，主要是他的布局。因为做模板，模板的布局非常的重要，因此，我们首先应该确定模板的布局。
2、其次，打开PS，即PHOTOSHOP，找到这个模板的图片文件夹，找到你需要修改的图片并打开他，然后删除原有的图片，换上自己中意的图片，调整其大小、色调。再写上自己网店的店标或名字，点击保存，并且覆盖原图，那么新做的图就把原图给替代了，在FRONTPAGE里刷新下，你可以看到原来的模板图片现在变成了你自己的图片。
3、通常最难做的是模版最上方的导航栏图片，因为这个图片是将一张完整图片切割成多个图片来做的。不用担心，这个也不难，你只要找到这些切割好的图的原图，把尺寸大小记下来，然后再次利用PS新建一个总体大小和原模版一样大的图像文件。把你自己的图片帖进来，做好效果图、导航栏文字和图标，然后利用PS的切片工具，依照刚记下来的每一个图片的大小仔细进行切割。图片切割可以打开切片工具的选项栏，直接输入切片大小，不然自己一个一个切割就太麻烦了。
4、当图片切割好后，点击菜单栏—文件—存储为web格式—调整好里面的每个选项。主要是调整下格式，原模版里的图片是什么格式就最好存为什么格式，这样可以省去改图片链接格式的工作。保存好后，把你切割的这些图片的名字都改成和原模版里图片同样的名字进行覆盖。
网店装修实训报告
网店装修实训报告
————莦嬟店铺
专业：电子商务
姓名：肖美娥
班级：电商S13-1班
学号：49
一、店铺首页
1．店招
店招是一家店铺的经营品类的表现，其起到的作用是让顾客看到店招就知道你这店是经营什么的，不能模棱两可；店招应该简洁明了，不应过于繁杂，字体与背景颜色应该有鲜明的对比性，店招上最好带有你销售产品的代表物（让顾客知道你卖什么）。如图1-1所示：
图 1-1
2．横向导航
横向导航也是一个宝贝的分类，放于店招下，是为了让对你店铺感兴趣的顾客便于查看店内所有的宝贝和他需要的宝贝，如图1-2所示：
图1-2
淘宝自带的模块，只需要插入你所需要的推广的宝贝分类即可，本店为女装虚拟店，故分出了所有分类、 首页以及店铺动态三个.其中店铺动态是便于顾客查看本店的最新优惠。
3．图片展示
图片展示使用的淘宝自带的模块“图片轮播”，在选择好自己想要的显示的图片后，依次放入图1-3的图片地址中。效果 如图1-3所示
图1-3
二、店铺左侧
左侧模块区的宽度为190像素，可放入一些收藏及分类什么的，如下：
1．宝贝分类
宝贝类型模块即是展示出了宝贝分类模块中的文字分类，与左侧的宝贝分类模块相持平，使顾客更好的了解本店的经营类型，在显示宝贝个数时，为了使店铺看上去更加吸引人，我上传了30个宝贝。效果如图1-4所示：
图1-4
2．宝贝排行榜
使用了淘宝自带的模块，便于影响顾客的消费，宝贝排行设置为销售好的宝贝。如图1-5所示
图1-5
3.友情链接
为了更好的为顾客提供服务，我还在店铺中设置了友情链接。效果如图1-6所示
图1-6
4.充值中心
为了方便消费者购物，我特意在网店中设置了充值中心，给大多数消费者网上购物提供便利。效果如图1-7所示：
淘宝店铺首页、效果装修代码(全)
淘宝装修代码(全)
1.公告栏的装修图片代码,
帖到公告栏就行了. 不过还是有好多人来问
我公告栏的位置-----点我的淘宝-----
管理我的店铺------基本设置，下面写着公告的位置。
2.公告悬浮装饰图片代码
COPY到公告的最下面就好了哦，
3.加背景音乐的代码。
进“我的淘宝”点击“管理我的店铺”进入“基本设置” 先贴代码，
再写你的公告文字
4.浮动的图片的代码：
;
5.滚动字幕代码： 这个用处可就多了，放到哪里那些字都是会动的，有
很多朋友在好评里都会用到哦！ 输入你想说的话
6.自定义颜色代码
输入你想要说的话
注意:等于号"="后就是颜色的英文：不喜欢这个颜色还可以换成其他颜
色的，如：red(红)、blue(蓝)、green(绿)等；不过注意代码的总长度
不要超过40哦。
7.增加链接链接内容
链接内容
8.店铺分类的代码
代码就放在：我的淘
宝—管理我的店铺—宝贝分类
淘宝网店装修效果代码集合
1、忽视右键
或
2、加入背景音乐
IE:
NS:
*.mid你的背景音乐的midi格式文件
3、简单的window.open方法
onclick="javascript:window.open(文件路径/文件名,newwindow,
toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,
width=400,height=300);">文字或图片
参数解释：
js脚本结束
4、简单的页面加密
5、拉动页面时背景图不动
6、让浏览器在保存页面时保存失败
7、随机替换图片
图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif
8、窗口定时关闭
先将如下代码网页文件的区：
然后再在标内加入如：
9、网页自动关闭
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
淘宝店铺装修设计规范
淘宝店铺装修设计规范
淘宝店铺是电商平台上实现销售的重要渠道之一，店铺的装修设计直接影响消费者对店面的认知和购买意愿。因此，淘宝店铺的装修设计需要遵循一定的规范，以提高店铺的品牌形象和销售水平。
1. 强调品牌形象
强调品牌形象是淘宝店铺装修的首要规范。店铺装修设计应该与品牌形象相符合，并通过书写店铺名称、店铺标语等方式突出品牌特点。建议店铺装修师傅或者店主在进行店铺装修前仔细阅读淘宝店铺装修设计指引，学习以及熟悉淘宝店铺装修规范，强调品牌形象，提高店铺面貌，使得顾客在看到店铺的瞬间就能够快速而准确的记住店铺名称和广告语，达到精准营销的目的。
2. 友好的界面设计
淘宝店铺装修要求前端人员对界面设计要有深入的研究和理解。在视觉上，应该注重美感和用户体验。界面布局应该合理，导航、搜索框、分类、滚动条等组件应该放在最显著的位置。如此一来，用户能够更加方便的查询到自己感兴趣的商品，使用体验感更好，有利于顾客对店铺的访问频率和流量的提升。同时，界面风格要统一，字体颜色要明确、清晰，文字与背景对比要合适，不应该出现使用率过低之色度值的颜色，影响用户的体验。
3. 规范的图片使用 图片是淘宝店铺装修的重要元素之一。店铺装修应该规范图片使用，以确保商品图片质量优良、风格统一。首先，要求店铺的图片必须要是自身所拍摄，或是获得了版权的照片，不能使用侵权的图片，否则会影响店铺的形象和信任度。在图片上传时，要承保图片不失真、清晰、没有水印、没有边框。其次，要在图片上标注商品名称、规格、型号、颜色、材质等信息，以便于顾客快速了解商品的特性，进而决定是否购买。
4. 合理的货品分类
商家在将产品描述、图像、价格放置到店铺中时，一定要注意分类别。通过分类将货品进行归整，有利于顾客快速而准确地找到所要购买的商品。商家应该根据自己的产品种类建立分类目录，为每个目录设置一个图片以区分不同目录，给顾客留下一个清晰整洁的图片记忆。同时，货品数量不可过多，最好将每个分类目录中的商品数控制在合适范围内，反之，货品数量过多，无法显示完整，影响顾客购买的决心。
扶植版旺铺免费装修
扶植版旺铺免费装修-小卖家吃尽淘宝免费大餐
刚刚上架了宝贝，做了全程免费的店铺装修，有些朋友来问小淡是怎么装修的，还有谦虚的非要让小淡教一教，小淡不是搞装修的，所有的都是自己慢慢研究出来的，说到教一教，有一种无从下嘴的感觉，不教又显得小器。所以，浅淡一点，请高手绕行。
俗话说：天下没有免费的午餐！小淡不才，却偏偏吃尽了淘宝的免费大餐。
一、免费店标
二、免费店招
三、免费相册
四、免费分类
五、免费促销
六、免费分析
七、免费量子
一、免费店标
专业的logo价值连城，想都不要想了。作为想将免费进行到底，自己又非作图高手的我们，可以找一张自己喜欢的图片用“光影魔术手”缩小到120*120的大小，也可以做和小淡一样风格的，步骤如下：
百度一下“在线印章”，在线填入店铺的名称，可以选择数十种字体和样式，然后提交即生成图片和图片地址。
把图片另存到本地，旺旺面板左上方的“个人名片”＝＞“修改资料”＝＞“修改头像”＝＞“浏览”选择头像图片,请不要超过1M,最佳尺寸120*120像素 支持jpg,jpeg,png,gif格式的图片 ＝＞“上传图片”＝＞“保存”就可以看到旺旺面板上的头像变化了。
再到面板左侧点那个红红的”淘”，这里可以点“卖出宝贝”或“售中宝贝”等，也可以直接点“店铺管理”。
无论点的是“卖出宝贝”或“售中宝贝”，都可以看到页面左侧的店铺管理，选店铺基本设置。
在店铺基本设置里，可以更换店标，这次店铺是别人搜索我们店铺时可以看到的。但这个店标的尺寸也是有要求的。文件格式GIF、JPG、JPEG、PNG文件大小80K以内，建议尺寸80PX * 80PX ，右边的“店铺名”、店铺类别、店铺简介、店铺介绍都是可以手动更改的，人气类目是不能自己随便改的。修改后切记要左下角点“保存”按钮，以免全功尽弃。
二、免费店招
淘宝现在免费给一钻以下小卖家免费用扶植版旺铺。虽然是扶植版，但店招可自定义的部分还是蛮多的。
淘宝店铺装修样式设计
淘宝店铺装修样式设计
1 / 14 嘉兴职业技术学院
毕 业 设 计 (论 文)
题目名称： 匡奥箱包淘宝装修图
姓 名： 姚俊
所在分院： 信息技术分院
专业班级： 计算机应用技术143班
指导教师： 金智鹏
2017年1月
引言 .................................................................1 淘宝店铺装修样式设计
2 / 14
1.设计前的准备 .......................................................2
1.1店铺装修的作用 ................................................2
1.2店铺装修的风格 ................................................2
2.店铺装修详细介绍 ...................................................2
2.1 店招的设计和分析 ..............................................2
2.2首页的设计与分析 ..............................................3
2.3首页广告业的设计和分析 ........................................3
2.3.1 首页作品展示1 ...........................................4
2.3.2 首页作品展示2 ...........................................4