loading请求处理中...

淘宝网店模板设计教程 网店模板制作教程

2021-12-01 02:11:50 阅读 14636次 标签: 网店模板 作者: hoter

     对于那些不擅长网店装修的朋友而言,淘宝网店模板的出现真的是他们的福音,但是,在使用淘宝网店模板的过程中,你是否有想过,淘宝网店模板是如何诞生的呢?小编在这里就分享一篇淘宝网店模板设计教程、网店模板制作教程,希望对有需要的朋友能有所帮助。

 

淘宝网店模板设计教程 网店模板制作教程


1、素材收集,主要是一些风格相近的图片素材;图01,800*350像素。02,800*40像素,大小可以根据自己需求适当调整。
2、打开ps,新建三个800*40的文件,透明。用文字工具依次编辑宝贝描述,宝贝展示,买家须知等内容,选择自己喜欢字体,颜色,大小要适当,还可以点击右边的“添加图层样式”,根据个人喜好选择诸如阴影、描边、外发光等效果,使文字更好看。若有合适的素材,装饰一下。
3、新建一个800*1200的文件,背景白色,将以上5张图片复制到新建的白色背景上。用移动工具调整布局,宝贝展示的部分相对留的多一些,可以用标尺给它们分配大小。
4、用文字工具编辑模版标题的部分,加上店铺名,欢迎语,链接按钮,如店铺介绍,进入本店,信用评价,收藏店铺,给我留言等等内容。模版下端的背景处加上你的版权信息内容,如水印啦、制作者等。效果可以自定义。
5、切片。要添加文字或者图片、链接的地方都单独切出来。
6、文件——存储为WEB所用的格式——点保存或save——最好用不包含汉字的文件名,记住保存的位置。
7、进入你的图片空间,将自动生成的images中的图片传到空间,其中切片8.10.12的图片可不传,复制每个图片的地址到记事本备用。或者等一会一边编辑,一边复制。
8、用FRONTPAGE打开刚才保存的WEB格式的文件。点选左下角的设计,右击图片任意位置——表格属性——将对齐方式项改为居中——确定。
9、进入自己的店铺,依次打开你的店铺,店铺介绍,信用评价,收藏店铺,给我留言,或者把地址复制到记事本中。
10、在FRONTPAGE中,右击图片“进入店铺”处——图片属性——边框粗细设为0——确定。
11、再右击图片“进入店铺”处——超链接——通过浏览刚才的记事本文档填入地址,或者点浏览过的网页填入链接地址。其他几个依此类推。
12、点一下宝贝描述下面的空白处,即切片8。编辑——删除——表格——插入表格——编辑属性。行,列设为1,对齐方式居中,指定大小即刚才记下的切片大小,边框大小为0,确定。
13、再次右击切片8处——单元格属性,把水平对齐方式改为左对齐,垂直对齐方式改为顶端对齐。确定。
14、修改每个单元格属性,把水平对齐方式改为居中,垂直对齐方式改为顶端对齐。图B8。全部完成后你可点预览看一下,不合适的地方再修改。
15、点FRONTPAGE左下角的代码,将诸如images/shudianmoban_01.gif的引号内的本地地址换成所在图片空间的地址,至切片13一一手动改换。如果你的图片空间支持模版上传,这一步要省事的多,还避免了错误。具体看看空间的使用提示。
16、修改完毕后,仔细检查一下,点设计你会看到,改后的图片都变成了X。点击看所加的链接是否正确。确认无误,将代码复制到记事本,每次发布宝贝是就可以用了。至此淘宝网店模版的制作就告完成。
    在这里,科普下本篇教程中使用到的工具。一个是ps,另一个是FRONTPAGE。
    ps大家想必都不会陌生了,ps,即Adobe Photoshop,简称“PS”,是一个由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以更有效的进行图片编辑工作。是传说中的p图神器。
    Frontpage,是微软公司出品的一款网页制作入门级软件。FrontPage使用方便简单,会用Word就能做网页,所见即所得是其特点,该软件结合了设计、程式码、预览三种模式。不过,微软在2006年年底前停止提供FrontPage软件。

(一品威客 SELU)

模板建站公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答