淘宝开店流程 | 进货技巧 | 开店卖什么好 | 开店故事 | 微信开店 | 创业项目 | 新闻专题 | 手机
您好,[请登录][免费注册]

53货源网专业网店货源网logo

53货源网首页 > 网店装修

淘宝店铺页头图片制作过程

2012/2/9 17:44:34

通常我们进入一些店铺看到这些淘宝店铺的页头图片,点击就会链接入相应宝贝的页面中去!这是一个很好的装修效果、一目了然、而且也方便买家找到自己想要的宝贝、自己做爆款也可以用这种方式摆挂在自己店里、但是很多刚开店的小卖家都不知从何下手、迷惑与困惑、我今天就来教教大家如何制作淘宝店铺的页头图片。

所以我还是以各种方法学会了基础的、首先我们先下载Firework和Dreamweaver,Firework是一个图片制作软件、和 Photoshow一样、不过PS更加专业、但是操作也很复杂、所以建议新手们用Firework、Dreamweaver是网站代码制作等等、(我只会弄些代码、其他功能一概不懂 ),Firework和Dreamweaver在百度里随便就能搜索得到了。


 不会装修网店的,点这里》》一千套精选模板9.9元打包,一键安装,包教包会!省得自己折腾半天还未必搞得像样。

这里我想和大家先分享一下淘宝店铺的页头图片如下图:

 


 

这张是我在某店随便截图来的、为了没有广告嫌疑、全部屏蔽了。

开始了、首先打开Firework

 


 

这张呢是我随便组合在一起的图片、由于家里网速有问题、家人在看电影、

我只能这样做快点、没太多时间制作一张好看的图、对不起大家呀

导入你自己制作好的广告图片、

在左侧的工具栏找到这个


 

这是一个图片切片工具、用来分割图片的、

截下来就开始分割你要做链接的部分、 看图!

 


 

如图、选择要分割的部分、由于我这张图片比较简单、就分割了3个部分

有些同学的是要2、3层的也可以分开来切割、由于网络真的不给力

只能这样了、接下来看图


 

在右侧的图层工具里、有我的这些分割好了的图层

、我这里点击的是最左侧分割的图层、


 

看左边这个、我点击右侧图层最左边的这个图、就会有一个蓝色的框、这个就是我点到的、接下来鼠标右键这个框、就会出现选项、选择“导出所选切片”、为了方便就全部保存在左面吧、由于我这里图片中有3件物品、我就切了3个、如果其他同学中一张图片有很多个商品的话、就按排按列来剪切、这样方便我们用 Dreamweaver的制作、一定要记住哦!

导出来的图片就保存在自己的图片空间、

(郁闷开一个图片空间要我10分钟 )保存好后就打开Dreamweaver这个软件

看图!

 


 

打开后会有这样一个页面出现、这里就选择 HTML 这个选项、

 


 

进入后就会到这个页面、吧原有的这些代码全部清除、

 


 

点击设计、就会到这个页面、

 


 

然后选择这个表格

 


 

由于我这个是3个所以选择0行3列、一半设置750、如果有需要可以设置大一天

然后剩下后面3个就都0、OK了

 


 

这是我0行3列的效果、其他同学要设计按自己的要求所需自行设定、

到这里呢、就要打开自己的图片空间了、


 

我首先要放入这张图、图片空间选到它、点击右键属性、


 

复制它的 URL 就是地址

然后返回Dreamweaver、

 


 

点这个然后

 


 

把你刚刚从图片空间复制的URL 地址 复制在这里。如图

 


 

你的图片就会出现在这里、按照步骤、一直这样重复、直到把你的图片填充完整

 


 

好了 我放好了我的图片 看图!

 


 

然后点击代码、

 


 

这些就是我的代码、图片多的同学代码自然就多、复制这些代码放在自己店铺的自定义吧!看图!

 


 

必须先点这个、进入代码模式后、输入代码、在点一次恢复、我们的图片就展示出来啦

看图!

 


 

看到没有同学们、这中间有略微的缝隙、怎么办、怎么办!

别担心、让我告诉您、这些东西不碍事、发布出去、就不会有这些缝隙了。

剩下的就简单了、双击图片

 


 

把你宝贝的地址复制到在链接地址里就万事大吉了

讲了这么多、同学们应该懂了吧、其实我用的是最简单、最快捷、最方便的方法展示给我大家看了、剩下的如果弄多层多图的就按着几排几列的来分割图片在组合一起就行了

声明:本站信息来源于网络或会员投稿,不代表本站观点,如有侵犯到您的权益请发邮件到kf@53shop.com我们将在第一时间删除处理。

相关热门文章

更多..

精选商家

淘宝网店怎么开,找免费开网店货源,欢迎来到53网店货源网。本站的货源信息由会员发布,请妥善交易!网上进货防骗技巧》》

关于53货源网-|-网店代理-|-品牌加盟-|-网店大全-|-批发市场-|-免费发布信息-|-广告联系-|-友情链接

投诉、建议联系邮箱:kf@53shop.com (请尽量发邮件联系) QQ:93865423 广告联系 QQ:3508810008 交流QQ群:203212665(禁止任何广告)

© 2006-2023 53shop.com, all rights reserved.网店代理货源网 [闽ICP备06002980号-2]