淘 - JOJO的日志 - 网易博客

来源:百度文库 编辑:神马文学网 时间:2024/04/24 22:37:18

淘宝促销模板的制作

默认分类 2010-06-17 14:00:21 阅读66 评论0 字号:大中

 

今天我把制作网店促销模板和公告栏的步骤写一下。

 同样,我的技术一般,所以可能我制作的比较繁琐。但是我相信大家看了会有收获的。

 个人认为,不管是公告栏还是促销栏,制作方法只是技术上的问题,这个人人稍微学习就可以学习得了,因为用到的都是很简单的技术。而真正让模板上档次和体现水平的是设计,网店促销栏和公告栏的设计。本人没有学过设计,对这方面没啥见地。希望专家高手们不要取笑。

不管是促销模板还是分类按钮还是宝贝描述模板还有店招,设计风格要统一。这点很重要。不然制作出来的效果可能没有预想的好。也会显得很不专业而且凌乱。也许你会说了,我也不会设计啊,怎么办,有一个好的方法,那是到网上找好的素材。找到好的素材,会达到事半功倍的效果。

好啦,下面开始。

首先把我用到的工具跟大家说下。
Photoshop  cs3(网上有精简版,才35M大,解压就能用)用于图片的设计
fireworks  8 将图片切片,导出到网页形式,其实ps也有切片功能,但是总觉得没有fireworks方便。
Dreamweaver 8 用于编辑模板

当然还要准备好存放模板的网络相册,个人建议放到淘宝网的相册中,这样速度会比较快。当然其他的网络相册也有不错的。

图片有点大,亲们耐心等待……,可以保存到你自己的机器上再看,这样会清楚很多很多。

 

 

补充:其实上一步已经算是完成了。可是有些卖家想要公告栏那部分产生上下滚动效果。其实很简单。将这些代码放到对应单元格中(点击单元格,然后点击编辑状态中的“代码”或者“拆分”,

 

就可以看到光标对应部分的代码。然后把下面的这段代码复制到对应的之间),再把滚动的文字放到这段代码的之前。

代码: width="250" height="120">公告

解释一下,direction=“up”是指文字滚动的方向是由下网上,这里还可以填down left right
                    scrollamount="1"是文字滚动的速度
                    width="250" height="120"  这个是指文字滚动区域的大小,这个地方可以根据实情情况更改。

          保存一下,ok模板制作部分总算大功告成,按F12预览一下,看看是不是很漂亮。

第四步  将模板放到网店中。
       1.将模板放到网店中之前要先把代码复制出来。首先还是要把模板编辑部分切换到“代码”状态。然后复制之间的代码部分。放到一个新建的记事本中。如果你怕复制错了,没关系,那你就全选代码,然后复制到记事本中,方便上传。淘宝的编辑器会自动剔除没用的代码。

     2.将代码复制到网店的模板中。具体怎么上传,网上很多帖子。我再次就不赘述了。大家可以到论坛搜“模板使用”就能找到很多。

好了,总算完成了,希望能帮到大家。