这个是淘宝官方付费的教程, 没说完, 下面350小编仔细说说
很多刚开店的小卖家,看到别人家的店招是全屏的(1920或1440)也就是占了整个屏目,看下图
设计后的店招(宽度1920或1440)
有人说,这个是要买模板的吧,这根本不需要什么模板,又有人说要用什么代码吧,其实也不用什么代码,想知道怎么做的同学来跟我学习吧!
第一步:想做全屏店招,我们必须先了解下全屏店招的构成 如下图
?
我们店铺的店招其实只有中间950的区域,想做到全屏就要加一个1920或1440的页头背景图 ,
放在红色的950的后面(也就是黑色的部份),如果我们把黑色部份换成红色,就是全屏了!
第二步,了解清楚了结构后,我们来开始做中间950的区域 (店招的高度是120PX)
新建一个1920*120的文件
我们要知道中间950的区域在哪里,所以画了一个950宽的选区 和大背景居中 如下图
居中
绿色的图层可以删掉了,辅助线有了,就知道了950的区域了,记住不要移动辅助线了
我们把重要内容设计在950的里面
说的好累 喝点水
第三步:给背景做一个渐变,这个过程大家可以自由发挥了,做出自己的个性
设计的过程 在这里就不详情说明了 如下图
这里要注意 一个完整的店招里有哪些东西(标志 口号 店名 产品 收藏等功能按钮)当然不是所有东西
必须全有,但最少店名是有的,还要让人看明白你是卖什么的!由于时间有限,这里就不详细展开来讲了
第四步:接下来,我要把中间950的部份裁切出来 进行切片
裁切的时候 一定要紧随辅助线来 ,不然裁切出来的可能不是950的宽了
切片了哟
用辅助线把这张图分成了3份,中间的收藏本店要做相关的连接,要单独切成一块了
切了。。。。很简单的哟
切然后 怎么保存 这一步很重要
保完后,我们来看下切好的图片
第五步,把切好的图片 上传到图片空间
第六步:这时候 我要利用DW软件了把图片转换成代码
我们 这店招的每一块图片选中 换成图片空间里的地址(现在的图片是我们本地的)
记住这张图切成了三块,所以每一块都要换哟 切记 ,切记
淘宝图片空间的图片地地怎么获取?看图
把地址粘贴到这里哟
所有图片的地址全换了
第六步:我们把<body> </body>之间的代码全复制出来 粘贴到店招的自定义里
回到店铺装修中
选自定义,切记得要点源码哟
代码全复制进去了,哈哈,比有些人一张一张图的拆插入要快吧,一张一张拆插入会乱
然后再点源码 查看下效果了
恩,不错是我们要的效果
第八步:给收藏按钮做连接了哟,不然只是一张没用的图片
收藏本店的连接怎么找呢,大家看清楚了哟
在收藏店铺上点右键 看到属性 就打开哟
红色标记的就是收藏本店的连接地址了 全部复制哟
这里放收藏的连接哟
做好 点确定
做好了 一定要记得保存哟!------
接下来就是要发布了 ,很多人 把这一步忘记了 结果是忙了半天 白做了!
辛苦了半天 好激动哟 看下效果吧
结果 没有全屏 哎 。。。。。 继续哟,快了 ,我们加一个页头背景就行
点下收藏按钮 是OK的哟,如果没用 一定是收藏的地址错了 或复制的时候漏掉了一些
第九步:加页头背景 实现全屏
图片 限在200K内
不平铺 居中 最后保存 不要忘记了 还要发布哟
看看我搞了一早上的战果哟 ~~~~~