今天让我发现了一个淘宝秘密，也许有些人知道，只不是没发出来罢了，但我是不愿意独享的人，我会与我们朋友一起分享，因为快过年这2天打算给将店铺装修一下，搞点节日气氛，就苦苦在新上线的模板市场里面找啊找，终于找到一款比较喜欢的，一看价钱要100多，真不怎么舍得，要交易好几笔才能赚回来，于是就想起了些歪脑经，想免费使用这些模板，在经过本人的努力下，终于发现原来还真的可以免费用，（）但是css效果就不能用了，不过css效果有没有都不怎么影响，好了，不口水了，下面我就进入正题了，

Adobe Dreamweaver CS3V1.1 简体中文免激活免注册版（连软件我都是喜欢用绿色版本的，）
http://www.xiazaiba.com/html/127.html

②：熟悉网页、了解html代码。不要求深入，略懂！如果是连html是什么东西的话，那比较麻烦，你还是先学习一下网页基本常识在说吧

第二
进入店铺装修市场http://zx.taobao.com选好自己喜欢的模板（以一模板为例，进行图解说明） 内容来自www.wdzxiu.com

可以通过筛选条件进行选择

 

因为装修市场的模板有试用功能，好不好看试用就知道了，我们就是用这一功能达到免费使用
选好模版后，点击试用模板， copyright www.wdzxiu.com

 

这样，模板已经安装成功，效果我们就可以看到了，（）

copyright www.wdzxiu.com

本文来自网店装修网(www.wdzxiu.com)

 

  copyright 网店装修网(www.wdzxiu.com)

copyright 网店装修网(www.wdzxiu.com)

接着点击右上角的预览装扮效果

 

这样就已经生成新网页了

 

OK，这时候我们该查看该网页的代码了（激动）
  网店装修网www.wdzxiu.com

对着网页空白处右键----选择右键菜单的“查看源文件”项目，或者同过浏览器的工具菜单查看网页源文件了 copyright 网店装修网(www.wdzxiu.com)

copyright 网店装修网(www.wdzxiu.com)

 

 

跳出文本文档，得到代码 本文来自网店装修网(www.wdzxiu.com)

  网店装修网www.wdzxiu.com

 

这时候我们就要用到html常识了，查看代码结构了，
一般淘宝网页都是网格格式的组成，我们把我们所需要的代码复制
以<div>开头和</div>结尾的代码这样才能算是复制一段完整代码 www.wdzxiu.com

关于找代码的方法我在另一篇文章有提到

链接：网店装修教程：免费使用付费淘宝模板 零元打造漂亮店铺(二)

例如：

网店装修网www.wdzxiu.com

------------------------------------------------------------------------------------------------------------------
<div class="layout grid-s5m0 " >
    <div class="col-main clearfix">
        <div class="main-wrap J_TRegion" >
            <div class="box J_TBox" >
<div class="shop-custom   no-border ">
<div class="bd">
<div class="custom-area"> 网店装修网www.wdzxiu.com
<table border="0" cellpadding="0" cellspacing="0" height="301" width="750"><tr><td background="http://www29.tx8.cn/photo/jenter484/cx1_01.gif" colspan="5" height="14" width="750"></td></tr><tr><td background="http://www29.tx8.cn/photo/jenter484/cx1_02.gif" height="276" width="14"></td><td height="276" width="426"><div class="slider-promo J_Slider J_TWidget" data-widget-type="Slide" style="float: left; overflow: hidden; width: 426px; height: 276px"><ul class="lst-main"><li style="display: block"><a href="http://design.taobao.com/shop/这里写图片1，要指向的页面链接" target="_blank"><img border="0" height="276" src="http://www29.tx8.cn/photo/jenter484/图片地址1.gif" width="426" /></a></li><li style="display: block"><a href="http://design.taobao.com/shop/这里写图片2，要指向的页面链接" target="_blank"><img border="0" height="276" src="http://www29.tx8.cn/photo/jenter484/图片地址2.gif" width="426" /></a></li><li><a href="http://design.taobao.com/shop/这里写图片3，要指向的页面链接" target="_blank"><img border="0" height="276" src="http://www29.tx8.cn/photo/jenter484/图片地址3.gif" width="426" /></a></li><li style="display: block"><a href="http://design.taobao.com/shop/这里写图片4，要指向的页面链接" target="_blank"><img border="0" height="276" src="http://www29.tx8.cn/photo/jenter484/图片地址4.gif" width="426" /></a></li><li style="display: block"><a href="http://design.taobao.com/shop/这里写图片5，要指向的页面链接" target="_blank"><img border="0" height="276" src="http://www29.tx8.cn/photo/jenter484/图片地址5.gif" width="426" /></a></li></ul><ul class="lst-trigger"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li></ul></div></td><td background="http://www29.tx8.cn/photo/jenter484/cx1_04.gif" height="276" width="16"></td><td background="http://www29.tx8.cn/photo/jenter484/scx1_05.gif" height="276" valign="bottom" width="288"><marquee direction="up" height="230" scrollamount="2" scrolldelay="100" style="font-size: 12px; color: #877163" width="288"><font style="font-weight: bold; font-size: 16px; color: #f90">欢迎光临本店</font><br /><br />此处为店家公告;<br /><br />可 在此处自由编辑和添加文字</marquee></td><td background="http://www29.tx8.cn/photo/jenter484/cx1_06.gif" height="276" width="6"></td></tr><tr><td background="http://www29.tx8.cn/photo/jenter484/cx1_07.gif" colspan="5" height="11" width="750"></td></tr></table>

---------------------------------------------------------------------------------------------------------------------
以上的代码就是算一点完整代码，当然个网页有好几段代码组成，这只是部分，

（一下步骤高手可以不看！）

接下来我们就要打开Dreamweaver软件，进行网页调试了，
打开软件，新建一个html网页，

copyright 网店装修网(www.wdzxiu.com)

  本文来自网店装修网(www.wdzxiu.com)

 

注意把界面调成“显示代码和设计图形”方便操作

copyright www.wdzxiu.com

 

然后将代码放到<body></body>标签中间 内容来自www.wdzxiu.com

 

在接着就是修改代码了（这个就看个人技术了.更改一下图片地址和连接）我不详谈！
如下是我修改过的代码

--------------------------------------------------------------------------------------------------------------------
<div class="layout grid-s5m0 " >
    <div class="col-main clearfix">
        <div class="main-wrap J_TRegion" >
            <div class="box J_TBox" >
<div class="shop-custom   no-border ">
<div class="bd">
<div class="custom-area">
<table border="0" cellpadding="0" cellspacing="0" height="301" width="750"><tr><td background="http://www29.tx8.cn/photo/jenter484/cx1_01.gif" colspan="5" height="14" width="750"></td></tr><tr><td background="http://www29.tx8.cn/photo/jenter484/cx1_02.gif" height="276" width="14"></td><td height="276" width="426"><div class="slider-promo J_Slider J_TWidget" data-widget-type="Slide" style="float: left; overflow: hidden; width: 426px; height: 276px"><ul class="lst-main"><li style="display: block"><a href="http://item.taobao.com/item.htm?id=7801839278" target="_blank"><img border="0" height="276" src="http://img02.taobaocdn.com/bao/uploaded/i2/113262820/T2LqXzXgJXXXXXXXXX_!!113262820.jpg_310x310.jpg" width="426" /></a></li><li style="display: block"><a href="http://item.taobao.com/item.htm?id=7801839278" target="_blank"><img border="0" height="276" src="http://www29.tx8.cn/photo/jenter484/2.gif" width="426" /></a></li><li><a href="http://item.taobao.com/item.htm?id=7801839278" target="_blank"><img border="0" height="276" src="http://www29.tx8.cn/photo/jenter484/图片地址3.gif" width="426" /></a></li><li style="display: block"><a href="http://item.taobao.com/item.htm?id=7801839278" target="_blank"><img border="0" height="276" src="http://img03.taobaocdn.com/bao/uploaded/i7/T1FGJSXaJfXXXj2XLc_125624.jpg_310x310.jpg" width="426" /></a></li><li style="display: block"><a href="http://item.taobao.com/item.htm?id=7801839278" target="_blank"><img border="0" height="276" src="http://www29.tx8.cn/photo/jenter484/5.gif" width="426" /></a></li></ul><ul class="lst-trigger"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li></ul></div></td><td background="http://www29.tx8.cn/photo/jenter484/cx1_04.gif" height="276" width="16"></td><td background="http://www29.tx8.cn/photo/jenter484/scx1_05.gif" height="276" valign="bottom" width="288"><marquee direction="up" height="230" scrollamount="2" scrolldelay="100" style="font-size: 12px; color: #877163" width="288">

copyright 网店装修网(www.wdzxiu.com)

-----------------------------------------------------------------------------------------------------------代码已经改好，你可以按快捷键F12进行调试一下，看否有需要修改了， 内容来自www.wdzxiu.com

最终效果如图 www.wdzxiu.com

 

修改完毕就是把代码放到自定义模块里面就可以使用了，最后完成
 

网店装修网www.wdzxiu.com