【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>,同时我们要注意这个标签下包裹了那些标签及属性和作用等。