第1篇 普通店铺装修 2
第1章 店铺装修基础知识 2
1.1 前期准备 2
1.1.1 确定商品销售类型 3
1.1.2 收集装修素材 3
1.2 店铺装修的一般流程 4
1.3 获得网络存储空间 6
1.3.1 使用免费相册 6
1.3.2 使用博客存储图片 7
1.3.3 租用图片空间 8
1.3.4 租用虚拟主机 9
1.4 优秀店铺装修评析 9
1.4.1 女性服饰类店铺评析 10
1.4.2 化妆品类店铺评析 11
1.4.3 男性商品类店铺评析 12
1.4.4 生活用品类店铺评析 14
1.5 常见技巧与问答 15
问题1 店铺中可以上传什么格式的图片文件 15
问题2 开通店铺之前，如何确定店铺装修风格 15
问题3 店铺装修是自己做呢，还是购买现成的 15
第2章 商品照片处理和美化 16
2.1 调整曝光不足或曝光过度的照片 16
2.2 调亮照片使颜色变得鲜艳 18
2.3 提高照片清晰度 21
2.4 为照片更换背景 22
2.5 常见技巧与问答 27
问题1 如何制作几张图片叠加在一起的效果 27
问题2 如何将拍大的照片调小 27
问题3 照片偏色了，如何调整 27
问题4 淘宝中，对所支持图片的规格、大小、格式和位置都有哪些规定 27
第3章 店标设计 28
3.1 店标的制作要求 28
3.2 店标动画的基本制作方法 29
3.3 化妆品类店标制作要领 31
3.3.1 收集图片素材 31
3.3.2 修改图片上的水印和标记 33
3.3.3 调整图片尺寸 37
3.3.4 创建新店标图片 39
3.3.5 为店标加入文字 42
3.3.6 制作店标动画 46
3.3.7 保存店标动画 49
3.4 时尚服饰类店标制作要领 51
3.4.1 从资源网站中寻找图片素材 51
3.4.2 对矢量图片进行编辑 52
3.4.3 制作时尚店标 58
3.5 儿童用品类店标制作要领 61
3.5.1 编辑GIF动画素材 61
3.5.2 为GIF动画添加店铺名称 63
3.6 发布店标 66
3.7 常见技巧与问答 67
问题1 如何选择店标图片的素材 67
问题2 如何让自己的店标过目不忘 68
问题3 如何将店标做成动画效果 68
第4章 公告模板设计 69
4.1 公告模板的制作要求 69
4.2 编辑公告中的文字样式 70
4.3 制作美观的图片公告 73
4.4 在店铺中应用图片公告 79
4.5 制作内容丰富的公告模板 81
4.5.1 设计公告模板的网页效果 82
4.5.2 将公告模板生成网页 87
4.5.3 在店铺中应用公告模板源代码 93
4.6 常见技巧与问答 98
问题1 店铺公告的位置可以改变吗 98
问题2 在公告栏中能够放置哪些网页元素 98
问题3 公告栏中的图片可以直接上传到淘宝网站上吗 98
问题4 选择哪种方式的公告更适合我 98
第5章 分类导航设计 99
5.1 分类导航的制作要求 99
5.2 通用分类导航的设计 101
5.2.1 调整素材图片尺寸 101
5.2.2 制作分类导航文字 105
5.2.3 制作分类导航动画 107
5.2.4 应用分类导航 113
5.3 儿童服饰类店铺分类导航的设计 115
5.3.1 制作欢迎图片 116
5.3.2 制作商品分类图片 121
5.3.3 制作联系方式图片 126
5.4 常用技巧与回答 131
问题1 在店铺管理中添加了分类导航图片，为什么没有显示出来 131
问题2 我的分类中已经有商品了，但是子分类为什么无法添加 131
问题3 为什么无法删除分类 131
第6章 商品描述模板设计 132
6.1 商品描述模板制作要求 132
6.2 制作宽版商品描述模板 134
6.2.1 在Photoshop中设计描述模板 134
6.2.2 使用ImageReady制作闪光动画 141
6.2.3 裁切图片为适合网页应用的元素 144
6.2.4 使用Dreamweaver生成网页代码 148
6.2.5 上传描述模板中的商品图片 161
6.2.6 发布商品描述模板 162
6.3 制作窄版商品描述模板 165
6.3.1 设计和保存窄版商品描述模板 165
6.3.2 制作窄版描述模板网页 169
6.4 常见技巧与问答 171
问题1 为什么上传的商品描述模板显示红叉 171
问题2 可以在描述模板中调用CSS样式吗 172
问题3 宽版和窄版商品描述模板，哪个更适合我 172
第2篇 旺铺特色装修 174
第7章 旺铺店招设计 174
7.1 旺铺店招的制作要求 174
7.2 “宝贝杂货铺”店招设计 177
7.2.1 背景图片设计 177
7.2.2 图片和文字制作 179
7.2.3 店招动画制作 183
7.2.4 将店招图片应用于旺铺中 185
7.3 “私房美饰”店招设计 186
7.3.1 边框制作 187
7.3.2 背景和文字设计 189
7.3.3 店招动画制作 192
7.4 “冰馨一族”店招设计 194
7.4.1 背景图片设计 194
7.4.2 添加店铺名称、广告语等文字 196
7.4.3 制作店招动画 200
7.5 常见技巧与问答 204
问题1 制作的店招超过80KB了，无法发布怎么办 204
问题2 可以在店招上添加链接吗 204
问题3 旺铺的店招里只有“首页”和“消保联盟”两项，如何添加其他链接文字 204
问题4 已顺利申请了旺铺，为什么“基本设置”里没有“使用店铺招牌”选项 204
第8章 旺铺促销区设计 205
8.1 旺铺促销区的制作要求 205
8.2 “私房美饰”旺铺促销区的制作 206
8.2.1 设计促销区风格 206
8.2.2 制作促销区动画 212
8.2.3 裁剪和保存促销区图片 215
8.2.4 生成“私房美饰”促销区网页 219
8.2.5 发布“私房美饰”促销区源代码 227
8.3 “冰馨一族”旺铺促销区的制作 231
8.3.1 设计促销区风格 231
8.3.2 制作促销区动画 236
8.3.3 生成“冰馨一族”促销区网页 238
8.4 常见技巧与问答 244
问题1 旺铺促销区的尺寸是多少，对图片的大小是否有限制 244
问题2 “旺遍天下”的作用是什么 244
问题3 如何替换促销区中显示的宝贝图片 244
第9章 旺铺细节装修 245
9.1 设计与制作商品水印 245
9.2 制作边框模板 250
9.3 加入可爱的动画鼠标 254
9.4 添加美妙的背景音乐 256
9.5 为店铺添加计数器 259
9.6 常见技巧与问答 261
问题1 添加水印会不会影响商品的效果 261
问题2 商品水印和边框模板可以同时使用吗 261
问题3 动画鼠标的图片可以自己制作吗 261
问题4 背景音乐会不会丢失 261
第3篇 完整装修案例 264
第10章 完整的普通店铺设计 264
10.1 优品体育用品店铺装修 264
10.1.1 体育用品店铺简介 264
10.1.2 店标设计 265
10.1.3 店铺公告设计 267
10.1.4 动感分类导航设计 269
10.1.5 商品描述模板设计和制作 272
10.2 小天使玩具店铺装修 278
10.2.1 游戏玩具店铺简介 278
10.2.2 店标设计 278
10.2.3 店铺公告设计 281
10.2.4 卡通分类导航设计 283
10.2.5 商品描述模板设计和制作 285
10.3 常见技巧与问答 294
问题1 如何从旺铺回到以前的普通店铺 294
问题2 普通店铺与旺铺对宝贝分类有没有限制 294
问题3 如果旺铺到期了，商品资料会不会丢失 294
问题4 普通店铺中公告字体都叠在一起怎么办 294
问题5 普通店铺对在售宝贝数量有限制吗 294
第11章 完整的旺铺设计 295
11.1 风尚服装服饰旺铺装修 295
11.1.1 服装服饰店铺简介 295
11.1.2 店招设计 296
11.1.3 促销区设计和制作 300
11.1.4 分类导航设计 308
11.1.5 店铺描述模板设计和制作 310
11.2 舒适家居折扣店旺铺装修 315
11.2.1 家居饰品店铺简介 315
11.2.2 店招设计 316
11.2.3 促销区设计和制作 318
11.2.4 分类导航设计 323
11.2.5 店铺描述模板设计和制作 324
11.3 常见技巧与问答 327
问题1 开通旺铺真能带来好生意吗 327
问题2 旺铺装修设计中各区域适合的尺寸是多少 327
问题3 如何编写HTML代码 327
附录 HTML常用标签 328