淘宝天猫C店客服中心制作：[1]首页客服中心

淘宝天猫C店客服中心制作：[1]首页客服中心

下面我教各位美工新手如何自己动手制作天猫、C店客服中心；制作过程中主要运用的软件有PS、DW、还要借助旺旺在线代码生成；

下面我先给大家介绍一下旺旺在线的二种风格：【风格一尺寸为：77*19 】

【风格二尺寸为：16*16】我们在制作的时候要在PS中留出相应的大小，如图所示：

这里我主要以淘宝C店尺寸为例：打开PS，新建大小为950*90的画布，如图所示：

我以16*16旺旺大小为案例，制作底图，利用选取工具，固定像素大小16*16，预留出旺旺的位置，如图所示：

然后我们可以切片了，其它部分的切片没什么要求，主要是旺旺位置的切片，可以利用切片工具中的固定大小切片：16*16像素，把旺旺选取单独切出来,如图所示：

然后最重要是一部是利用“选择切片工具”，选择旺旺图片的位置，双击编辑切片属性：

然后在“切片选项”里面填写一下信息：【切片类型为：无图像】【显示单元格中的文本：网页旺旺在线代码（代码可在百度中搜索生成页面）】【切片背景类型：背景色选择你当前文件的背景色】如图所示：

如何使用代码生成网页，如图所示：

下面我们对切片后的图片进行保存，选择【存储为web所有格式】，如图所示：

保存后，把切片的图片上传到淘宝空间，再把本地html文件拖入DW，进行编辑；

然后把修改好的代码复制到店铺自定义模板，保存并发布；