自从win8界面出来之后 我就十分喜爱这个界面了,直到前一阵子 结合我的店铺我才发现,如果我的店铺的首页也出现了win8的拼接界面的话,那岂不是好看很多?但是首先要考虑的是通栏的尺寸以及怎么在一张图片上加入多个超链接。于是轰轰烈烈的学习之路就开始了,在我通过度娘里广大网友的教程一点一点的摸索终于学会了怎么做啦!下面就教教大家这个怎么做吧!没有美工基础的童鞋不要怕,我的美工基础也仅限于美图秀秀加几个字的水平而已哈哈。 需要准备的材料:1、ps软件(Adobe Photoshop CS5)2、DW软件(Macromedia Dreamweaver 8)3、一张宽950px*高490px的底图(px为像素,高度可以自己设置哟!),颜色类型自选哦。4、然后就是需要推荐的宝贝啦,这个尺寸我的选择是六款宝贝。两款330px*200px图片,四款220px*200px图片。好了,材料准备完毕,下面就是操作啦!1、首先打开ps放入底图在这里我的图片稍微有点大,可以先进行一步裁剪。
输入数值完成后就可以直接点击图片区域裁图啦!未选择区域显示阴影,选择好后可以右击亮色图片区域点击裁剪即可。2、接下来不用关闭这个图片也不用保存,打开另外一张已经准备好的330px*200px图片,如果图片太大可以按照刚刚裁剪的方式输入相关的数值进行裁剪哦!然后打开图片后按CTRL+A全选该图片(如果鼠标现实刚刚的裁剪符号只需点击 即可恢复哦),全选该图片后用鼠标拖住图片拉入上方标题栏第一张图片里面(只需停留在第一张图片标题栏一会儿就会自动切换到第一张图片了)我放在了右上角的位置,您可以自己调整位置哟,旁边留一点边缘更加美观哦!同样的方法把剩余的五张图片全部拖进来。
当然不要忘记了,除了上面的两张之外,下面的四张图尺寸是220px*200px的哦。3、看到我下面留下的空位是干嘛的么~对滴,就是给宝贝的名字跟价格留下的空位哟!首先新建一张220ps*30px的空白图形如下
然后可以用鼠标选项下面的那个方块的矩形选取选择图形的全部然后右击选择填充,可以更换颜色哦!
我选择的是绿色,然后点回鼠标模式全选拉入第一张图片放在宽度相同的图片下面
重复再拉三次即可把下面的全部弄好,不需要重新建图片哦!不过上面那两张尺寸不同的需要重建一张330px*30px的图片跟原来一样拉动即可。完成后如下:4、接下来就是写字啦,选择左侧栏下面有个T字一样的东西点一下 然后在图片需要写字的地方点击一个选框即可打字啦!
点击这个图标即可打开样式了哦在里面可以选择加粗字体啊加删除线啊下划线等等,不用时也可以点击这个图标关闭哟!
写好后是这样的,根据自己家宝贝的具体情况写好宝贝的名字和价格或者其他需要增加的东西哟。然后依次写完六个宝贝。
写完之后再选择左上那边的空白区域写一些字哦,比如什么促销啦打折啦优惠啦等等活动神马的。
完成后是这样的,然后就可以保存啦!PS:需要保存为JPEG格式的图片哦~大小应该控制在200K以内哦。Ps的部分在这里就已经做完了哦,储存好之后就可以打开另外一个软件DW了!1、首先打开这个软件选择新建HTML
2、创建好后点击设计页面
在最上方的工具栏里面选择插入→图像 选择刚刚保存好的图片打开。
然后选择绘制矩形热点
在图片你想让买家点了就跳转到宝贝页面的区域内矩选就会成阴影色,然后在下面输入该网址然后选择_blank这样一个热点就做好了!
然后依次添加剩余五个宝贝所有热点即可。完成后点击设计栏的第一个代码然后将红框内也就是第八行开始的所有代码复制下来。
然后DW的工作也完成了,复制下来最好存在一个txt文本里面关闭DW软件,也可以不用关闭DW软件一直开着文本就好了。下面先把做好的图片上传到图片空间里面,然后把链接换成图片内蓝色选中位置
接下来打开店铺装修,新建一个自定义区,然后在编辑里面不用谢标题,选择源码把刚刚的源码全部复制进去就可以了。
最后点击保存后发布即可!是不是突然觉得也就是这么的简单呢~任何的事情都是需要摸索滴,也是需要一定耐心的,当你付出了努力付出了所需要的一切的时候,自然会得到你需要的回报哦~不要怕辛苦,开淘宝不是一边坐等客户上门一边玩玩牌看看电视就可以的!总之,加油吧,一起努力!
上一篇: 上一篇:新网店开业,大家多多光顾
下一篇: 下一篇:网店人气宝贝急需关注请求各位亲们关注一下啦