今天有麻布岗信息网小编为大家分享以下内容：
淘宝旺铺自定义客服中心和动态收藏店铺的制作方法(淘宝详情制作)
在论坛逛了很久，也没怎么发帖。一是因为工作生活忙，更重要的是文笔有限，中秋节快到了。在此，提前祝大家中秋快乐，财源广进，不说废话，直接上干货。我在这里和你谈谈定制客服中心的制作，希望对你有所帮助。
一.准备工具
我们在做定制客服中心的时候，主要使用两个强大的工具，一个是Photoshop。另一个是Dreamweaver。PS用的版本是CS5，DW用的版本是8.0。现在我们要成功了。
二、利用Photoshop制作客户服务中心
1.打开PS，设置背景色和前景色。这个是根据自己店铺的风格来设置的。这里我们店客服中心的背景色是6b1834，前景色是f87ca2。效果图。在这里，我们希望自定义左栏中的客户服务中心。标准版的左栏宽度为190PX，高度根据我们自己的自定义设置。新建一个宽190PX，高236PX的。选择带有背景颜色的文件。如图，确认。
2.选择视图 mdash创建一个新的参考线，并在第一步中分割图像。您可以根据自己的设计创建新的参考线。现在我成立了售前客服，售后客服，底层收藏店。水平参考线的值为:0，50，60，90，95，113，123，153，158，176，180。垂直参考线的值为0和190。如图所示:
我在截图上标注了数字，这些数字代表了六个区域的内容。
1表示我们要输入的文本区域。
2表示售前客服。
3代表预售旺旺图片。
4表示售后客户服务
5售后旺旺图片
6表示收藏店。
3.现在详细解释以上六个步骤。
1点击工具栏上的t，然后进入1区的客户服务中心 四个字，选择喜欢的字体颜色，字号72，然后点图层 mdash图层样式 mdash混合选项，选择投影和外部照明。画
和第一步一样，选择颜色和字体，调整大小，如图所示。
#p#副标题#e#
旺旺的图片是要系统自动生成的。首先要开通E客服，这个论坛的帖子里有介绍。这里就不说了，再自己补充一下售前售后客服。然后回到店铺装修页面，在左栏的模块中心增加一个客服中心，这样就可以生成旺旺码和旺旺图了。如图，编辑，然后在新界面选择E客服管理然后在右边选择复制分组灯光代码，复制的代码会保存在一个TXT文件中。打开TXT文件，我们不用看里面的代码，主要是找到里面的两个HTTP URLs，第一个是旺旺对应的代码，后面的URL是旺旺的图片。把后面的URL复制到浏览器打开，然后保存生成的GIF图，最后把这个GIF图保存到3区的位置。这里注意，GIF图片不能直接拖动。首先单击文件 mdash导入 mdash从框架到层，出现一个界面。输入*。*在箭头位置，点击加载，然后就可以导入GIF图片了。最终效果图如下
区域4和区域2的步骤相同，不再赘述。
区域5和区域3的步骤相同，不再赘述。
点击6 t，选择字体颜色，我选了72字号，输入收藏库 ，然后复制图层ctrl+J，再点击图层 mdash图层样式 mdash混合选项，选择投影和外部光，并选择光的颜色。选择窗口 mdash动画，下面会出现一个动画帧。在图层面板中，取消复制图层的眼睛，创建一个新的框架。点亮复制图层的眼睛，去掉原图层的眼睛。
然后，两个动画帧都选0.2(随便选这个)，这样动态收藏店就做好了。(动态收藏店其实很简单，我写的少一点。可以看看专门制作动态图片的论坛。)
4.我们需要在3 5 6区建立联系。选择PS切片工具，样式正常，然后在上面三个区域切片，调整合适的切片，如图，然后保存我们做好的图片，点击文件，选择另存为web格式。
确保选择HTML和图像作为格式，然后单击保存。桌面上生成一个HTML文件和一个图片文件夹，文件夹里的图片存放在我们自己的picture 空房间里。
我们完成PS了。我们将存储一个PSD格式的图像供以后修改，然后关闭PS。
第三，使用Dreamweaver添加用于连接和生成模板的代码。
打开DW，选择HTML，文件 mdash打开，打开刚刚生成的HTML文件。呈现在我们面前的是一大堆代码。别担心。选择设计按钮，将出现以下界面。然后点击每个区域，在下面的位置输入相应的连接。
旺旺旺旺的源文件是上面TXT文档的第二个URL，链接是TXT文档的第一个URL。
2.然后点击代码，复制代码页上的所有代码。
3.在装饰页面的左栏新建一个自定义模块，将我们复制的代码粘贴到自定义模块中，然后生成设计页面，保存发布即可。最后可以闪现“店铺收藏”字样，不显示截图。
介绍到此为止。没想到一下子写了这么多。希望能帮到你。
麻布岗信息网(www.517338.com)综合在线信息,汇聚城市生活,美食,购物,旅游,房产,交通,家居,财经,教育,健康,娱乐,历史,汽车,生活消费门户网站
