##文件系统
>严格按照以下规范进行命名
| 排序 | 名称 | 文件名 |
| -- | -- | -- |
| 1 | 网站首页 | index.html |
| 2 | 关于我们 | about.html |
| 3 | 产品中心 | case.html |
| 4 | 案例展示 | case.html |
| 5 | 信息反馈 | feedback.html |
| 6 | 联系我们 | contact.html |
| 7 | 新闻中心 | news.html |
| 8 | 企业画廊 | galley.html |
| 9 | 新闻详情 | article.html |
| 10 | 产品详情 | product.html |
##模板目录结构要求
~~~
模板根目录
├─assets 模板相关组件
│ ├─img 模板图片目录
│ ├─css css文件文件目录
│ ├─less less文件目录
│ ├─js js文件目录
│ ├─lib 库文件如jquery等
├─index.html 模板首页文件
├─about.html 模板关于我们
├─.......
~~~
##html模板文件标准格式
>结构与代码需保持一致
~~~
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="UTF-8"><!-- 这里标识了页的编码视别格式 -->
<title></title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="嗨创">
<meta name="tname" content="标准企业站模板">
<meta name="cid" content="12">
<meta http-equiv="X-UA-compatible" content="IE-edge,Chrome=1"><!-- 对IE8以下启用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=9" />
<meta name="viewport" content="width=device-width , initial-scale=1"><!-- 对于设备显示比便为1:1不启用缩放 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.css" type="text/css"/><!-- 引入bootstrapcss文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css"/><!-- 引入awesome-icon字体css含中文字体 -->
<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script><!-- 引用jquery库文件 -->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--h5c_break-->
<div id="h5c_temp_container">
<!--**样式文件**-->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<!--**这里是模板导航主体内容**-->
<header id="h5c_g_header">
<nav id="h5c_g_navigate" class="navbar navbar-inverse" role="navigation">
......
</nav>
</header>
<div id="h5c_g_banner">
......
</div>
<div id="h5c_g_body">
......
</div>
<footer id="h5c_g_footer">
......
</footer>
</div>
<!--h5c_break-->
</body>
<script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script><!-- 引用bootstrap库文件 -->
<script src="http://cdn.bootcss.com/less.js/2.5.0/less.min.js"></script><!-- less库文件 -->
</html>
~~~
>**特别注意**
1. 网站主体部分分为四个部分id定义分别为：**h5c_g_header,h5c_g_banner,h5c_g_body,h5c_g_footer**
2. index.html文件中的meta定义添加三个 name值分别为：**author,tname,cid**
>如下示例代码
~~~
<meta name="author" content="嗨创">
<meta name="tname" content="标准企业站模板">
<meta name="cid" content="12">
~~~
**附模板分类表**
| name | cid | name | cid | name | cid | name | cid |
|--------------------|-----|--------------------|-----|--------------------|-----|--------------------|-----|
| 书画、艺术、收藏 | 1 | 仓储、物流、租车 | 2 | 健身、运动、俱乐部 | 3 | 农业、水产、养殖 | 4 |
| 冶金、金属、零件 | 5 | 动物、宠物、畜牧 | 6 | 包装、印刷、造纸 | 7 | 医疗、保健、慈善 | 8 |
| 医药、医器、保健品 | 9 | 医院、诊所、保健 | 10 | 咨询、策划、翻译 | 11 | 商务、会议、活动 | 12 |
| 电脑、通讯、数码 | 13 | 纺织、服装、鞋帽 | 14 | 机电、仪器、设备 | 15 | 政府、协会、机构 | 16 |
| 科技、游戏、科幻 | 17 | 礼品、玩具、工艺品 | 18 | 食品、饮料、酒类 | 19 | 矿产、石油、化工 | 20 |
| 金融、证券、典当 | 21 | 旅游、宾馆、农家乐 | 22 | 维修、保养、回收 | 23 | 园林设计、果园 | 24 |
| 孕妇、亲子 | 25 | 建材、五金、装饰 | 26 | 家电、照明、电子 | 27 | 汽车、摩托、电动车 | 28 |
| 珠宝、首饰、化妆品 | 29 | 房地产、建筑、装修 | 30 | 美容、休闲、养生 | 31 | 广告、会展、设计 | 32 |
| 时尚、服装、潮流 | 33 | 影视、电视剧 | 34 | 家具、洁具、日用品 | 35 | 文具、乐器、体育 | 36 |
| 能源、环保、节能 | 37 | 餐饮、咖啡、茶楼 | 38 | 家政、保洁、搬家 | 39 | 婚庆、摄影、影楼 | 40 |
| 文化、教育、培训 | 41 | 商城、贸易 | 42 | 律师、作家博客 | 43 |||
##**模板缩略图**
模板缩略图要放于模板目录下assets目录里面
