diff --git "a/\347\206\212\346\226\207\351\221\253/css/base.css" "b/\347\206\212\346\226\207\351\221\253/css/base.css"
new file mode 100644
index 0000000000000000000000000000000000000000..1035d4da723ed4ec6a7b3472f6701245b7432607
--- /dev/null
+++ "b/\347\206\212\346\226\207\351\221\253/css/base.css"
@@ -0,0 +1,18 @@
+/* CSS Document */
+
+* {
+	margin: 0px;
+	padding: 0px;
+	font-size: 12px;
+}
+body {
+	background: #FFD8D9;
+}
+#father {
+	margin: 0 auto;
+	width: 700px;
+	height: 1000px;
+	}
+	ul{
+		list-style:none;
+		}
diff --git "a/\347\206\212\346\226\207\351\221\253/css/left.css" "b/\347\206\212\346\226\207\351\221\253/css/left.css"
new file mode 100644
index 0000000000000000000000000000000000000000..7dd08ac4cba8570187dbccc18dfec230a68426c9
--- /dev/null
+++ "b/\347\206\212\346\226\207\351\221\253/css/left.css"
@@ -0,0 +1,53 @@
+/* CSS Document */
+
+#left {
+	background:#FFF;
+	width: 180px;
+	float: left;
+	background: url(../img/leftbottom.jpg) no-repeat bottom white;
+}
+#login {
+	background: url(../img/login.jpg) no-repeat;
+	padding-top: 50px;
+	padding-left: 25px;
+}
+#login .txtStyle {
+	width: 100px;
+	border-style: none;
+	border-bottom: solid 1px black;
+}
+#login li {
+	margin-top: 5px;
+	list-style: none;
+}
+#login .btnStyle {
+	width: 40px;
+}
+#left a {
+	text-decoration: none;
+	color: #000;
+}
+#left a:hover {
+	position: relative;
+	bottom: 1px;
+	right: 1px;
+}
+#category {
+	background: url(../img/category.jpg) no-repeat;
+	padding: 50px 24px 5px 24px;
+}
+#category li {height:26.5px;
+	line-height: 25px;
+	background: url(../img/icon1.gif) no-repeat left center;
+	background-position: left;
+	padding-left: 15px;
+	border-bottom: dashed 1px;
+	list-style: none;
+}
+#category a:hover {
+	text-decoration: underline;
+	color: #C06;
+}
+#category h3 {
+	background: #FFD8D9;
+}
diff --git "a/\347\206\212\346\226\207\351\221\253/css/right.css" "b/\347\206\212\346\226\207\351\221\253/css/right.css"
new file mode 100644
index 0000000000000000000000000000000000000000..7f22858b4f6f8bd34dca06f61aee24a70a06e6eb
--- /dev/null
+++ "b/\347\206\212\346\226\207\351\221\253/css/right.css"
@@ -0,0 +1,76 @@
+/* CSS Document */
+#right {
+	width: 518px;
+	height: 800px;
+	background-color: #FFD8D9;
+	float: right;
+}
+#news {
+	background: url(../img/news.jpg) no-repeat;
+	padding-top: 33px;
+	height: 109px;
+}
+#news li {
+	float: left;
+	margin-left: 2px;
+}
+#recommend {
+	background: url(../img/recommend.jpg) no-repeat white;
+	padding-top: 33px;
+	height: 300px;
+}
+#recommend li {
+	float: left;
+	margin-left: 18.8px;
+	text-align: center;
+	margin-top: 5px;
+}
+#recommend a {
+	text-decoration: none;
+	color: #000;
+}
+#fresh{
+	background:url(../img/fresh.jpg) no-repeat white;
+	height:130px;
+	padding-top:33px;
+	margin-top:2px;
+}
+#fresh li{
+	float:left;
+	margin-left:18.8px;
+	text-align:center;
+}
+#tips{
+	background:url(../img/tips.jpg) no-repeat white;
+	padding-top:45px;
+	height:165px;
+	padding-left:60px;
+	margin-top:2px;
+	}
+#tips li{
+	float:left;
+	width:200px;
+	background:url(../img/icon2.gif) no-repeat center left;
+	padding-left:15px;
+	line-height:35px;
+	}
+	#tips a{
+		color:#000;
+		text-decoration:none;		}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git "a/\347\206\212\346\226\207\351\221\253/css/top.css" "b/\347\206\212\346\226\207\351\221\253/css/top.css"
new file mode 100644
index 0000000000000000000000000000000000000000..a5b2171082443f296d97d1e399519c636c573455
--- /dev/null
+++ "b/\347\206\212\346\226\207\351\221\253/css/top.css"
@@ -0,0 +1,32 @@
+/* CSS Document */
+#top {
+	width: 700px;
+	height: 153px;
+	margin-bottom: 2px;
+}
+#banner {
+	width: 700px;
+	height: 120px;
+	background: url(../img/banner.jpg) no-repeat;
+}
+#nav ul {
+	list-style: none;
+}
+#nav li {
+	float: left;
+	width: 100px;
+	text-align: center;
+	line-height: 33px;
+}
+#nav a {
+	text-decoration: none;
+	color: #000;
+	background: url(../img/button1.jpg);
+	display: block;
+}
+#nav a:hover {
+	background: url(../img/button1_bg.jpg);
+	position: relative;
+	bottom: 1px;
+	right: 1px;
+}
diff --git "a/\347\206\212\346\226\207\351\221\253/index.html" "b/\347\206\212\346\226\207\351\221\253/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..3b5f6bab09cd9c17dc09d3bb999f64cca18615f4
--- /dev/null
+++ "b/\347\206\212\346\226\207\351\221\253/index.html"
@@ -0,0 +1,147 @@
+<!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>
+      </ul>
+    </div>
+  </div>
+  <div id="right">
+    <div id="news">
+      <ul>
+        <li><a href="#"><img src="img/news1.jpg" /></a></li>
+        <li><a href="#"><img src="img/news2.jpg" /></a></li>
+        <li><a href="#"><img src="img/news3.jpg"/></a></li>
+      </ul>
+    </div>
+    <div id="recommend">
+      <ul>
+        <li><a href="#"><img src="img/flower1.jpg" /><br />
+          幸福的味道<br />
+          </a>￥288元</li>
+        <li><a href="#"><img src="img/flower2.jpg" /><br />
+          阳光守护你<br />
+          </a>￥300元</li>
+        <li><a href="#"><img src="img/flower3.jpg" /><br />
+          温情永远<br />
+          </a>￥268元</li>
+        <li><a href="#"><img src="img/flower4.jpg" /><br />
+          爱无界<br />
+          </a>￥318元</li>
+        <li><a href="#"><img src="img/flower5.jpg" /><br />
+          亲亲宝贝<br />
+          </a>￥368元</li>
+        <li><a href="#"><img src="img/flower6.jpg" /><br />
+          相信是缘<br />
+          </a>￥188元</li>
+        <li><a href="#"><img src="img/flower7.jpg" /><br />
+          水晶童话<br />
+          </a>￥198元</li>
+        <li><a href="#"><img src="img/flower8.jpg" /><br />
+          天使之爱<br />
+          </a>￥268元</li>
+      </ul>
+    </div>
+    <div id="fresh">
+      <ul>
+        <li><a href="#"><img src="img/flower9.jpg"/><br />
+          亲亲宝贝<br />
+          </a></li>
+        <li><a href="#"><img src="img/flower10.jpg" /><br />
+          相信是缘<br />
+          </a></li>
+        <li><a href="#"><img src="img/flower11.jpg" /><br />
+          水晶童话<br />
+          </a></li>
+        <li><a href="#"><img src="img/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>
diff --git "a/\347\206\212\346\226\207\351\221\253/\347\206\212\346\226\207\351\221\253.txt" "b/\347\206\212\346\226\207\351\221\253/\347\206\212\346\226\207\351\221\253.txt"
new file mode 100644
index 0000000000000000000000000000000000000000..5242e27c6bc83c8d6490c6177417900e1476276a
--- /dev/null
+++ "b/\347\206\212\346\226\207\351\221\253/\347\206\212\346\226\207\351\221\253.txt"
@@ -0,0 +1,177 @@
+<!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>
+<style>
+			  *{
+				   margin:0px;
+				   padding:0px;
+				   font-size:12px;
+			   }
+		   body{
+				   background:#FFD8D9;
+			   }
+		#father{
+				   margin:0 auto;
+				   width:700px;
+			   }
+		   #top{
+				   width:700px;
+				   height:153px;
+			   } 
+		  #left{
+				   width:180px;
+				   height:700px;
+				   background:#FFF;
+				   float:left;
+			   }
+		 #right{
+				   width:520px;
+				   height:700px;
+				   background-color:#FFEFF0;
+				   float:left;
+			   }
+		#banner{
+				   height:120px;
+				   background-image:url(img/banner.jpg);
+			   }
+		#nav ul{
+				   list-style:none;
+			   }
+		#nav li{
+				   float:left;
+				   width:100px;
+				   text-align:center;
+				   line-height:33px;
+			   }
+		 #nav a{
+				   text-decoration:none;
+				   color:#000;
+				   background-image:url(img/button1.jpg);
+				   display:block;
+			   }
+   #nav a:hover{
+				   background-image:url(img/button1_bg.jpg);
+			   }
+		 #login{
+				   width:180px;
+				   height:200px;
+				   background-repeat:no-repeat;
+				   background-image:url(img/login.jpg);
+				   padding-top:50px;
+				   padding-left:25px;
+			   }
+#login .txtStyle{
+		  		   width:100px;   
+		 		   border-style:none;
+		           border-bottom:solid 1px black;
+		       }
+	  #login li{
+		           margin-top:5px;
+		       }
+#login .btnStyle{
+		           width:40px;
+		       } 
+	   #login a{
+		           text-decoration:none;
+		           color:#000;
+		       }
+ #lohin a:hover{
+	               color:#000;
+	               text-decoration:none;
+		           position:relative;
+		           bottom:1px;
+		           right:1px;
+		       }
+</style>
+</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>
+      <div id="right"></div>
+</div>
+</body>
+</html>
+
+
+
+
+#left {
+	width: 180px;
+	float: left;
+	background:url(../img/leftbottom.jpg) no-repeat bottom white;
+}
+#login {
+	background: url(../img/login.jpg) no-repeat;
+	padding-top: 50px;
+	padding-left: 25px;
+}
+#login .txtStyle {
+	width: 100px;
+	border-style: none;
+	border-bottom: solid 1px black;
+}
+#login li {
+	margin-top: 5px;
+	list-style:none;
+}
+#login .btnStyle {
+	width: 40px;
+}
+#left a{
+	text-decoration:none;
+	color:#000;
+}
+#left a:hover{
+	position: relative;
+	bottom: 1px;
+	right: 1px;
+}#category{
+	background: url(../img/category.jpg) no-repeat;
+	padding:50px 24px 5px 24px;
+}#category li {
+	line-height: 25px;
+	background: url(../img/icon1.gif) no-repeat left center;
+	background-position: left;
+	padding-left: 15px;
+	border-bottom:dashed 1px;
+	list-style:none;}
+#category a:hover {
+	text-decoration: underline;
+	color:#C06;
+	}
+#category h3 {
+	background: #FFD8D9;
+}