2022年淘宝店铺装修秘籍 .pdf

如果你不想花钱来装修，就可以去淘宝“ 社区 ” 看看，淘宝社区在主页的右上面就能找到，然后进了社区后，找” 经验畅谈区 ” ，里面都是卖家和买家们的各种心得，你要找关于网店装修的，就找 ” 做图设计 ”宝贝拍照心得” 等这几个栏目，然后选择精华帖，就可以看到都是人家的教授帖子，很多都是一步一步，而且是有图示的教你如果你想省力点，就直接在我要买里面，找” 店铺装修 ” ，各种各样的装修都有，像宝贝描述之类祝你好运哦开店成功！首先， 必须了解一下你有没开通旺铺哦，因为普通店铺和旺铺的装修功能是有区别的。它们的区别如下：一 可装修内容不同1、普通店铺可装修的部分有：店标、公告、分类、宝贝描述（不在店铺主页显示，只在宝贝页面中显示）2、旺铺可装修部分：店招、 促销区、 分类、 左侧自定义模块、右侧自定义模块、宝贝描述、自定义页面二 可装修的范围不同：1、普通店铺：店标、公告背景图片、分类按钮、商品描述模板只能在其规定的范围内进行装修。店标：100 像素 100 像素，公告大约在400200 左右（即使装修后的公告高度大于200 像素，也只是在公告框里滚动）而且公告必须是滚动的。2、旺铺：店招：旺铺店招的装修也是有范围的：店招最大尺寸为宽950 像素、高150 像素。一般做装修卖家卖的店招都是最大尺寸的。促销区：促销区的宽度最大为740 像素，高度不限。但是为了页面的美观，一般都会把高度控制在500 像素内。分类按钮：（旺铺和普通店铺通用）宽度最大160，高度不限，个数不限。描述模板：宝贝描述模板分为宽版和窄版，高度不限. 普通店铺只能用宽版（950 像素） ;旺铺可用宽版也可用窄版（740 像素） . 左侧模块（收藏模块）：宽度最大为190，高度不限。右侧模块：宽度最大为750，高度不限。自定义页面：宽度最大为740，高度不限。因此，如果想要在淘宝上专职做网店的建议开通旺铺功能。下面以店铺右侧自定义模块为例，讲解一下如何增加新模块进行简单的装修，添加方式：管理我的店铺 -店铺装修 -添加模块 -可添加模块 -选择（左侧侧）自定义内容区-保存设置；然后在左侧最底部会出现“ 自定义内容区” -点击 “ 编辑 ” ， 会弹出一个界面“ 自定义内容区设置” ，名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 16 页 - - - - - - - - - 淘宝 “ 社区 ” 看看，淘宝社区在主页的右上面就能找到，然后进了社区后，找” 经验畅谈区 ”，里面都是卖家和买家们的各种心得，你要找关于网店装修的，就找” 做图设计 ” 宝贝拍照心得”等这几个栏目， 然后选择精华帖，就可以看到都是人家的教授帖子，很多都是一步一步，而且是有图示的教你选择编辑器最后一个，如不清楚，请将鼠标移到该图标上，会显示“ 编辑 html 源码 ” ，点击此图标，这里可以进行html 编写（淘宝只支持table 格式），你可以在网上搜索并下载免费的装修模板代码全选，复制粘贴到此处，再次点击“ 编辑 html 源码 ” ，会看到模板的图片形式。最后不要忘了点击“ 发布 ” 店铺！ 关于 html 代码， 一般常用到的有以下几个标签：滚动字幕代码： 你自己想做成滚动的文字 注解： 是一对控制文字滚动的代码，放在它们之间的文字显示出来的效果就是从右到左移动。代码中间的字可以换成自己想要的字1.建立第一个滚动字幕。代码：marquee scrollAmount=2 width=300 我钟意网页树树 1).各参数详解：a)scrollAmount。它表示速度， 值越大速度越快。 如果没有它，默认为 6， 建议设为 13 比较好。 b)width 和 height ， 表示滚动区域的大小，width 是宽度，height 是高度。特别是在做垂直滚动的时候，一定要设height 的值。c)direction 。表示滚动的方向，默认为从右向左： 。可选的值有right 、down 、up。滚动方向分别为：right 表示 ，up 表示 ，down 表示 。 d)scrollDelay ，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。自定义颜色代码： 你自己想要添加的文字 注解： 是一对控制文字颜色的代码，等于号（=）后就是颜色值：可以更换为其他颜色的，如： red( 红)、blue( 蓝)、green( 绿)；也可以用 #000000 #ffffff 的形式（不过注意代码的总长度不要超过40）。代码中间的字可以换成自己想要的字公告栏图片代码 例如下边所写例： 店铺里面漂浮动画代码 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 16 页 - - - - - - - - - 淘宝网店免费装修代码大集合一、注：先把图片上传到网络相册网络地址，把它拷贝下来， 放到下边一串代码里替代汉字部分；可以应用于公告栏、分类栏及宝贝描述内。二、 插入公告栏挂饰代码： 注：先把挂饰图片上传到网络相册；可以应用于公告栏、分类栏及宝贝描述内。三、背景音乐代码： 注：先把背景音乐上传到网络。在图片里附加音乐的办法： 注：先把挂饰图片上传到网络相册；可以应用于公告栏、宝贝描述内，不过只在 IE 和 Netscape 中支持， Firefox会提示 proprietary attribute。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 16 页 - - - - - - - - - 四、 浮动图片的代码：img alt=1 height=150 src=这里放图片地址 / 五、 悬浮挂饰代码：img src= 这里放图片地址 style=left:20px; position: relative; top:0px /六、 文字链接代码 :a href=网页地址 链接的文字 /a 七、 移动文字代码 :marquee从右到左移动的文字/marquee八、 计数器代码九、 店铺公告里的漂亮悬浮挂件的代码：名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 16 页 - - - - - - - - - /marquee十、 店铺公告添加个性的鼠标指针代码： 十一、宝贝描述加上个性的鼠标指针代码先选“编辑源文件” ，然后复制以下代码： 另外，还要在源文件底部输入代码：十二、添加 QQ 在线交谈代码： 注: 这是 QQ 在线状态的代码，里面的数值要改变，号码和网址改为你自己的，这个链接的作用是别人可以直接点击联系你而无需加你为好友，使用方法是直接链接。十三、 下面的代码设置在一定区域内让文字向上滚：“scrollamount= ”可改变速度。 文字 十四、添加旺旺在线代码：十五、插入 -FLASH动画 ：名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 16 页 - - - - - - - - - 十六、让文字左右来回流动：88亮荘十七、让文字由下至上滚动：88亮荘十八、让文字由左向右流动：88亮荘 十九、如何让文字滚动起来：88亮荘 二十、如何让文章中的重要文字变色代码：我淘心情你淘宝贝 颜色代码附：1 白色 #FFFFFF 2 红色#FF0000 3 绿色#00FF00 4 蓝色#0000FF 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 16 页 - - - - - - - - - 5 牡丹红 #FF00FF 6 青色 #00FFFF 7 黄色#FFFF00 8 黑色#000000 9 海蓝#70DB93 10 巧克力色 #5C3317 11 蓝紫色 #9F5F9F 12 黄铜色 #B5A642 13 亮金色 #D9D919 14 棕色#A67D3D 15 青铜色 #8C7853 162 号青铜色 #A67D3D 17 士官服蓝色 #5F9F9F 18 冷铜色 #D98719 19 铜色 #B87333 20 珊瑚红 #FF7F00 21 紫蓝色 #42426F 22 深棕 #5C4033 23 深绿 #2F4F2F 24 深铜绿色 #4A766E 25 深橄榄绿 #4F4F2F 26 深兰花色 #9932CD 27 深紫色 #871F78 28 深石板蓝 #6B238E 29 深铅灰色 #2F4F4F 30 深棕褐色 #97694F 32 深绿松石色 #7093DB 33 暗木色 #855E42 34 淡灰色 #545454 35 土灰玫瑰红色 #856363 36 长石色 #D19275 37 火砖色 #8E2323 38 森林绿 #238E23 39 金色 #CD7F32 40 鲜黄色 #DBDB70 41 灰色 #C0C0C0 42 铜绿色 #527F76 43 青黄色 #93DB70 44 猎人绿 #215E21 45 印度红 #4E2F2F 46 土黄色 #9F9F5F 47 浅蓝色 #C0D9D9 48 浅灰色 #A8A8A8 49 浅钢蓝色 #8F8FBD 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 16 页 - - - - - - - - - 59 浅木色 #E9C2A6 60 石灰绿色 #32CD32 61 桔黄色 #E47833 62 褐红色 #8E236B 63 中海蓝色 #32CD99 64 中蓝色 #3232CD 65 中森林绿 #6B8E23 66 中鲜黄色 #EAEAAE 67 中兰花色 #9370DB 68 中海绿色 #426F42 69 中石板蓝色 #7F00FF 70 中春绿色 #7FFF00 71 中绿松石色 #70DBDB 72 中紫红色 #DB7093 73 中木色 #A68064 74 深藏青色 #2F2F4F 75 海军蓝 #23238E 76 霓虹篮 #4D4DFF 77 霓虹粉红 #FF6EC7 78 新深藏青色 #00009C 79 新棕褐色 #EBC79E 80 暗金黄色 #CFB53B 81 橙色 #FF7F00 82 橙红色 #FF2400 83 淡紫色 #DB70DB 84 浅绿色 #8FBC8F 85 粉红色 #BC8F8F 86 李子色 #EAADEA 87 石英色 #D9D9F3 88 艳蓝色 #5959AB 89 鲑鱼色 #6F4242 90 猩红色 #BC1717 91 海绿色 #238E68 92 半甜巧克力色 #6B4226 93 赭色 #8E6B23 94 银色 #E6E8FA 95 天蓝 #3299CC 96 石板蓝 #007FFF 97 艳粉红色 #FF1CAE 98 春绿色 #00FF7F 99 钢蓝色 #236B8E 100 亮天蓝色 #38B0DE 101 棕褐色 #DB9370 102 紫红色 #D8BFD8 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 16 页 - - - - - - - - - 103 石板蓝色 #ADEAEA 104 浓深棕色 #5C4033 105 淡浅灰色 #CDCDCD 106 紫罗兰色 #4F2F4F 107 紫罗兰红色 #CC3299 108 麦黄色 #D8D8BF 109 黄绿色 #99CC32二十一、文字加粗，倾斜的代码文字加粗的代码是 : 文字 文字倾斜的代码是 : 文字 二十二、换行代码如果你想换行，直接用Enter 键是不行的，需要在您想换行的位置输入 这样就会分成两行显示，整个网站看起来也不会是一大片了，而是段落分明如果输入一个 ， 那就是另起一行， 如果连续输入两个， 即 ，那就会空一行二十三、时钟在背景上显示代码 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页，共 16 页 - - - - - - - - - 二十四、中文星期网页特效显示代码： !- document.write( now = new Date() /定义新对象， new具有 Date 的性质document.write( if (now.getDay() = 5) document.write(星期五 if (now.getDay() = 6) document.write(星期六 if (now.getDay() = 0) document.write(星期日 if (now.getDay() = 1) document.write(星期一 if (now.getDay() = 2) document.write(星期二 if (now.getDay() = 3) document.write(星期三 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 16 页 - - - - - - - - - if (now.getDay() = 4) document.write(星期四 document.write( /- 二十五、添加到收藏夹的代码：收藏本站 二十六、设为首页的代码：设为首页 二十七、保护自己的页面不被别人放在框架中： if(self!=top)top.location=self.location; 二十八、状态栏出现打字效果特效代码：要完成此效果需要两个步骤名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 12 页，共 16 页 - - - - - - - - - 第一步：把如下代码加入到区域中 !- Begin var msg = Welcome To The java - script Fairyland; var chars = msg.length + 1; var updateStatus = ; var i = 0; function statusMessage() if (i 第二步：把“ onLoad=statusMessage()”加在 标记里例如： 二十九、在标题栏显示时间特效代码名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 13 页，共 16 页 - - - - - - - - - 完成此效果把如下代码加入到区域中 !- Begin var clocktext; var pagetitle = document.title; function scroll() today = new Date(); sec = today.getSeconds(); hr = today.getHours(); min = today.getMinutes(); if (hr = 9) hr = 0 + hr; if (min = 9) min = 0 + min; if (sec 三十、附件：名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 14 页，共 16 页 - - - - - - - - - 1. 免费网店装修克隆网站：店铺宝：http:/ 自己搜索）http:/ 5常用图片及动画修理和制作工具下载地址: 图片一般可以PS,动画一般常用 PS里面的 IMAGEREADY和 FLASH 软件 ,为方便新手 , 可提供免安装注册的绿色软件, 以供大家共享之 ! PHOTOSHOP CS3 图片处理软名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 15 页，共 16 页 - - - - - - - - - 件: http:/ : http:/ 淘宝自定义区的图片天flash最大尺寸：淘宝左侧自定义区的图片天flash最大尺寸是 190 像素；淘宝右侧自定义区的图片天flash最大尺寸是 750 像素。在 店 铺 公 告 编 辑 区 的 源 码 格 式 下 ， 添 加 这 段 代 码 ： 。 （音乐地址，可以从百度里搜索自己喜欢的音乐）名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 16 页，共 16 页 - - - - - - - - -