【8】了解淘宝提供给我们可布局的地方

在上面一节我们创建了一个自己的模板，但是问题来了，淘宝装修店铺是不可能整个页面都让你装修了，是有限制的，下来我们就看看我可以装修那些地方：

其中黄色部分是淘宝自己的模板，不可以进行修改；

蓝色部分就是淘宝提供给我们可以进行装修的地方了。

下面我们就随便打开一个c店看看，真正布局的这块是怎么样的，这里我们就要用上火狐的firebug插件来看看了（对于不知道怎么用这个插件的同学们，可以自己百度下或是自己摸索怎么用，这个插件我们也只是用到一些很简单的功能）。

我们可以查到我们可以进行布局的层，div是<div id="content"></div> 这个是简化通用版的

下面这个是我查到这家店铺的完整版：
<div id="content" class="tb-shop head-expand eshop " data-cat="J_Cat0"></div>

===========================================================

ps.好了，貌似就这么点，要是还有没有说到位的，请大家在下面留言，哦，对了，还有一个文件大家要去看看，就是这个site.xml，这个文件我也在前面提到过，有空就看看，不是很复杂，代码如下。

  1 <?xml version="1.0" encoding="GBK"?>
  2 
  3 <site version="1">
  4 
  5      <!—模板标识由系统自动生成 -->
  6 
  7      <id> 2cd2659796794dbab1e4115dac7facf3</id>
  8 
  9      <!—模板名称--> 
 10 
 11      <name>模板-1</name>
 12 
 13      <!—设计师信息-->
 14 
 15      <author wangwang="XX" url="http://www.taobao.com">Jacky</author>
 16 
 17      <!—模板缩略图-->
 18 
 19      <thumbnail>assets/images/frontpage.png</thumbnail>
 20 
 21      <!—模板语言-->
 22 
 23      <language>php</language>
 24 
 25      <!—模板版本-->
 26 
 27      <version>2010050901</version>
 28 
 29      <!—修改日志-->
 30 
 31      <change-notes>
 32 
 33             change log
 34 
 35      </change-notes>
 36 
 37      <!—模板描述，不要超过100个字-->
 38 
 39     <description>
 40 
 41             description here
 42 
 43      </description>
 44 
 45      <!—模板全局信息-->
 46 
 47      <global>
 48 
 49            <!—模板头部-->
 50 
 51            <header>header.php</header>
 52 
 53             <!—模板尾部-->
 54 
 55             <footer>footer.php</footer>
 56 
 57            <!—模板全局CSS文件-->
 58 
 59            <css>assets/stylesheets/global.css</css>
 60 
 61      </global>
 62 
 63            <!—模板风格--> 
 64 
 65      <styles>
 66 
 67         <style>
 68 
 69            <!—风格名称-->
 70 
 71            <name>green</name>
 72 
 73            <!—风格缩略图-->
 74 
 75            <thumbnail>assets/images/green.jpg</thumbnail>
 76 
 77        <!—风格CSS文件-->
 78 
 79            <css>/assets/stylesheets/green.css</css>
 80 
 81         </style>
 82 
 83      </styles>
 84 
 85      <!—模板参数信息-->
 86 
 87     <parameters>
 88 
 89         <param name="demo" description="只读属性-1" readonly="true">demo</param>
 90 
 91         <param name="theme" description="主题风格">green</param>
 92 
 93     </parameters>
 94 
 95     <!—模板页面-->
 96 
 97     <pages>
 98 
 99         <page type="index">
100 
101             <name>首页</name>
102 
103             <file>index.php</file>
104 
105             <parameters>
106 
107                 <param description="标题">untitled</param>
108 
109             </parameters>
110 
111         </page>
112 
113         <page type="detail">
114 
115             <name>宝贝详情页</name>
116 
117             <file>detail.php</file>
118 
119         </page>
120 
121         <page type="article">
122 
123             <name>文章页面</name>
124 
125             <file>article.php</file>
126 
127         </page>
128 
129         <page type="other">
130 
131             <name>促销页面</name>
132 
133             <file>onsale.php</file>
134 
135         </page>
136 
137     </pages>
138 
139 </site>

这里要说下，申明一个页面我们用标签<page></page>,同时我们要注意这个标签下包裹了那些标签及属性和作用等。