您的位置：首页 > 百科管理 > 详情

商城首页图片模板-PS做好的淘宝首页模板怎么在淘宝实现

原创：找图网 2023-08-08 02:45:29

PS做好的淘宝首页模板怎么在淘宝实现

1、首先在PS里面保存文件,用切片工具(快捷键为C)切好图后,保存为Web格式(快捷键为CtrlAltShiftS),注意文件大小,太小了不清晰,不利于观看,太大了网页打开会很慢,根据文件大小自己调节,存储时选择“Html跟图像”

2、用记事本打开生成的HTML文件,去掉以及之前的所有代码,去掉最后面的,保留中间代码,以下图片中间代码跟你的不一样,但都保留下来。

3、接下来把你PS导出的图片上传淘宝后台的图片空间,淘宝首页—卖家中心——图片空间,图片位置随个人习惯,只要能找到就行。

4、接下来要把,html文件里面的图片地址替换为我们空间图片的地址,找到空间图片,在图片缩略图下面有一个“复制代码”的按钮,点击即可复制代码到剪切板。

替换图片:找到对应图片替换代码

5、打开淘宝自定义模块,自定义模块要先点击源码按钮,进入代码编辑页面,复制修改好的代码,粘贴到到淘宝自定义模块里面。

6、最后点击”确定“按钮,完成!

接下来说另一种方法,你要有Dreamweaver软件,这是专门做网页的,在上面做好第1步的时候,用Dreamweaver打开html文件,软件里面点击图片,在下面属性面板里面有图片地址,这次复制空间图片的“链接”就是“代码”前面的那个按钮,在软件里面替换原地址,全部替换之后同样粘贴到淘宝自定义模块里面,用软件做还可以减少出错率。

产品图片背景模板-如何制作淘宝商品图片模板

如何使用ps产品图片的统一模板背景图片,得到这张模板图片以后,我把其他的图片直接拖到模板图片上就

你说的应该是PS软件用的PSD图层的模板吧,可以到影楼找找,如果有熟人的话,一般人家不愿意给的呢再者可以到光盘销售店里找找看还有专门的影楼论谈里面这种资源比较多。不过都不是太好注册呢建议在上两种方式种想想办法祝好运

手机看片咋么办?搜-酷影模式-几万部岛国电影等着你

如何制作淘宝商品图片模板

1。软件工具:要自己制作宝贝模板,首先要选择网页编辑工具,目前业界最流行得就是dreamweaver了,用老微的frontpage也可以。想自己做的朋友最好选择前者,frontpage我以前也用过,后来很少用,主要还是觉得dreamweaver使用更加方便,功能更加强大,毕竟是专门以这个起家的嘛。需要dreamweaver软件的朋友可以从网络上下载,下载方法:在google搜索栏中输入“dreamweaver软件下载”就可以找到很多下载网站了!!!,其它工具软件你都可以这样搜索到,下载就可以了。不过,记得下载完了一定要先杀毒哦,对我们这些店家来讲,安全是非常重要得。

2。网页制作之前,首先要考虑自己模板的基本布局。先不要着急用dreamweaver开始编辑,正式编辑之前我建议朋友们多看一些别人的作品,总结出宝贝描述模板的大体布局方法,需要的各个选项!最好的办法就是先纸上谈兵,在纸上用笔先勾画出描述模板的布局,注明需要做的一些工作等。不过,宝贝模板的主要模块我总结就是以下就是几块

A.商品的大图B。商品的描述C买家事宜D配送方法E店铺分类F店铺连接

可以在纸上粗粗描绘一下大体的布局,然后再开始下面的工作。

3。准备素材。做网页不能没有素材,素材就是指一些养眼的图片,文字,背景等资源。还有最重要的,也最可能用到的就是你店铺的logo,宝贝的图片,文字介绍跟店铺商品有关的一切了。把这些素材都统统归到一个目录下面(真正正规的编辑方法是按照文件夹来组织自己的素材),方便以后寻找。另外,为了做出更好的效果,可能还要动用一下photoshop这个工具,特别对图片处理都离不开它。下载的方法象上面所说的就可以了。

4。现在基本的东西已经准备好了。那么就开始做吧。

淘巧网

A。首先打开Dreamweaver,新建一个html网页。这个时候工作台上你看到一个白色的区域,就是编辑区域了。

B。添加表格进行布局。这一点很重要,因为表格能够比较方便的让我们进行布局的分配,以及以后各种素材的定位。有了表格,我们心里面就对布局基本有数了。在表格里面可以添加我们的素材,文字,更改背景等。这些文字一般是通用的文字,固定不变的,不会随着宝贝的不同而变化,比如【买家事宜】,【配送方法】等标题性和说明性的文字。这个时候我们还要留出放置宝贝图片,和宝贝描述的位置,这些都是会变化的,因为每个宝贝的图片,和描述都是不同的。因此一定要留出这个位置。龚树华的淘巧网

提示:这一步之前首先要把需要用到的图片上传网络上去,我推荐给大家这个网站。首先上传有一个好处,以后在使用图片的时候,直接可以找到图片,然后复制下该图片的连接添加到图像占位符的来源上面就可以了,不用再一边上传图像,一边编辑网页。

C。在需要添加图片的位置上,添加一个图像占位符,记住,宝贝描述模板中所有的图像都一定是一个图像占位符,不能直接图像。添加完后我们看到一个断裂的方块,证明该对象是个图像占位符。淘巧

【重点理解】为什么不直接插入图像呢?直接插入图像在淘宝里面是无法显示的。在要放置图像的地方,包括背景图等都要使用图像占位符。有了图像占位符,等于是先占好了这个位置,然后在这个位置上添加相应的图片连接地址,这样当在浏览器中查看网页的时候,浏览器自己按照图片的连接地址下载图像,就可以显示出自己想要的图片了。这点很重要哦。

D。在其它位置上也添加一些图像占位符,比如店铺logo,店铺分类等等,这些位置可以为你以后操作带来方便。

E。把图像占位符的地方填好图片的网络连接地址,具体到每个商品图片时候,我们在淘宝里宝贝编辑器中再填进来。在淘宝的宝贝描述编辑器里,我们找到该商品的图片连接地址,填到图像占位符的图片来源上就可以了。这样的话,只需要改动商品图片图像占位符的图像来源地址,就可以显示我们想要的图片了。

6。以上如果不出所料,按照自己的设计,基本上可以算完工了。具体美不美观要自己慢慢调整。现在最重要的就是在Dreamweaver中切换到代码编辑窗口,CTRL+a选中所有代码,选择复制,然后选择一个宝贝,在淘宝里面编辑该宝贝,在宝贝编辑器里面,选择编辑源文件,这个时候就切换到代码编辑窗口了。将先前复制的代码粘贴到该窗口,然后选择编辑模式,切换到图形编辑模式。这个时候你就发现,以前你设置的图像占位符现在都显示成图片了。如果不能显示,就证明该处没有图像连接地址。敢紧选择该图像占位符,然后点击插入/编辑图像按钮,输入相应的图片连接地址就可以了。特别要提示的是:修改宝贝描述主要是能够直接显示宝贝的大图。这个时候一定要更改宝贝图片占位符,把该占位符的图像来源改成是当前宝贝的图片连接地址就可以了。内容来自淘巧网

点击一下预览,可以看看编辑的效果,有什么不满意的,只能以后慢慢修改了。

切换宝贝编辑器到代码模式,选择所有代码复制并拷贝到一个TXT文本文件中保留,以后每个宝贝都可以用到。新建一个宝贝的时候将这些代码在代码编辑模式下面直接拷贝过来,然后切换回图像编辑模式改变对应的宝贝图片就可以了。

怎么样,一切都很简单吧。

下面的图是dreamweaver中图形编辑模式下的宝贝模板的布局,红色字体说明部分是常用到的哦,一定要多加留意。

具体的效果大家可以到我的店铺里面随便点击一个宝贝看下就可以。还有很多地方要完善的,请大家多多指教。有什么问题可以一起探讨噢。只能算是抛砖引玉。希望高手们把你们的设计经验跟大家交流一下。

补充说明一下,在宝贝编辑器中可以使用热点连接这个功能来创建图像上的直接连接功能.比如我的模板上面店铺介绍,逛逛本店,信用评价这些文字上面都使用了连接功能.这个连接功能怎么实现的呢?方法如下:

选中你需要做连接的图片,图像占位符也是支持的。然后这个时候你发现dreamweaver左下脚有一些绿色的小图标。这些是用来在图片上画出一些方形,圆形或其它形状区域,在浏览器中,鼠标经过这些区域的时候就会变成小手的形状,这些区域就是热区。鼠标点击这一热区的时候就会连接到相应的网页。

赶快在图上画一个区域,然后在dreamweaver左下角连接地址中输入你想要连接的网页地址。

将代码考到宝贝编辑器,然后预览一下,当鼠标放到这些区域上的时候,就会变成小手的形状。点击一下,就会连接到相应的网页了。

淘宝网上怎么制作产品背景图片

1、ps中新建一个1920x1080的空白文档,命名为“淘宝首页背景大图”,然后如果要纯色的,可以直接填充你想要的颜色,如果想要做成背景图片,也可以把你要做的图片拖进去

2、然后新建一个950x1080的文档,双击背景图层,变成普通图层,填充一个颜色