当前位置:主页 > 论文百科 > 森林论文 >

淘宝首页psd模板教程_如何使用psd模板_淘巧网的淘宝psd模板怎么用?子雨图文解答!

发布时间:2016-09-05 09:23

  本文关键词:psd模板怎么用,由笔耕文化传播整理发布。


淘巧网的淘宝psd模板怎么用?子雨图文解答!

相关栏目:

2014-03-06 21:06

OK!在淘巧网下载子雨收集整理各类淘宝PSD模板的淘友们,当然有的是淘宝美工的高手,但是也有一些事菜鸟的美工或者新手卖家们,看着模板好看但是却不知道如何安装到淘宝店铺中。想试用淘宝PSD模板,其实就是一个将PSD模板变成html模板的过程。


原理上可以按照你下载好PSD模版后,要把模板中的每一个项目分别裁切出来,包括店招、促销海报、各个宝贝单品。总的来说比较麻烦的是页头部分,需要去不停的去调试!这块解决了,下面的就好做了!


页头下面的区域,要分成几个版块裁切出来,用ps里面切割工具,把图片,文字等等切割出来,根据你的需求,然后,保存为web所有模式,图片和HTML的,,然后把html网页用文档打开,复制代码,到你的淘宝装修后台自定义区,图片上传到淘宝图片空间,根据html里面的gif,或者jpg名称,把上传 到淘宝图片空间的相同图片名称链接放上去便可!


每个模块区域,按这样的方法的即可做出来! 整体难度在页头以及全屏海报部分,熟手也需要去花很多时间来调试,这里不是一句二句话能说的清楚,具体问题,具体分析!

如果你使用不来淘巧网的淘宝PSD模板,也可以去淘巧网下载提供的直接可以安装在淘宝店铺中淘宝模板代码!

copyright taoqao




下面是一个简单的切片淘宝PSD模板到html文件的图片教程:

我们的工作就是将图片切割成一个小的图片,加入到HTML中。 内容来自taoqao

切图的方法有很多种,这里先介绍2种:

1.       使用矩形选框工具(快捷键M)->选择想要取得的部位->按下组合键Shift,Ctrl+C复制选择内容->然后Ctrl+n新建->Ctrl+v复制到新建窗口->另存为gif格式结束。 本文来自淘巧网

2.       用切片工具将图片切割好->文件-存储为WEB格式也能将切片图片导出 本文来自淘巧网

3.       或用裁剪工具(按快捷键c)选中要切割的那一部分,并双击得到切割后的图片 淘巧好,好淘巧

切片的方法有还很多,这里我们就不一一介绍了,本人比较习惯于使用第一种方法,我觉得比较直观干净,想要哪一部分直接切下来。 内容来自taoqao

 

下面正式开始制作:

内容来自taoqao

步骤一:使用上述方法的一种获得图片; copyright taoqao

我把这个显示器的图片切了下来图片如下:

淘巧好,好淘巧

淘宝首页psd模板教程_如何使用psd模板_淘巧网的淘宝psd模板怎么用?子雨图文解答!

copyright taoqao

  淘巧好,好淘巧

步骤二:开始布局

打开Dreamweaver工具,新建一个html文件和一个css文件。 本文来自淘巧网

淘宝首页psd模板教程_如何使用psd模板_淘巧网的淘宝psd模板怎么用?子雨图文解答!

copyright taoqao

然后开始在html中编写代码:
 


  •   本文关键词:psd模板怎么用,由笔耕文化传播整理发布。



    本文编号:109494

  • 资料下载
    论文发表

    本文链接:https://www.wllwen.com/wenshubaike/mfmb/109494.html


    Copyright(c)文论论文网All Rights Reserved | 网站地图 |

    版权申明:资料由用户bafa4***提供,本站仅收录摘要或目录,作者需要删除请E-mail邮箱bigeng88@qq.com