淘宝美工店学习内容

一、基础部分（必修课程——PS切片、DW排版、超链接）

1、认识旺铺结构，熟悉布局、模块、模板管理

店招设计、分类管理及分类图片、分类头部banner条

2、PS切片生成网页代码——1个整图链接实例，1个切片链接实例

(1)photoshop设计图像
(2)切片
(3)设置切片选项URL
(4)导出 图片JPG GIF 导出格式HTML and image
(5)上传图片
(6)记事本打开代码（HTML网页文件）
(7)用图片空间的图片地址替换原来的本地地址
(8)删除网页代码里的头与尾多余部分
(9)代码复制自定义的源码模式下
(10）保存发布

3、制作分类导航、添加客服、收藏代码

(1)DW还可以对PS导出的WEB页进行图片地址替换、添加链接、添加图片说明、设置链接打开方式（新窗口或原窗口）
(2)给图片制作热区
(3)插入图片改为背景图片，添加旺旺及子帐号客服代码，制作店铺收藏功能
(4)单元格内的位置采用2*2表格定位

4、DW基础及表格嵌套排版——产品列表布局

(1)创建项目文件夹并建立站点
(2)插入表格时，需要定义宽度定义，设置无边框
(3)刚插入的表格宽度是相对等分的，需要调间隔线使其宽度成为固定形式
(4)一般采用一行多列的排版形式
(5)表格嵌套是DW网页排版一种基本思路
(6)表格内容对齐一般用单元格对齐方式，尽量避免用文本对齐方式，这样会增加代码
(7)嵌套表格时必须依据内层表格的宽、高进行精确设置，尽量避免手工随意调整宽度和高度
(8)插入图片最好先上传至图片空间，直接插入URL地址，免去再次替换的麻烦

5、DW修改PS切片网页——宝贝详情页图片模板转为代码形式

A 导航区 B 宝贝简介 C 细节图 D 效果图 E 使用说明 F 物流图案

6、首页“首屏”焦点大图设计——了解常用的显示器分辨率

7、bannermaker模块（通过自定义区添加BM）＋第三方模块(如:旺铺精灵\卖多多等)

8、首页风格设计——综合实例（先用PS设计整店效果图）

A 页内锚链接
B 自定义分类导航（切片方案或热区方案）
C 新增页面
D 模板装修与自定义装修 优缺点比较

二、CSS样式的使用（选修内容——代码自定义）

9、常用代码、滚动效果

10、CSS美化表格

参考网站：www.w3school.com.cn

11、CSS盒子模型

12、用CSS行内样式设计全新版式结构

13、店铺导航的CSS自定义 淘宝特效代码（widget）

三、推广知识

14、淘宝助理的应用

15、官方及第三方营销工具

16、淘宝推广（淘宝客、自通车以及其它内容）