《淘宝店铺宝贝轮播图片制作和代码制作教程.doc》由会员分享，可在线阅读，更多相关《淘宝店铺宝贝轮播图片制作和代码制作教程.doc（29页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、淘宝店铺宝贝轮播图片和代码制作教程【字体大小：大 中 小】时间：2010-12-08 21:20 来源：淘宝论坛 作者：blues总动员 点击： 267 下面这个是我们的最终模版(大图图片实际效果会轮播)V-1 下面我们来打开PS,文件菜单,选择新建V-2 建立一个750X1460的文档,问什么要建立这样大小,请继续看V-3拉出参考线,参考线布局如V-4V-4图V-5然后我们先把PS最小化,先到广告牌生成器拿点模版 http:/ 到V-18的步骤,这个就只要对下面的进行改换就可以了.PS:商品不要相同哦V-25 到了V-18步,就停下来,不用下载,直接用截图工具截图保存下来,注意截区要跟图片一
2、样大V-26然后打开刚图片V-27与V-22步骤一样,放到已经设置好的PS文档里V-28再一次重做V-24到V-27的步骤,得如下图V-29 接下来我们把中间的大图做出轮播效果,V-30 我们回到V-13,查找一下图片的大小,制作一张待轮播的图片,大小为698X400V-31 把准备好的图片打开,全选,拖到PS文档去V-32 然后图片放到于中间图片位置吻合V-33 窗口,选择动画V-34 新建一个桢,并设置循环次数为永远,轮播间隔为2秒V-35 选择第二贞,把与第一贞相同的图片隐藏,得第三幅图V-36 测试轮播效果与快慢来进行个人爱好调整V-37 然后我们回到第一贞,选取切片工具,对每部份商品
3、切片V-38,然后存储为WEB和设备所用格式,点击存储,设置为HTML和图像V-39,然后得到两个文件,把images里面的图片上传到图片空间去,把html用Dreamweaver打开V-40 然后把刚切片的每一部图片分别换成相片空间对应的图片的地址V-41 更改完后,全选所有代码,拷贝V-42 到我是卖家,店铺装修V-43找到自定义模版,编辑,编辑HTML源码,然后把代码全部复制下去最后保存,发布.这样一来我们的版面就制作完了.是不是很漂亮呢,可以针对自己的爱好选择模版.然后根据模版来做出V-3和V-4图.其他步骤还是一样没变.希望这教程对各位有帮助。学习是每一个人都得做的.只有多学多动.才会让自己提升而在淘宝上.更验证了这一句话淘宝开店前期是一件很烦闷的工作.我们要懂的去把工作变得有激情在平时管理自己的店铺同时.还要花点时间去注重个人能力升值拓展自己的知识面,学会协调自己的时间和精力.祝大家生意火爆本篇文章来源于 淘宝学堂() 原文出处：http:/