今天有麻布岗信息网小编为大家分享以下内容:
如何制作淘宝模板图(淘宝模板怎么做)
目前淘宝有专业的装修市场,你可以在那里拿到各种风格的淘宝模板。当然,你也可以在网上找到很多漂亮的淘宝模板下载。但往往很难找到适合自己店铺风格的模板。这不是钱的问题,而是你能不能突出你的店面风格。很多卖家都可以自学如何用ps制作淘宝模板。
制作淘宝模板共用了两个工具:ps和dreamweaver。
第一部分,用photoshop制作一个模板JPGE图像。
这个我就不多说了,也教不了你。这个要看平时的积累和自己的美术功底。不过宝贝模板主要模块总结如下:A、产品大图;b、产品的描述;c、买方事务;d、分配方法;e、店铺的分类;f,店铺的连接。
让我给你看看我做的。
放心吧,我自己做的,不是下载的。刚下载了一个素材,然后自己做的。素材只是一张图片。
这个怎么做我就不说了。我们自己去探索吧。今天的主题是,如果你做一个模板,你来讲一讲做模板的过程。
第二个切片(核心)
为了加快打开网页时模板的显示速度,我们需要将模板剪成碎片,分别上传到相册中。这样在打开网页时,各个模板切片同时显示,大大减少了页面打开时间,买家也不会等得不耐烦。以下是分割模板的方法:
第一,虽然photoshop也有切片工具,但是往往需要精确的切割图片,才不会出现裂纹。如果用ImageReady切片,就不会有这个了。
有点麻烦。模板图片打开时,切换ImageReady进行切片;
第二,切片讲究。所有需要放图片和文字的地方都要单独剪成一片。这里,我选择把它们横向分成10块;
第三,点击切片工具,移动到图中的黄点,鼠标会变成箭头,拉动切割线调整到合适的位置。
第四次划分后,返回photoshop,选择左侧工具栏中的切片工具查看分区,然后保存切片。
第五,如图操作然后存储;注意这个JPG格式的。
第六,如图,然后保存,就可以生成一个存储切片的文件夹和一个模板html页面。
这是图片。我们想把这个送到我们的图片室空。这个很重要,以后会用到。
下一页将是如何使用dramweaver将模板转换成代码使用。
#p#副标题#e#
第三部分,用dreamweaver把模板转换成代码(关键)。现在很多新手自己下载宝贝描述的模板,却发现没有自己想要的,不符合自己的店铺。那我就教你怎么做。其实宝宝描述的模板很简单。只要做好模板,最后得到代码就行了!呵呵,别瞎说。现在就开始吧!
首先,打开Dreamweaver并打开模板。
其次,进入设计操作页面。
第三,这里有在小店购物和信用评估的链接。
选择热点并选择要链接的部分!
第四,点击宝贝展示下的切片图片,因为这里我们要插入宝贝细节图片,需要将其转换成表格形式,这样无论插入的图片有多大,表格都会像画布一样打开。操作如图所示:
第五,输入表格的宽度。注意:请忽略下图中的菜单栏... 解释,因为在上图中,已经操作了插入表。
第六,输入高度,填写表格背景。
完成后,效果如下图所示。同样,按照上述步骤4-6,对要修改的切片进行表格转换。
按照此步骤将所有其他需要添加图片或文字的地方转换成表格。
第七,切入代码页,将代码复制到淘宝描述的代码编辑器中。
复制所有代码。如果你把它们复制到宝贝描述里,那么就把本地链接地址改成我们刚刚上传的图片里的地址空。这一点非常重要。不改就不会成功。没用的。
输入所有有效的链接地址,就可以在刚才我们换表格的地方插入图片和文字。点击预览,查看漂亮的宝贝描述模板。赶紧试试吧!
麻布岗信息网(www.517338.com)综合在线信息,汇聚城市生活,美食,购物,旅游,房产,交通,家居,财经,教育,健康,娱乐,历史,汽车,生活消费门户网站