第1章 店铺装修的准备 1
1.1店铺有哪些部分可以装修 1
1.1.1商品的美化 2
1.1.2店标的设计 3
1.1.3公告模板设计 4
1.1.4分类导航设计 5
1.1.5商品描述模板设计 5
1.2店铺装修的一般流程 6
1.3图片素材的获取 7
1.3.1图片的格式分类 8
1.3.2从网络中寻找图片素材 8
1.4将素材图片放到网络上 10
1.4.1使用淘宝网图片空间 10
1.4.2将图片链接到店铺中 11
1.5店铺装修的成功案例 12
本章小结 14
第2章 店铺装修的常用工具和HTML语言 15
2.1装修店铺不同部分的方法及使用工具 15
2.1.1修改图片的工具 15
2.1.2修改页面显示效果的语言 16
2.1.3制作动画的工具 17
2.1.4制作特效的语言 17
2.2使用Photoshop处理图片 19
2.2.1调整图片大小及亮度 20
2.2.2为图片打上水印 22
2.2.3合并图片 23
2.2.4给图片加上边框 25
2.2.5抠图 27
2.2.6批量处理图片 28
2.3使用ImageReady制作简单动画 29
2.3.1简单动画的原理 29
2.3.2制作一个简单的动画 30
2.4使用HTML语言修改页面效果 32
2.4.1 HTML语言的写法和原理 32
2.4.2怎样修改HTML代码 33
2.4.3在HTML代码中控制显示效果的代码 33
2.4.4一个简单的修改HTML代码的实例 34
本章小结 35
第3章 设计店标 37
3.1淘宝店标的规定 37
3.2店标的分类 38
3.3制作一个静态的店标 39
3.3.1做好店标的构思 39
3.3.2寻找相应的素材 39
3.3.3制作店标中的图片内容 40
3.3.4制作店标中的文本内容 43
3.3.5保存店标 45
3.4制作一个动态的店标 45
3.4.1做好店标的构思 46
3.4.2制作店标动画 46
3.5发布店标 47
本章小结 48
第4章 商品照片的获取和美化 49
4.1购买一台合适的数码相机 49
4.1.1相机选择的具体指标 49
4.1.2相机购买的注意事项 53
4.2学会拍摄和取景 54
4.2.1数码相机的拍摄技巧 55
4.2.2拍摄过程中需要注意的问题 56
4.3有瑕疵照片的处理 58
4.3.1调整偏色的照片 58
4.3.2调整曝光错误的照片 59
4.3.3使模糊的照片清晰化 60
4.4为照片更换背景 61
4.5不同类型商品的照片实例 65
本章小结 66
第5章 公告模板设计 67
5.1公告模板设计的相关规定 68
5.2在公告模板中使用图片 69
5.2.1制作公告图片 69
5.2.2网络上保存图片 71
5.2.3公告中使用图片 71
5.3美化公告模板中的文字 73
5.4图片公告的制作 75
5.4.1图片公告的构思及素材搜索 75
5.4.2制作图片公告 76
5.4.3发布在网店上 80
5.5公告模板的进一步处理 81
5.5.1使用代码控制公告模板 81
5.5.2将公告模板生成网页 86
5.5.3在店铺中应用公告模板源代码 86
5.6一个公告模板的实例 88
5.6.1搜索图片素材 88
5.6.2制作公告模板 89
本章小结 93
第6章 分类导航设计 95
6.1分类导航的相关规定 95
6.2制作分类导航中的图片 98
6.2.1收集图片素材 98
6.2.2处理欢迎部分图片 99
6.2.3处理分类部分图片 103
6.3制作分类导航中的文字 106
6.3.1欢迎图片中的文字制作 107
6.3.2分类项中的文字制作 108
6.4制作分类导航动画 109
6.5在网店中使用图片导航 111
6.6关于分类和子分类 114
6.7一个分类导航的实例 115
6.7.1制作导航的背景图片 115
6.7.2制作导航的文本内容 117
6.7.3在店铺中应用导航条 117
本章小结 117
第7章 商品描述模板设计 119
7.1商品描述模板的相关规定 119
7.2商品描述模板的制作流程 122
7.3一个简单的商品模板实例 122
7.3.1设计商品描述模板的效果图 123
7.3.2切图并整理 135
7.3.3制作模板中的动画 138
7.3.4制作页面代码 141
7.3.5将页面代码进行整理 148
7.3.6发布商品描述模板 151
7.4制作商品描述模板需要注意的问题 158
本章小结 159
第8章 关于淘宝旺铺 161
8.1什么是淘宝旺铺 161
8.2申请成为淘宝旺铺 162
8.3在淘宝旺铺中都可以做什么 163
8.3.1拥有全新的店招 164
8.3.2拥有促销区 164
8.3.3可以更加灵活地控制页面效果 165
8.4淘宝旺铺可以带来什么好处 167
8.4.1更加丰富的店铺首页 168
8.4.2更方便的产品展示 168
本章小结 169
第9章 旺铺店招设计 171
9.1旺铺店招的简介 171
9.2旺铺店招的设计流程 172
9.2.1设计店招中的图片 172
9.2.2制作店招中的文字 175
9.2.3制作店招中的动画 178
9.2.4应用店招 180
9.3店招设计中要注意的问题 181
9.4一个精美的店招实例 182
9.4.1设计店招的背景图片 183
9.4.2制作店招的文本内容 184
9.4.3制作店招动画 186
9.4.4整合店招的内容并发布 187
本章小结 188
第10章 旺铺促销区设计 189
10.1旺铺促销区的简介 190
10.2旺铺促销区的设计流程 192
10.2.1设计促销区的效果图 192
10.2.2切图和整理 195
10.2.3制作促销区的动画 196
10.2.4制作促销区的代码 198
10.2.5发布促销区 203
10.3促销区设计中要注意的问题 205
10.4一个精美的促销区实例 206
10.4.1设计促销区的效果图 206
10.4.2切图和整理 209
10.4.3制作促销区的动画 210
10.4.4制作促销区的代码 211
10.4.5发布促销区 214
本章小结 215
第11章 店铺装修的细节和辅助工具 217
11.1添加计数器 217
11.2设计可爱的鼠标效果 222
11.3加入背景音乐 224
11.4制作滚动评价 225
11.5使用分割线 227
本章小结 229
第12章 一个普通店铺的装修实例 231
12.1店铺的整体构思 231
12.2制作店标 232
12.2.1制作店标的内容 232
12.2.2制作店标动画 234
12.3制作公告模板 236
12.3.1添加公告图片 236
12.3.2添加公告文本 237
12.3.3使用代码控制公告模板 237
12.3.4将公告模板生成网页 238
12.4制作分类导航 239
12.4.1制作的图片和文本 240
12.4.2控制分类导航的显示效果 241
12.5制作商品模板 241
12.5.1制作模板页效果图 241
12.5.2制作模板中的动画 244
12.5.3制作页面代码 245
12.5.4将页面代码进行整理 247
12.5.5商品描述模板页的网络效果 248
12.6星期衣店铺首页实图 249
本章小结 250
第13章 一个旺铺的装修实例 251
13.1化妆品店铺的整体构思 251
13.2制作店招 252
13.2.1制作店招的内容 252
13.2.2制作店招动画 252
13.3制作促销区 253
13.3.1制作促销区图片 253
13.3.2制作促销区文字 255
13.3.3使用代码控制促销区模板 257
13.3.4将促销区模板生成网页 258
13.3.5把制作的店招和促销区应用于网店中 258
13.4制作商品模板 259
13.4.1制作描述页效果图 259
13.4.2制作模板中的动画 261
13.4.3制作页面代码 263
13.4.4将页面代码进行整理 264
13.4.5发布商品描述模板 265
本章小结 266