diff --git "a/\351\237\246\345\244\251\347\277\224/css/base.css" "b/\351\237\246\345\244\251\347\277\224/css/base.css"
new file mode 100644
index 0000000000000000000000000000000000000000..6cdfad0aec1c97641bd12cfaec162419c6f8df3e
--- /dev/null
+++ "b/\351\237\246\345\244\251\347\277\224/css/base.css"
@@ -0,0 +1,17 @@
+#father{
+	width:780px;
+	height:300px;
+	margin:0 auto;
+}
+body{
+	background-color:#2286C6;
+}
+
+*{
+	margin:0px;
+	padding:0px;
+	font-size:12px;
+}
+#father ul{
+	list-style:none;
+}
\ No newline at end of file
diff --git "a/\351\237\246\345\244\251\347\277\224/css/bott.css" "b/\351\237\246\345\244\251\347\277\224/css/bott.css"
new file mode 100644
index 0000000000000000000000000000000000000000..b2d85f8df6f700c2af620c14bdc179ea0c9bf2a7
--- /dev/null
+++ "b/\351\237\246\345\244\251\347\277\224/css/bott.css"
@@ -0,0 +1,23 @@
+#bott{
+	width:780px;
+	height:25px;
+	background-color:#FFF;
+	float:left;
+	margin-top:2px;
+}
+
+#bott ul{
+	list-style:none;
+}
+
+#bott li{
+	background:#5EA6EB;
+	text-align:center;
+	margin-top:5px;
+	width:770px;
+	margin-left:5px;
+}
+#bott a{
+	color:#FFF;
+	text-decoration:none;
+}
\ No newline at end of file
diff --git "a/\351\237\246\345\244\251\347\277\224/css/left.css" "b/\351\237\246\345\244\251\347\277\224/css/left.css"
new file mode 100644
index 0000000000000000000000000000000000000000..72b3478eff25b2bf7bd2dbb0a074e2ae77d96d72
--- /dev/null
+++ "b/\351\237\246\345\244\251\347\277\224/css/left.css"
@@ -0,0 +1,50 @@
+#left{
+	float:left;
+	width:200px;
+	height:615px;
+	background:#FFF;
+	margin-right:2px;
+}
+#weather{
+	margin:5px 5px 0px 5px;
+	background:#5EA6EB;
+	width:190px;
+	height:160px;
+}
+#weather ul{
+	margin-top:10px;
+	margin-bottom:10px;
+}
+#weather li{
+	margin-left:10px;
+	background:url(../img/icon1.gif) left no-repeat;
+	padding-left:15px;
+	margin-top:5px;
+}
+#weather a{
+	color:#FFF;
+	text-decoration:none;
+}
+#tuijian{
+	width:190px;
+	margin:0px 5px 5px 5px;
+	background:#5EA6EB;
+}
+#tuijian ul{
+	text-align:center;
+}
+#tuijian h3{
+	background:#BBDDFF url(../img/icon2.gif) no-repeat 6px 6px;
+	padding-left:18px;
+}
+#tuijian li{
+	margin-top:10px;
+	margin-left:2px;
+}
+#tuijian a{
+	color:#FFF;
+	text-decoration:none;
+}
+
+
+
diff --git "a/\351\237\246\345\244\251\347\277\224/css/middle.css" "b/\351\237\246\345\244\251\347\277\224/css/middle.css"
new file mode 100644
index 0000000000000000000000000000000000000000..330bf6e7a2dce170d36a298fbe71c9b6ef4c90b9
--- /dev/null
+++ "b/\351\237\246\345\244\251\347\277\224/css/middle.css"
@@ -0,0 +1,46 @@
+#middle{
+	width:400px;
+	height:615px;
+	float:left;
+	background-color:#FFF;
+	margin-right:2px;
+}
+#ghost{
+	width:390px;
+	height:260px;
+	padding:5px 5px;
+	margin-bottom:15px;
+}
+#beauty{
+	background:url(../img/picture_h1.gif) no-repeat;
+	width:390px;
+	margin-left:5px;
+	padding-top:50px;
+	margin-bottom:20px;
+}
+#beauty li{
+	float:left;
+	margin-left:12px;
+}
+
+#routy{
+	background:url(../img/route_h1.gif) no-repeat;
+	width:390px;
+	height:300px;
+	margin-left:5px;
+	float:inherit;
+	padding-top:40px;
+}
+#routy ul{
+	margin-left:20px;
+}
+#routy li{
+	margin-top:8px;
+	background:url(../img/icon1.gif) no-repeat left;
+	padding-left:10px;
+}
+#routy a{
+	color:#2286C6;
+}
+
+
diff --git "a/\351\237\246\345\244\251\347\277\224/css/right.css" "b/\351\237\246\345\244\251\347\277\224/css/right.css"
new file mode 100644
index 0000000000000000000000000000000000000000..9b2945f1c7fbbdfadea32ac5cd336513e57fe275
--- /dev/null
+++ "b/\351\237\246\345\244\251\347\277\224/css/right.css"
@@ -0,0 +1,51 @@
+#right{
+	width:175px;
+	height:615px;
+	background-color:#FFF;
+	float:left;
+}
+#fengguang{
+	margin:5px 5px 0px 5px;
+	width:165px;
+	height:245px;
+	background:#5EA6EB;
+}
+#fengguang h2{
+	background:#BBDDFF url(../img/icon2.gif) no-repeat 6px 6px;
+	padding-left:18px;
+}
+#fengguang li{
+	margin-top:5px;
+	margin-left:7px;
+}
+
+#xiaochi{
+	width:165px;
+	height:360px;
+	margin:0px 5px 5px 5px;
+	background:#5EA6EB;
+}
+#xiaochi h1{
+	background:#BBDDFF url(../img/icon2.gif) no-repeat 6px 6px;
+	padding-left:18px;
+}
+#xiaochi li{
+	margin-left:10px;
+	background:url(../img/icon1.gif) left no-repeat;
+	padding-left:15px;
+	margin-top:5px;
+	border-bottom:dashed 1px #FFF;
+	width:110px;
+	margin-top:6px;
+	padding-bottom:3px;
+}
+#xiaochi h4{
+	background:#BBDDFF url(../img/icon2.gif) no-repeat 6px 6px;
+	padding-left:18px;
+	margin-top:20px;
+	margin-bottom:10px;
+}
+#xiaochi a{
+	text-decoration:none;
+	color:#FFF;
+}
\ No newline at end of file
diff --git "a/\351\237\246\345\244\251\347\277\224/css/top.css" "b/\351\237\246\345\244\251\347\277\224/css/top.css"
new file mode 100644
index 0000000000000000000000000000000000000000..66fdf5b59c00caec95aad5b82a2c627b341651be
--- /dev/null
+++ "b/\351\237\246\345\244\251\347\277\224/css/top.css"
@@ -0,0 +1,50 @@
+#top{
+	width:780px;
+	height:183px;
+	margin-bottom:2px;
+}
+
+#banner{
+	background:url(../img/banner.jpg) no-repeat;
+	width:780px;
+	height:150px;
+}
+#nav{
+	width:780px;
+	height:33px;
+}
+#nav li{
+	background:url(../img/button1.jpg) no-repeat;
+	width:78px;
+	line-height:33px;
+	text-align:center;
+	float:left;
+}
+#nav a{
+	color:#000;
+}
+#nav li:hover{
+	position:relative;
+	bottom:2px;
+	left:2px;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git "a/\351\237\246\345\244\251\347\277\224/index.html" "b/\351\237\246\345\244\251\347\277\224/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..33da90e36b4ea1fd6072ac251c2768ac097c2be4
--- /dev/null
+++ "b/\351\237\246\345\244\251\347\277\224/index.html"
@@ -0,0 +1,111 @@
+<!DOCTYPE html PUBLIC "——//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1——transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http——equiv="Content——Type" content="text/html; charset=utf——8" />
+<title>新疆行</title>
+<link href="css/base.css" type="text/css" rel="stylesheet" />
+<link href="css/top.css" type="text/css" rel="stylesheet" />
+<link href="css/left.css" type="text/css" rel="stylesheet" />
+<link href="css/middle.css" type="text/css" rel="stylesheet" />
+<link href="css/right.css" type="text/css" rel="stylesheet" />
+<link href="css/bott.css" type="text/css" rel="stylesheet" />
+</head>
+<body>
+<div id="father">
+  <div id="top">
+    <div id="banner"></div>
+    <div id="nav">
+      <ul>
+        <li><a href="#">首页</a></li>
+        <li><a href="#">新疆简介</a></li>
+        <li><a href="#">风土人情</a></li>
+        <li><a href="#">吃在新疆</a></li>
+        <li><a href="#">路线选择</a></li>
+        <li><a href="#">自助行</a></li>
+        <li><a href="#">摄影摄像</a></li>
+        <li><a href="#">游记精选</a></li>
+        <li><a href="#">资源下载</a></li>
+        <li><a href="#">雁过留声</a></li>
+      </ul>
+    </div>
+  </div>
+  <div id="left">
+    <div id="weather"><img src="img/lgcWeather.jpg" />
+      <ul>
+        <li><a href="#">乌鲁木齐&nbsp;雷阵雨&nbsp;20&#8451~31&#8451</a></li>
+        <li><a href="#">吐鲁番&nbsp;多云转阴&nbsp;20&#8451~28&#8451</a></li>
+        <li><a href="#">咔什&nbsp;阵雨转多云&nbsp;25&#8451~32&#8451</a></li>
+        <li><a href="#">库尔勒&nbsp;阵雨转阴&nbsp;21&#8451~28&#8451</a></li>
+        <li><a href="#">克拉玛依&nbsp;雷阵雨&nbsp;26&#8451~30&#8451</a></li>
+      </ul>
+    </div>
+    <div id="tuijian">
+      <h3>今日推荐</h3>
+      <ul>
+        <li><a href="#"><img src="img/tuijian1.jpg" /><br />
+          喀纳斯河</a><br />
+        </li>
+        <li><a href="#"><img src="img/tuijian2.jpg" /><br />
+          布尔津</a><br />
+        </li>
+        <li><a href="#"><img src="img/tuijian3.jpg" /><br />
+          天山之路</a><br />
+        </li>
+      </ul>
+    </div>
+  </div>
+  <div id="middle">
+    <div id="ghost"> <img src="img/ghost.jpg" /></div>
+    <div id="beauty">
+      <ul>
+        <li><a href="#"><img src="img/beauty1.jpg" /></a></li>
+        <li><a href="#"><img src="img/beauty2.jpg" /></a></li>
+        <li><a href="#"><img src="img/beauty3.jpg" /></a></li>
+        <li><a href="#"><img src="img/beauty4.jpg" /></a></li>
+      </ul>
+     </div>
+    <div id="routy">
+      <ul>
+        <li><a href="#">吐鲁番——库尔勒——库车——塔中——和田——咔什</a></li>
+        <li><a href="#">乌鲁木齐——天池——克拉玛依——乌伦古湖——喀纳斯</a></li>
+        <li><a href="#">乌鲁木齐——奎屯——乔尔玛——那拉提——巴音布鲁克</a></li>
+        <li><a href="#">乌鲁木齐——五彩城——将军隔壁——吉木萨尔</a></li>
+      </ul>
+    </div>
+  </div>
+  <div id="right">
+    <div id="fengguang">
+      <h2>新疆风光</h2>
+      <ul>
+        <li><a href="#"><img src="img/map1.jpg" /></a></li>
+        <li><a href="#"><img src="img/map2.jpg" /></a></li>
+      </ul>
+    </div>
+    <div id="xiaochi">
+      <h1>小吃推荐</h1>
+      <ul>
+        <li><a href="#">17号抓饭</a></li>
+        <li><a href="#">大盘鸡</a></li>
+        <li><a href="#">五一夜市</a></li>
+        <li><a href="#">水果</a></li>
+      </ul>
+      <h4>宾馆酒店</h4>
+      <ul>
+        <li><a href="#">美丽华大酒店</a></li>
+        <li><a href="#">海德大酒店</a></li>
+        <li><a href="#">银都大酒店</a></li>
+        <li><a href="#">洪福大酒店</a></li>
+        <li><a href="#">友好大酒店</a></li>
+        <li><a href="#">棉麻宾馆</a></li>
+        <li><a href="#">电信宾馆</a></li>
+        </ul>
+    </div>
+  </div>
+  <div id="bott">
+  	<ul>
+  	<li>埃塞克&copy;版权所有&nbsp;<a href="#">demo@demo.com</a></li>
+    </ul>
+  </div>
+</div>
+</body>
+</html>
diff --git "a/\351\237\246\345\244\251\347\277\224/\346\226\260\347\226\206\350\241\214.png" "b/\351\237\246\345\244\251\347\277\224/\346\226\260\347\226\206\350\241\214.png"
new file mode 100644
index 0000000000000000000000000000000000000000..1afe3ccb6b5712c859d24b06efceb7480d7b6d9a
Binary files /dev/null and "b/\351\237\246\345\244\251\347\277\224/\346\226\260\347\226\206\350\241\214.png" differ