1920全屏店招和导航的装修操作讲解
当我们把1920全屏的店铺招牌制作好之后，就要上传到店铺中来，还要把收藏店铺，关注，或者店铺招牌上其他链接添加上来，这节就来讲解下，如何装修1920全屏带有导航栏的店铺招牌。
1.首先要把设计制作好的1920全屏店铺招牌进行裁剪处理，在photoshop软件中，使用工具箱里的“裁剪工具”[if !vml]
[endif]，把参考线中间部分进行裁剪操作，如图所示。裁剪处理之后，在菜单栏选择“文字”-“存储为Web所用格式”，在弹出来的对话框中设置相应的图片格式和压缩品质，如图所示。
[if !vml]
[endif]
裁剪操作处理
[if !vml]
[endif]
选择图片格式和压缩品质
2.现在我们就得到了一个宽为950像素，高为150像素，裁剪处理后新的店铺招牌输出图，如图所示。另外一张宽1920像素，高150像素则是我们没有裁剪后的原图，如图所示。全屏店铺招牌的装修，用的就是这两张图来实现的。
[if !vml]
[endif]
宽950像素
[if !vml]
[endif]
宽1920像素
3.打开淘宝图片空间，把宽950像素店铺招牌图，上传到图片空间，如图所示。当我们选择图片之后，系统提供了有“复制图片”、“复制链接”、“复制代码”等选项，点击“复制代码
”，如图所示。在弹出来的“请手动复制内容”对话框，选择所有代码后，使用“Ctrl+C”复制，如图所示。
[if !vml]
[endif]
淘宝图片空间
[if !vml]
[endif]
单击复制图片代码
[if !vml]
[endif]
复制代码
4.接下来，开始对店铺招牌上的对象添加链接设置。打开电脑里的Dreamweaver软件，新建一个空白的HTML文件，选择“拆分”视图模式，把文件中默认的代码全选后Delete键删除，如图所示。然后使用Ctrl+V粘贴键，把上一步复制的图片代码粘贴过来，如图所示。
[if !vml]
[endif]
删除文件中默认代码
[if !vml]
[endif]
粘贴950像素店铺招牌图片代码
5.在属性栏上，选择“圆形热点工具”，如图所示。在收藏店铺按钮上，创建一个圆形的热点对象，如图所示。
[if !vml]
[endif]
圆形热点工具
[if !vml]
[endif]
创建圆形热点
6.接下来就要找到“收藏店铺”地址链接了，可以到所在的店铺首页右上角，有“收藏店铺”按钮，如图所示。把鼠标停留在这里，右键“复制链接地址”，在热点属性栏上，把链接粘贴过来，目标选择为-Blank，效果如图所示。
[if !vml]
[endif]
收藏店铺按钮
[if !vml]
[endif]
粘贴收藏店铺链接
7.用同样的方法，把店铺招牌上的，LOGO信息链接到首页，店铺名称也链接到首页，而每个导航信息，都找到指定的内容，然后逐一创建热区，添加链接，如图所示。添加完链接之后，在拆分模式里，拷贝所有代码信息。
[if !vml]
[endif]
创建其他链接
8.登录旺铺装修后台，在装修店铺招牌里，招牌类型选项自定义，然后选择代码模式，把拷贝的代码信息，粘贴过来，效果如图所示。
[if !vml]
[endif]
粘贴代码
9.保存好代码之后，就可以点击右上角的预览按钮，如图所示。查看下链接添加是否正确，显示效果是否有误，950像素店铺招牌内容装修，最终效果，如图所示。
[if !vml]
[endif]
点击“预览”按钮
[if !vml]
[endif]
预览效果
10.接下来就对1920全屏效果进行制作。在旺铺装修后台，选项页头，然后在“页头背景图”选项，单击更换图片，如图所示。把制作好的1920全屏的店铺招牌图，作为页头背景图替换进来，如图所示。
[if !vml]
[endif]
更换页头背景图
[if !vml]
[endif]
页头背景图
11.点击预览之后，就可以看到，一个全屏的店铺招牌效果就这样实现了。
[if !vml]
[endif]
最终效果
��w!�����|#�s�
