diff --git "a/\345\210\230\346\200\235\347\233\210/css/base.css" "b/\345\210\230\346\200\235\347\233\210/css/base.css"
new file mode 100644
index 0000000000000000000000000000000000000000..35c7ecb380e5d8e447499a26f761202cbedecfef
--- /dev/null
+++ "b/\345\210\230\346\200\235\347\233\210/css/base.css"
@@ -0,0 +1,13 @@
+/* CSS Document */
+*{margin:0px;
+	padding:0px;
+	font-size:12px;
+	
+}
+#father{width:700px;
+		height:1000px;
+		
+		margin:0 auto;}
+
+body{background-color:#FCF;}
+ul{list-style:none;}
\ No newline at end of file
diff --git "a/\345\210\230\346\200\235\347\233\210/css/left.css" "b/\345\210\230\346\200\235\347\233\210/css/left.css"
new file mode 100644
index 0000000000000000000000000000000000000000..f230fc95872fead95aa95004d1600eb1d165fbcf
--- /dev/null
+++ "b/\345\210\230\346\200\235\347\233\210/css/left.css"
@@ -0,0 +1,54 @@
+/* CSS Document */
+#left{ width:180px;
+		
+		background-color:#C39;
+		float:left;
+		margin-top:2px;
+		background-color:#FFF;
+		
+}
+
+#login{  width:180px;
+		background-image:url(../img/images/login.jpg);
+		background-repeat:no-repeat;
+		padding-left:25px;
+		padding-top:50px;
+}
+#login .txtStyle{width:100px;
+				border-style:none;
+				border-bottom:solid 1px #000000;
+
+}
+#login li{
+	margin-top:5px;
+}
+#login .btnStyle{ width:30px;
+}
+#login a{text-decoration:none;
+		color:#393939;
+		}
+#login a:hover{ position:relative;
+				bottom:1px;
+				right:1px;
+}
+#category{ background-image:url(../img/images/category.jpg);
+			background-repeat:no-repeat;
+			padding:50px 25px 5px;
+			}
+#category li{ line-height:33px;
+			background:url(../img/images/icon1.gif) no-repeat left center;
+			padding-left:15px;
+			border-bottom:dashed 1px #000000;
+
+			
+}
+#category a{ text-decoration:none;
+			color:#323232;
+}
+#category a:hover{position:relative;
+				bottom:1px;
+				right:1px;
+}
+h3{background-color:#FCF;
+}
+#left{background:url(../img/images/leftbottom.jpg) no-repeat bottom #FFFFFF;}
\ No newline at end of file
diff --git "a/\345\210\230\346\200\235\347\233\210/css/right.css" "b/\345\210\230\346\200\235\347\233\210/css/right.css"
new file mode 100644
index 0000000000000000000000000000000000000000..8d36311bee0ca340972cef72d984a957da698fbd
--- /dev/null
+++ "b/\345\210\230\346\200\235\347\233\210/css/right.css"
@@ -0,0 +1,69 @@
+/* CSS Document */
+#right {
+	width: 520px;
+	float: right;
+	margin-top: 2px;
+}
+#right a:hover {
+	position: relative;
+	bottom: 1px;
+	right: 1px;
+}
+#news {
+	background: url(../img/images/news.jpg) no-repeat;
+	padding-top: 33px;
+	height: 109px;
+}
+#news li {
+	float: left;
+	margin-left: 2px;
+}
+#recommend {
+	background: url(../img/images/recommend.jpg) no-repeat #FFF;
+	padding-top: 33px;
+	height: 300px;
+	margin-top: 2px;
+}
+#recommend li {
+	float: left;
+	margin-left: 18.8px;
+	text-align: center;
+	margin-top: 5px;
+}
+#right a {
+	text-decoration: none;
+	color: #000;
+}
+#fresh {
+	background: url(../img/images/fresh.jpg) no-repeat #FFF;
+	padding-top: 33px;
+	height: 135px;
+	margin-top: 2px;
+}
+#fresh a {
+	text-decoration: none;
+	color: #000;
+}
+#fresh li {
+	float: left;
+	margin-left: 18.8px;
+	text-align: center;
+}
+#tips {
+	background: url(../img/images/tips.jpg) no-repeat #FFF;
+	padding-left: 60px;
+	padding-top: 40px;
+	margin-top: 2px;
+	height: 165px;
+}
+#tips li {
+	float: left;
+	padding-left: 15px;
+	background: url(../img/images/icon2.gif) no-repeat left center;
+	line-height: 35px;
+	width: 200px;
+}
+#tips a {
+	text-decoration: none;
+	color: #000;
+}
diff --git "a/\345\210\230\346\200\235\347\233\210/css/top.css" "b/\345\210\230\346\200\235\347\233\210/css/top.css"
new file mode 100644
index 0000000000000000000000000000000000000000..5ec82b69cecc7ef7ca9e30e4d1784324e21c5c15
--- /dev/null
+++ "b/\345\210\230\346\200\235\347\233\210/css/top.css"
@@ -0,0 +1,30 @@
+/* CSS Document */
+
+#top{width:700px;
+		height:153px;
+	
+		
+}
+#banner{width:700px;
+		height:120px;
+		background-image:url(../img/images/banner.jpg);
+}
+#nav ul{ list-style:none;}
+#nav li{text-align:center;
+		float:left;
+		width:100px;
+		line-height:33px;
+}
+#nav a{
+		background-image:url(../img/images/button1.jpg);
+		display:block;
+		text-decoration:none;
+}
+#nav a:hover{ position:relative;
+			background-image:url(../img/images/button1_bg.jpg);
+			bottom:2px;
+			right:2px;
+			
+}
+			
+			
diff --git "a/\345\210\230\346\200\235\347\233\210/img/index.html" "b/\345\210\230\346\200\235\347\233\210/img/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..dea670d1ea3ae1ffcb25d37cdf923becc3573353
--- /dev/null
+++ "b/\345\210\230\346\200\235\347\233\210/img/index.html"
@@ -0,0 +1,143 @@
+<!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/right.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>
+    </ul>
+  </div>
+</div>
+<div id="left">
+<div id="login">
+  <form action="#" method="post" name="frmLogin">
+    <ul>
+      <li>用户:
+        <input name="txtUsername" type="text" class="txtStyle" />
+      </li>
+      <li>密码:
+        <input name="txtPwd" type="password" class="txtStyle" />
+      </li>
+      <li>
+        <input name="btnSubmit" type="button" value="登录" class="btnStyle" />
+        <input name="btnReg" type="button" value="注册" class="btnStyle" />
+        <a href="#">忘记密码</a></li>
+    </ul>
+  </form>
+</div>
+<div id="category">
+<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>
+  <li><a href="#">会议用花</a></li>
+</ul>
+<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>
+  <li><a href="#">剑兰</a></li>
+</ul>
+<h3>价格</h3>
+<ul>
+<li><a href="#">100～200元</a></li>
+<li><a href="#">200～300元</a></li>
+<li><a href="#">300～400元</a></li>
+<li><a href="#">400～500元</a></li>
+<li><a href="#">500～600元</a></li>
+<li><a href="#">600～800元</a></li>
+<li><a href="#">800元以上</a></li>
+
+</div>
+</div>
+<div id="right">
+  <div id="news">
+    <ul>
+      <li><a href="#"><img src="images/news1.jpg" /></a></li>
+      <li><a href="#"><img src="images/news2.jpg" /></a></li>
+      <li><a href="#"><img src="images/news3.jpg" /></a></li>
+    </ul>
+  </div>
+  <div id="recommend">
+    <ul>
+      <li><a href="#"><img src="images/flower1.jpg" /><br />
+        幸福的味道<br />
+        </a>￥288元</li>
+      <li><a href="#"><img src="images/flower2.jpg" /><br />
+        阳光守护你<br />
+        </a>￥300元</li>
+      <li><a href="#"><img src="images/flower3.jpg" /><br />
+        温情永远<br />
+        </a>￥268元</li>
+      <li><a href="#"><img src="images/flower4.jpg" /><br />
+        爱无界<br />
+        </a>￥318元</li>
+      <li><a href="#"><img src="images/flower5.jpg" /><br />
+        亲亲宝贝<br />
+        </a>￥368元</li>
+      <li><a href="#"><img src="images/flower6.jpg" /><br />
+        相信是缘<br />
+        </a>￥188元</li>
+      <li><a href="#"><img src="images/flower7.jpg" /><br />
+        水晶童话<br />
+        </a>￥198元</li>
+      <li><a href="#"><img src="images/flower8.jpg" /><br />
+        天使之爱<br />
+        </a>￥268元</li>
+    </ul>
+  </div>
+  <div id="fresh"><ul>
+                    <li><a href="#"><img src="images/flower9.jpg" /><br />
+                            亲亲宝贝<br />
+                        </a></li>
+                    <li><a href="#"><img src="images/flower10.jpg" /><br />
+                            相信是缘<br />
+                        </a></li>
+                    <li><a href="#"><img src="images/flower11.jpg" /><br />
+                            水晶童话<br />
+                        </a></li>
+                    <li><a href="#"><img src="images/flower12.jpg" /><br />
+                            天使之爱<br />
+                        </a></li>
+                </ul></div>
+  <div id="tips">    <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>
+                </ul></div>
+</div>
+</div>
+</body>
+</html>