diff --git "a/\346\235\216\345\255\220\346\272\220/css/base.css" "b/\346\235\216\345\255\220\346\272\220/css/base.css"
new file mode 100644
index 0000000000000000000000000000000000000000..ab7a0357ed1649ac3f4c653d1812523dfbfc8f89
--- /dev/null
+++ "b/\346\235\216\345\255\220\346\272\220/css/base.css"
@@ -0,0 +1,11 @@
+#father{
+    width: 780px;
+    margin: 0 auto;
+}
+*{
+    margin: 0;
+    padding: 0;
+}
+body{
+    background-color: #2286C6;
+}
\ No newline at end of file
diff --git "a/\346\235\216\345\255\220\346\272\220/css/shang.css" "b/\346\235\216\345\255\220\346\272\220/css/shang.css"
new file mode 100644
index 0000000000000000000000000000000000000000..9da67b32849cb71f056150faddedaf1291ed91d5
--- /dev/null
+++ "b/\346\235\216\345\255\220\346\272\220/css/shang.css"
@@ -0,0 +1,29 @@
+#shang{
+    width: 780px;
+    margin-bottom: 2px;
+}
+#banner{
+    width: 780px;
+    height: 150px;
+    background: url(../img/banner.jpg) no-repeat;
+}
+#nav li{
+    float: left;
+    width: 78px;
+    text-align: center;
+    background: url(../img/button1.jpg);
+    line-height: 33px;
+}
+#nav a{
+    text-decoration: underline;
+    color: #034C88;
+}
+#nav li:hover{
+    background: url(../img/button1_bg.jpg);
+    position: relative;
+    bottom: 1px;
+    right: 1px;
+}
+#nav ul{
+    list-style: none;
+}
\ No newline at end of file
diff --git "a/\346\235\216\345\255\220\346\272\220/css/xia.css" "b/\346\235\216\345\255\220\346\272\220/css/xia.css"
new file mode 100644
index 0000000000000000000000000000000000000000..20f32d2277a648ddb91fbe27bc32c748e2f31c6c
--- /dev/null
+++ "b/\346\235\216\345\255\220\346\272\220/css/xia.css"
@@ -0,0 +1,11 @@
+#xia {
+	float: left;
+	margin: 0 auto;
+	border: solid 5px #FFF;
+	width: 770px;
+	height: 20px;
+	margin-top: 2px;
+	background-color: #5EA6EB;
+	text-align: center;
+	font-size: 16px;
+}
\ No newline at end of file
diff --git "a/\346\235\216\345\255\220\346\272\220/css/you.css" "b/\346\235\216\345\255\220\346\272\220/css/you.css"
new file mode 100644
index 0000000000000000000000000000000000000000..df8ee64d12e6f0f07ef56c851dd2b1ae158227b0
--- /dev/null
+++ "b/\346\235\216\345\255\220\346\272\220/css/you.css"
@@ -0,0 +1,68 @@
+#you {
+	height: 670px;
+	width: 166px;
+	float: right;
+	border: solid 5px #FFF;
+	background-color:#5EA6EB;
+}
+#fengguang li {
+	list-style: none;
+	padding-left:6px;
+	padding-top:5px;
+}
+#fengguang img {
+	border: solid 1px #FFF;
+}
+#fengguang {
+}
+#fengguang h3 {
+	background: url(img/icon2.gif) no-repeat left center #BBDDFF;
+	padding-left: 10px;
+	padding-top: 3px;
+	padding-bottom: 3px;
+	margin-bottom: 5px;
+}
+#jiudian li{
+	list-style:none;
+	margin-left: 15px;
+	background: url(img/icon1.gif) no-repeat left center;
+	padding-left: 10px;
+	color: #FFF;
+	padding-top:3px;
+	padding-bottom:3px;
+	border-bottom:dashed 1px;
+	width:130px;
+}#jiudian h3 {
+	background: url(img/icon2.gif) no-repeat left center #BBDDFF;
+	padding-left: 10px;
+	padding-top: 3px;
+	padding-bottom: 3px;
+	margin-bottom: 5px;
+	margin-top:10px;
+}
+#jiudian a {
+	text-decoration:none;
+	color:#FFF;
+}
+#xiaochi li{
+	list-style:none;
+	margin-left: 15px;
+	background: url(img/icon1.gif) no-repeat left center;
+	padding-left: 10px;
+	color: #FFF;
+	padding-top:2px;
+	padding-bottom:2px;
+	border-bottom:dashed 1px;
+	width:130px;
+}
+#xiaochi h3 {
+	background: url(img/icon2.gif) no-repeat left center #BBDDFF;
+	padding-left: 10px;
+	padding-top: 3px;
+	padding-bottom: 3px;
+	margin-bottom: 5px;
+}
+#xiaochi a {
+	text-decoration:none;
+	color:#FFF;
+}
\ No newline at end of file
diff --git "a/\346\235\216\345\255\220\346\272\220/css/zhong.css" "b/\346\235\216\345\255\220\346\272\220/css/zhong.css"
new file mode 100644
index 0000000000000000000000000000000000000000..6d026640ef3443742a16db3bc3d3d548cca464ab
--- /dev/null
+++ "b/\346\235\216\345\255\220\346\272\220/css/zhong.css"
@@ -0,0 +1,38 @@
+#zhong{
+    width: 390px;
+    height: 670px;
+    float: left;
+    border: solid 5px white;
+    background: white;
+}
+#center li {
+	list-style: none;
+	margin-bottom: 10px;
+}
+#center2 {
+}
+#center2 li {
+	list-style: none;
+	float: left;
+	margin-left: 12px;
+	margin-top: 8px;
+}
+#center3 {
+	margin-top: 10px;
+}
+#center3 li {
+	list-style: none;
+	float: left;
+	background: url(../img/icon1.gif) no-repeat left center;
+	margin-left: 10px;
+	padding-left: 15px;
+}
+#center3 a {
+	text-decoration: none;
+    color: #04518C;
+    font-size: 12px;
+}
+#center3 a:hover {
+	text-decoration: underline;
+	color: red;
+}
\ No newline at end of file
diff --git "a/\346\235\216\345\255\220\346\272\220/css/zuo.css" "b/\346\235\216\345\255\220\346\272\220/css/zuo.css"
new file mode 100644
index 0000000000000000000000000000000000000000..bd973030f0b1f18b1ea256d3d5faa1195b596e75
--- /dev/null
+++ "b/\346\235\216\345\255\220\346\272\220/css/zuo.css"
@@ -0,0 +1,66 @@
+#zuo{
+    width: 200px;
+    height: 670px;
+    background: white;
+    float: left;
+	padding-top: 5px;
+	margin-right: 2px;
+	padding-bottom: 5px;
+}
+#weather ul{
+    list-style: none;
+    background:  #4881B8;
+    margin-left: 5px;
+}
+#weather{
+    width: 190px;
+    margin: 0 auto;
+    background: url(../img/weather.jpg) no-repeat;
+    padding-top: 15px;
+    padding-bottom: 10px;
+}
+#weather h3{
+    text-align: center;
+    padding-bottom: 15px;
+    color: #FFF;
+    font-size: 14px;
+}
+#weather li{
+    margin-left: 15px;
+    padding-left: 10px;
+    background: url(../img/icon1.gif) no-repeat left center;
+}
+#weather a{
+    text-decoration: none;
+    color: white;
+    font-size: 12px;
+    font-weight: 100;
+}
+#tuijian p{
+    background: url(../img/icon2.gif) no-repeat left center #BBDDFF;
+    padding-left: 10px;
+    text-decoration: none;
+    color: black;
+    font-weight: 900;
+    font-size: 14px;
+}
+#tuijian li{
+    text-align: center;
+    padding-top: 20px;
+    color: white;
+}
+#tuijian ul{
+    list-style: none;
+    margin-left: 5px;
+    margin-right: 5px;
+    background: #5EA6EB;
+}
+#tuijian img{
+    border: solid 1px #FFF;
+}
+
+
+
+
+
+
diff --git "a/\346\235\216\345\255\220\346\272\220/\346\226\260\347\226\206\350\241\214.html" "b/\346\235\216\345\255\220\346\272\220/\346\226\260\347\226\206\350\241\214.html"
new file mode 100644
index 0000000000000000000000000000000000000000..f4bacfd944fc41e72ff7a3a54ebffdb04e03a0cd
--- /dev/null
+++ "b/\346\235\216\345\255\220\346\272\220/\346\226\260\347\226\206\350\241\214.html"
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>新疆行</title>
+    <link rel="stylesheet" href="css/base.css" type="text/css">
+    <link rel="stylesheet" href="css/shang.css" type="text/css">
+    <link rel="stylesheet" href="css/zuo.css" type="text/css">
+    <link rel="stylesheet" href="css/zhong.css" type="text/css">
+    <link rel="stylesheet" href="css/you.css" type="text/css">
+    <link rel="stylesheet" href="css/xia.css" type="text/css">
+</head>
+<body>
+    <div id="father">
+        <div id="shang">
+            <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="zuo">
+            <div id="weather">
+                <h3>天气查询</h3>
+                <ul>
+                    <li><a href="#">乌鲁木齐 雷阵雨 20℃-31℃</a></li>
+                    <li><a href="#">吐鲁番 多云转阴 20℃-28℃</a></li>
+                    <li><a href="#">喀什 阵雨转多云 25℃-32℃</a></li>
+                    <li><a href="#">库尔勒 阵雨转阴 21℃-28℃</a></li>
+                    <li><a href="#">克拉马依 雷阵雨 26℃-30℃</a></li>
+                </ul>    
+            </div>
+            <div id="tuijian">
+                <ul>
+                    <P>今日推荐</P>
+                    <li><a href="#"><img src="./img/tuijian1.jpg"></a><br />喀纳斯河</li>
+                    <li><a href="#"><img src="./img/tuijian2.jpg"></a><br />布尔津</li>
+                    <li><a href="#"><img src="./img/tuijian3.jpg"></a><br />天山之路</li>
+                </ul>
+            </div>
+        </div>
+        <div id="zhong">
+            <div id="center">
+                <ul>
+                    <li><a href=""#><img src="img/ghost.jpg" /></a></li>
+                </ul>
+            </div>
+            <img src="img/picture_h1.gif" />
+            <div id="center2">
+                <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>
+            <img src="img/route_h1.gif" />
+            <div id="center3">
+                <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="you">
+            <div id="fengguang">
+                <h3>新疆风光</h3>
+                <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">
+                  <h3>小吃推荐</h3>
+                  <ul>
+                      <li><a href=""#>17号抓饭</a></li>
+                      <li><a href=""#>大盘鸡</a></li>
+                      <li><a href=""#>五一夜市</a></li>
+                      <li><a href=""#>水果</a></li>
+                  </ul>
+              </div>
+              <div id="jiudian">
+                  <h3>宾馆酒店</h3>
+                  <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="xia">
+            艾萨克版权所有© demo@demo.com 
+        </div>
+    </div>
+</body>
+</html>
\ No newline at end of file