教你做大小为1366150的店招和首页页头平铺的大图片

教你做大小为1366*150的店招和首页页头平铺的大图片

进入正题之前先啰嗦一下，小店刚开业正处于摸索阶段，现在把摸索出来的经验给大家说下。大家肯定看过有些店铺店招很长，一直延伸到屏幕两侧，还有接下来是一张醒目的大图片也是延伸到屏幕两侧，并没有受到网页宽度950px的影响。大家先看一下我做出来的效果。我级别太低，限制上传图片，看效果的话可以去我店铺看看，这绝对不是广告，您看我的级别，真不能上传图片。大体说下的话，内行肯定能看懂，下面就是正文，请大家耐心看下去，我没啥文采。

1、原理

您看到的那种店招其实不是一张完整的图片，而是中间的宽度950px的店招加上两边的背景，背景图片要和店招连接的很自然，当然从一张图片减下来分别做最好。页头大图片也是这种原理，中间是自定义区上传的宽度为950px的图片，两边是背景图片。这里说下，建议店招和页头大图都在页头的自定义区做，不要用系统自带的店招区。怎么设置页头背景呢？点击店铺装修，进入店铺装修页面，点击左上角的模板，那里就会出现背景设置（没图真的很无奈啊，为什么要设权限！），能上传背景图片，注意图片大小不要大于100k哦。

2、准备材料

一张大小为1366X900px（宽度是一定要1366px的，高度你可以

自己根据你页头图片和店招的大小定，店招高度150px，加上你想用的页头图片的高度，就是这个数值）的图片，用photoshop编辑这张图片，上边150高度是你店招的区域，下边区域就是你页头大图的区域。注意：图片超链接千万不要设置在中间950px宽度以外的区域，因为那是背景

的区域，无法点击计入超链接。

3、上传店招

把编辑完得图片另存为一个文件，剪切一下，把店招区域以外的东西全部剪掉，接下来就是编辑店招，切片，存为web所用格式，注意：保存的名字不能是中文，保存必须是HTML和图像。接下来就是用DreamWeaver8打开你保存的HTML网页，点击设计按钮，出现图片，这时你就可以为每个切片设置超链接了。注意：你必须先把你保存在image 文件夹的图片切片全部上传到图片空间，用于以后调用。把每个图片的链接都复制到DreamWeaver相应的图片下面的地址框内。要不然不能显示，因为你原来图片是本地的，传到网上不会调用显示，必须设置地址

链接才能显示。

设置完成以后，点击代码按钮，复制代码，粘贴到店铺装修页头自定义区。这样店招就能显示了，但是只是950px宽度，而不是全屏的。下面继续介绍。{只有文字介绍可能比较不好理解，大家凑合一下吧，我现在还没有级别不能上传图片 }

4、上传自定义区大图

和上述步骤一样，用ps把大图中间的950宽度的区域剪出来，用ps编辑一下切片，再转入DreamWeave编辑，在这里我就不再赘述。

上传到自定义区以后就可以显示了，也是显示950px宽度的。

5、页头背景制作

用ps把你保存过的原图调出来，就是1366X900的那张，把中间950店招区域和950大图区域填充成白色（什么颜色都行，显示的不多，只有自定义区之间的缝隙会看见这个颜色，我感觉白色好看些）留着两边的部分。这时页头背景就制作完成了，不需要设置链接，保存下，注意大小不要超过100k，如果超过了，可以把质量调低一些，如果大很多就

保存成web所用格式。

6上传背景

进入店铺装修，点左上角模板，点击背景设置，点击页头背景设置，点击浏览，选择你保存的页头背景图片，点击打开，选择不平铺，

居中，点击保存，完工，累死了。

没有图片写的也不好，没办法啊，大家凑合看吧。顺便问下怎么快速提升到2级，不能发图片真的很不方便，估计写的这些会有不明白的，直接联

系我店铺旺旺就行，我很热情的哈哈哈。