原创力文档- 1、本文档共5页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
巧用页头背景、页面背景、自定义页面
打造豪华全频的店铺装修效果
有时候我们不得不得被大气磅礴、气势恢宏的店铺装修效果震撼：
这么拉风的效果要是用到我们店铺里面不给力都不可能？
大家从这种装修效果图里面明显可以看出这是通栏全频的装修效果！
那么怎么才能装修出这种带有全频的店铺效果呢？
重点就是：巧用“店招”“页头背景”“页面背景”“自定义模块”的完美结合打造这种全频拉风到爆的装修效果！！
那啥子是“页头”“页面”“店招”以及它们的尺寸是啥子呢？
大家现在知道了一个店铺的装修页头是由那些部分构成了的吧！
假如我们做好或者拿到一副漂亮的大图全频店头图片，怎么才能使他们有机的组合，装修出一种全频大图店头的“拉轰”效果呢？比如东东给的这张效果图：
（PS：根据这幅图片的感觉，大家是不是觉得它自己的导航条挺牛叉！东东也觉得，嘿嘿！所以我们还是用它的导航条就行，所以我们到时候通过dreamweaver在上面直接添加热点链接就行，所以我们应该把店招设置为高为：150px像素的图片，为的就是把它自带导航条给它掩盖掉！）
-------------------------------------------------------------------------------
拿到这幅图片首先我们把这幅图片的尺寸通过photoshop修改成宽为1440px像素的图片
然后使用photoshop里面的“切片工具”“辅助线（Ctrl+R）”“裁剪工具”等工具对图片进行切片，与划分，如下图所示：
当然东东截取的图片分别为：
页头背景：
店招：
页面背景：
自定义模块：
这里大家可能有疑问了，为嘛“页头背景”和“页面背景”上面有空白呀？
是因为：淘宝官方不允许我们上传的页面背景，和页头背景图片超过200K。（填充为白色，可以使图片的大小变小）
反正页头背景中间那团白色，会被店招覆盖，所以弄成白色的也没事
至于页面背景：大家还记得自定义模块和导航条中间的那条950px，10px的缝隙不？所以我们的背景图片中间保留了那块区域哦！同样中间白色区域会因为自定义模块插入那张图片而被覆盖，至于顶头白色同样会被店招和页头背景覆盖！
（PS：对于photoshop怎么利用各种工具 按照具体的尺寸具体划分图片的问题，这个网上一堆堆教程视频，相信难不倒大家的）
至于利用dreamveaver对店招进行热点区域的划分，对热点进行编辑，这个相信同样难不倒大家）
然后一个拉轰的全频拉轰店铺效果就制作出来啦！
有对淘宝店铺装修还存在问题的童鞋，点击东东百度账号，加东东抠抠：（四五三四八六五三五）联系我吧！
文档评论（0）