diff --git "a/\345\205\260\351\246\250\345\204\277/css/base.css" "b/\345\205\260\351\246\250\345\204\277/css/base.css"
new file mode 100644
index 0000000000000000000000000000000000000000..e855cf11416d7935993dae6ec2adf2ce8c93b870
--- /dev/null
+++ "b/\345\205\260\351\246\250\345\204\277/css/base.css"
@@ -0,0 +1,16 @@
+/* CSS Document */
+body{
+	background-color:#FFD8D9;
+}
+*{
+	font-size:12px;
+	margin:0px;
+	padding:0px;
+}
+#father{
+	margin:0 auto;
+	width:700px;
+}
+ul{
+	list-style:none;
+}
\ No newline at end of file
diff --git "a/\345\205\260\351\246\250\345\204\277/css/left.css" "b/\345\205\260\351\246\250\345\204\277/css/left.css"
new file mode 100644
index 0000000000000000000000000000000000000000..a8ad10142aa58add4fd8a51f70df59e7fc279b96
--- /dev/null
+++ "b/\345\205\260\351\246\250\345\204\277/css/left.css"
@@ -0,0 +1,59 @@
+/* CSS Document */
+#left{
+	height:850px;
+	width:180px;
+	float:left;
+	margin-top:2px;
+	background-color:#FFF;
+
+}
+#login{
+	width:180px;
+	background:url(../img/login.jpg) no-repeat;
+	padding-top:50px;
+	padding-left:25px;
+}
+#login li{
+	margin-top:5px;
+}
+#login .txtStyle{
+	width:100px;
+	border-style:none;
+	border-bottom:solid #000 1px;
+}
+#left a{
+	text-decoration:none;
+	color:#000;
+}
+#login .btnStyle{
+	width:40px;
+}
+#left a.hover{
+	position:relative;
+	bottom:1px;
+	right:1px;
+}
+#category{
+	width:180px;
+	background: url(../img/category.jpg) no-repeat;
+	padding-top:50px;
+	padding-left:25px;
+}
+#category li{
+	line-height:25px;
+	background:url(../img/icon1.gif) no-repeat left center;
+	padding-left:15px;
+	border-bottom:dashed 1px black;
+	width:115px; 
+}
+#category a{
+	list-style:none;
+}
+#category a:hover{
+	text-decoration:none;
+	color:#903;
+}
+#category h3{
+	background-color:#FFD8D9;
+}
+	
\ No newline at end of file
diff --git "a/\345\205\260\351\246\250\345\204\277/css/right.css" "b/\345\205\260\351\246\250\345\204\277/css/right.css"
new file mode 100644
index 0000000000000000000000000000000000000000..55a5a75e48d98f359a3041231b1914717eba1523
--- /dev/null
+++ "b/\345\205\260\351\246\250\345\204\277/css/right.css"
@@ -0,0 +1,66 @@
+/* CSS Document */
+#right{
+	width:520px;
+	height:700px;
+	float:left;
+	margin-top:2px;
+}
+#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;
+	padding-top:33px;
+	height:300px;
+	background-color:#FFF;
+}
+#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;
+	padding-top:33px;
+	height:130px;
+	margin-top:2px;
+	background-color:#FFF;
+}
+#fresh li{
+	float:left;
+	margin-left:18.8px;
+	text-align:center;
+}
+#fresh a{
+	text-decoration:none;
+	color:#000;
+}
+#tips{
+	background:url(../img/tips.jpg) no-repeat;
+	padding-top:45px;
+	height:165px;
+	padding-left:60px;
+	background-color:#FFF;
+}
+#tips li{
+	float:left;
+	width:200px;
+	background:url(../img/icon2.gif) no-repeat;
+	padding-left:15px;
+	line-height:30px;
+}
+#tips a{
+	text-decoration:none;
+	color:#000;
+}
diff --git "a/\345\205\260\351\246\250\345\204\277/css/top.css" "b/\345\205\260\351\246\250\345\204\277/css/top.css"
new file mode 100644
index 0000000000000000000000000000000000000000..d8f45e8d273952df07c854fdd7eca12ff69b5e52
--- /dev/null
+++ "b/\345\205\260\351\246\250\345\204\277/css/top.css"
@@ -0,0 +1,34 @@
+/* CSS Document */
+#top{
+	width:700px;
+	height:153px;
+	background-color:#FFF;
+	margin:0 0 2px 0;
+}
+#banner{
+	width:700px;
+	height:120px;
+	background-image:url(../img/banner.jpg);
+}
+#nav ul{
+	list-style:none;
+}
+#nav li{
+	text-align:center;
+	float:left;
+	width:100px;
+	line-height:33px;
+}
+#nav a{
+	width:100px;
+	background-image:url(../img/button1.jpg);
+	text-decoration:none;
+	display:block;
+	color:#654344;
+	}
+#nav a:hover{
+	background-image:url(../img/button1_bg.jpg);
+	position:relative;
+	right:2px;
+	bottom:2px;
+}
\ No newline at end of file
diff --git "a/\345\205\260\351\246\250\345\204\277/index.html" "b/\345\205\260\351\246\250\345\204\277/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..2c2ba3e3206bbbd9aa6368f295afdfd94193394a
--- /dev/null
+++ "b/\345\205\260\351\246\250\345\204\277/index.html"
@@ -0,0 +1,146 @@
+<!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 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/\345\205\260\351\246\250\345\204\277/test/1_0\345\257\274\350\210\252\350\217\234\345\215\225.txt" "b/\345\205\260\351\246\250\345\204\277/test/1_0\345\257\274\350\210\252\350\217\234\345\215\225.txt"
new file mode 100644
index 0000000000000000000000000000000000000000..4945bb2e000cdc725bd4eacd96d422be711310e6
--- /dev/null
+++ "b/\345\205\260\351\246\250\345\204\277/test/1_0\345\257\274\350\210\252\350\217\234\345\215\225.txt"
@@ -0,0 +1,9 @@
+                <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>
\ No newline at end of file
diff --git "a/\345\205\260\351\246\250\345\204\277/test/1_1\347\231\273\345\275\225.txt" "b/\345\205\260\351\246\250\345\204\277/test/1_1\347\231\273\345\275\225.txt"
new file mode 100644
index 0000000000000000000000000000000000000000..179072b591403c1d50542403da6a8011208a6703
--- /dev/null
+++ "b/\345\205\260\351\246\250\345\204\277/test/1_1\347\231\273\345\275\225.txt"
@@ -0,0 +1,14 @@
+                <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>
\ No newline at end of file
diff --git "a/\345\205\260\351\246\250\345\204\277/test/1_2\345\210\206\347\261\273.txt" "b/\345\205\260\351\246\250\345\204\277/test/1_2\345\210\206\347\261\273.txt"
new file mode 100644
index 0000000000000000000000000000000000000000..e493cf33b47d1bec05bf05e6b352ad80d7f1ea7a
--- /dev/null
+++ "b/\345\205\260\351\246\250\345\204\277/test/1_2\345\210\206\347\261\273.txt"
@@ -0,0 +1,32 @@
+	<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>
\ No newline at end of file
diff --git "a/\345\205\260\351\246\250\345\204\277/test/2_1\346\234\254\347\253\231\345\277\253\350\256\257.txt" "b/\345\205\260\351\246\250\345\204\277/test/2_1\346\234\254\347\253\231\345\277\253\350\256\257.txt"
new file mode 100644
index 0000000000000000000000000000000000000000..22f142b940b3af793d5fc47f579a4060ce03f4f2
--- /dev/null
+++ "b/\345\205\260\351\246\250\345\204\277/test/2_1\346\234\254\347\253\231\345\277\253\350\256\257.txt"
@@ -0,0 +1,5 @@
+                <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>
\ No newline at end of file
diff --git "a/\345\205\260\351\246\250\345\204\277/test/2_2\351\262\234\350\212\261\346\216\250\350\215\220.txt" "b/\345\205\260\351\246\250\345\204\277/test/2_2\351\262\234\350\212\261\346\216\250\350\215\220.txt"
new file mode 100644
index 0000000000000000000000000000000000000000..f89b23c8e444ae8c5fced5df702940b3cfcf1482
--- /dev/null
+++ "b/\345\205\260\351\246\250\345\204\277/test/2_2\351\262\234\350\212\261\346\216\250\350\215\220.txt"
@@ -0,0 +1,26 @@
+                <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>
\ No newline at end of file
diff --git "a/\345\205\260\351\246\250\345\204\277/test/2_3\346\226\260\345\223\201\344\270\212\345\270\202.txt" "b/\345\205\260\351\246\250\345\204\277/test/2_3\346\226\260\345\223\201\344\270\212\345\270\202.txt"
new file mode 100644
index 0000000000000000000000000000000000000000..389368eb07fead55d3cf368162db69a30e56c8f3
--- /dev/null
+++ "b/\345\205\260\351\246\250\345\204\277/test/2_3\346\226\260\345\223\201\344\270\212\345\270\202.txt"
@@ -0,0 +1,14 @@
+                <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>
\ No newline at end of file
diff --git "a/\345\205\260\351\246\250\345\204\277/test/2_4\351\262\234\350\212\261\345\257\274\350\264\255.txt" "b/\345\205\260\351\246\250\345\204\277/test/2_4\351\262\234\350\212\261\345\257\274\350\264\255.txt"
new file mode 100644
index 0000000000000000000000000000000000000000..acb685c7765be49ea342312cbfd4ae2dc92670a3
--- /dev/null
+++ "b/\345\205\260\351\246\250\345\204\277/test/2_4\351\262\234\350\212\261\345\257\274\350\264\255.txt"
@@ -0,0 +1,10 @@
+                <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>
\ No newline at end of file