旺铺装修攻略(5):促销区模板代码制作教程

促销区代码制作：

1、找到我们昨天制作成功的HTML文件及image文件夹，如图所示：

2、用Dreamweaver8.0打开“促销区.html”文件。并切换到“拆分”模式。在此模式下，上半部分为代码区，下半部分为设计区。

3、单元格背景制作：由于店铺公告区要添加内容，为了避免使用层，就必须把店铺公告出文字内容区的图片设为单元格背景。用鼠标在设计区点击店铺公告文字出现区。如图所示：

然后，将鼠标点击代码区如上图所示红方框前的<td>单元格标记的td之后。

此时可以看到在屏幕下方出现单元格背景框。在背景框内填入images/促销区_03.gif，并在左边设置宽为399，高为191，设置完毕之后，删除单元格中的图片，最终如下图所示：

当然，如果亲们对Html语言熟悉的话，就可以直接手工改写代码了。利用同样的方法处理联系我们及人气宝贝的内容展区单元格图片。

4、店铺公告文字显示：将此段代码放在店铺公告文字出现区。

<font color="#0099FF"><font size="5"><span style="line-height:1.5;">

<marquee direction="up" scrollamount="1" scrolldelay="0" height="180" width="399" style="position:relative;">

<br /><font LETTER-SPACING: 0.4pt; COLOR: black;">楷体_GB2312"><strong>&nbsp;&nbsp;&nbsp;&nbsp;本店所发货物快递默认为申通快递。若有特殊要求，请事先申明，不便之处敬请谅解！</strong>

<br/>

<strong>声明：</strong>请各位买家在拍宝贝前务必先看清本店的退换货政策（参加优惠活动的宝贝除商品质量问题外一律不予以退换），在拍之前务必请先询问客服此款是否有货，以免造成不必要的麻烦。</font>

</marquee>

</span></font></font>

5、联系我们内容处理：这里主要留下店主的旺旺，QQ，手机等其他内容，方便买家知道如何联系。添加旺旺在线过程如下：

打开http://www.taobao.com/help/wangwang/wangwang_0628_04.php进入如下页面：

自己选择风格、加入自己淘宝旺旺号码，并选择是生成网页代码还是生成论坛代码。由于我们是加在促销区，因此选择生面网页代码。最后点“复制代码”按钮，就可得到旺旺在线的网页代码了。

当获得代码之后，就将这些代码粘贴到联系我们的内容区，并前QQ和手机及要补充的说明加在此处，注意排版要美观。最终如图所示：