diff --git "a/\345\210\230\345\256\236\346\203\240/css/baba.css" "b/\345\210\230\345\256\236\346\203\240/css/baba.css"
new file mode 100644
index 0000000000000000000000000000000000000000..23b860b51400e39b856bff28ea850f67214a6208
--- /dev/null
+++ "b/\345\210\230\345\256\236\346\203\240/css/baba.css"
@@ -0,0 +1,12 @@
+*{
+	margin: 0;
+	padding: 0;
+	font-size: 12px;
+}
+body{
+	background-color: lightpink;
+}
+#baba{
+	width: 700px;
+	margin: 0 auto;
+}
\ No newline at end of file
diff --git "a/\345\210\230\345\256\236\346\203\240/css/left.css" "b/\345\210\230\345\256\236\346\203\240/css/left.css"
new file mode 100644
index 0000000000000000000000000000000000000000..b71bd293fe905448ae5e672d4d2c1a08c3651b24
--- /dev/null
+++ "b/\345\210\230\345\256\236\346\203\240/css/left.css"
@@ -0,0 +1,57 @@
+#left{
+	width: 180px;
+	background-color: white;
+	float: left;
+}
+#login{
+	background: url(../img/login.jpg) no-repeat;
+	height: 50px;
+}
+#login ul{
+	padding-top: 50px;
+	padding-left: 24px;
+}
+.txtStyle{
+	border-style: none;
+	border-bottom: solid 1px black;
+	width: 100px;
+	padding-top: 5px;
+	width: 90px;
+}
+.btnStyle{
+	margin-top: 5px;
+}
+#login a{
+	padding-left: 10px;
+	color: #000000;
+}
+#login a:hover{
+	position: relative;
+	right: 1px;
+	bottom: 1px;
+}
+#category{
+	margin-top: 60px;
+	background: url(../img/category.jpg) no-repeat;
+	padding-left: 20px;
+}#d1{
+	padding-top: 50px;
+}
+h3{
+	margin-top: 10px;
+	width: 140px;
+	background-color: pink;
+}
+#category li{
+	background: url(../img/icon1.gif) no-repeat left center;
+	padding-left: 10px;
+	margin-bottom: 10px;
+	border-bottom: dashed 1px black;
+	width: 125px;
+}
+#category a{
+	color: #000000;
+}
+#category a:hover{
+	color: pink;
+}
diff --git "a/\345\210\230\345\256\236\346\203\240/css/right.css" "b/\345\210\230\345\256\236\346\203\240/css/right.css"
new file mode 100644
index 0000000000000000000000000000000000000000..34caa013c8d5b52e40ee1d50167c906418238d2a
--- /dev/null
+++ "b/\345\210\230\345\256\236\346\203\240/css/right.css"
@@ -0,0 +1,58 @@
+#right{
+	width: 518px;
+	margin-left: 2px;
+	float: right;
+}
+#d2{
+	background:url(../img/news.jpg) no-repeat;
+	width: 518px;
+	height: 110px;
+	padding-top: 35px;
+	border-bottom: 1px;
+	background-color: white;
+}
+#d2 li{
+	float: left;
+	margin-left: 2px;
+	
+}
+#d3{
+	background: url(../img/tips.jpg)no-repeat;
+	width: 518px;
+	height: 360px;
+	margin-top: 3px;
+	background-color: white;
+}
+#d3 li{
+	float: left;
+	padding-top: 35px;
+	padding-left: 18.8px;
+}
+#d3 a{
+	color: #000000;
+}#d3 a:hover{
+	color: brown;
+}
+#d4{
+	background: url(../img/fresh.jpg)no-repeat;
+	padding-top: 40px;
+	height: 120px;
+}
+#d4 li{
+	padding-top: 35px;
+	float: left;
+	padding-left: 18.8px;
+	background-color: white;
+}
+#d4 a{
+	float: left;
+	color: #000000;
+}
+#d5{
+	width: 468px;
+	margin-top: 6px;
+	float: left;
+	background: url(../img/icon2.gif )no-repeat;
+	background-color: white;
+}
+
diff --git "a/\345\210\230\345\256\236\346\203\240/css/top.css" "b/\345\210\230\345\256\236\346\203\240/css/top.css"
new file mode 100644
index 0000000000000000000000000000000000000000..7381fdc7bd17d128ac2d4d0de3f6a8e2dc967297
--- /dev/null
+++ "b/\345\210\230\345\256\236\346\203\240/css/top.css"
@@ -0,0 +1,33 @@
+#top{
+	width: 700px;
+	height: 153px;
+	background-color: antiquewhite;
+	margin-bottom: 2px;
+}
+#banner{
+	background-image: url(../img/banner.jpg);
+	width: 700px;
+	height: 120px;
+}
+ul,a{
+	text-decoration: none;
+	list-style: none;
+}
+#nav li{
+	float: left;
+	width: 100px;
+	text-align: center;
+	line-height: 33px;
+}
+#nav a{
+	background:url(../img/button1.jpg) ;
+	display: block;
+	color: brown;
+}
+#nav a:hover{
+	background: url(../img/button1_bg.jpg);
+	position: relative;
+	right: 1px;
+	bottom: 1px;
+}
+
diff --git "a/\345\210\230\345\256\236\346\203\240/img/banner.jpg" "b/\345\210\230\345\256\236\346\203\240/img/banner.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..03a687818349e02b216681540117b6c8c4ae119f
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/banner.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/button1.jpg" "b/\345\210\230\345\256\236\346\203\240/img/button1.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..fc31aa10d9e488134a989da1be340541988174d1
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/button1.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/button1_bg.jpg" "b/\345\210\230\345\256\236\346\203\240/img/button1_bg.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..c557dd3c2bd9677cd6770667938898761286209e
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/button1_bg.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/category.jpg" "b/\345\210\230\345\256\236\346\203\240/img/category.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..45d66335b2157dc685c72d225ed7e7e6ff883c3d
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/category.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/flower1.jpg" "b/\345\210\230\345\256\236\346\203\240/img/flower1.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..5ed2e206bd155d44130a285c167d23d32412de13
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/flower1.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/flower10.jpg" "b/\345\210\230\345\256\236\346\203\240/img/flower10.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..e5f604d21762f513b9605cafe949b8608d0e84e1
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/flower10.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/flower11.jpg" "b/\345\210\230\345\256\236\346\203\240/img/flower11.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..74f584776ac3732c25a83e8a435b35fe8ac35828
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/flower11.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/flower12.jpg" "b/\345\210\230\345\256\236\346\203\240/img/flower12.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..0bf80c6eafe23c284be1995005514e88721424dd
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/flower12.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/flower2.jpg" "b/\345\210\230\345\256\236\346\203\240/img/flower2.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..e9908f56ee19a82b2cde9e5b25d0aa8309a95700
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/flower2.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/flower3.jpg" "b/\345\210\230\345\256\236\346\203\240/img/flower3.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..b1597c127a00ace6e19a6a2611c7b8225980c42c
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/flower3.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/flower4.jpg" "b/\345\210\230\345\256\236\346\203\240/img/flower4.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..f791a7b786e99a977a6959a238a977eb0ee92e9f
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/flower4.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/flower5.jpg" "b/\345\210\230\345\256\236\346\203\240/img/flower5.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..1f92793d4de9c2f9be284560094e4c72f327de1d
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/flower5.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/flower6.jpg" "b/\345\210\230\345\256\236\346\203\240/img/flower6.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..f186d81bc417945c0d459bccd91d4842a767e3ff
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/flower6.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/flower7.jpg" "b/\345\210\230\345\256\236\346\203\240/img/flower7.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..ee94badc217c0d52de19972f6fc4983afaaf9f03
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/flower7.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/flower8.jpg" "b/\345\210\230\345\256\236\346\203\240/img/flower8.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..f2c3d89885d7ef244f8b1cbbf4a1a2073e2d409a
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/flower8.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/flower9.jpg" "b/\345\210\230\345\256\236\346\203\240/img/flower9.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..d3cfbd9dd696aaaaa95350223d288491844eb911
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/flower9.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/fresh.jpg" "b/\345\210\230\345\256\236\346\203\240/img/fresh.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..97e36233bd0083d0ad471ddf40ef3219bfe36bce
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/fresh.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/icon1.gif" "b/\345\210\230\345\256\236\346\203\240/img/icon1.gif"
new file mode 100644
index 0000000000000000000000000000000000000000..e2675ed479ff51373e82b6a3fd3c94f07ee6e01e
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/icon1.gif" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/icon2.gif" "b/\345\210\230\345\256\236\346\203\240/img/icon2.gif"
new file mode 100644
index 0000000000000000000000000000000000000000..86fcdca29ae77ab85eda61e6c7badc8d3ea3a18b
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/icon2.gif" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/leftbottom.jpg" "b/\345\210\230\345\256\236\346\203\240/img/leftbottom.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..4a784747bf743a3eec54bb4605b159ca48a18803
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/leftbottom.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/login.jpg" "b/\345\210\230\345\256\236\346\203\240/img/login.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..2249f78860fe8d8e31d2ce86f18a1c718a9eecd2
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/login.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/news.jpg" "b/\345\210\230\345\256\236\346\203\240/img/news.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..977f2adc7eeefa9ea382899e2090dcf2a8b3b185
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/news.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/news1.jpg" "b/\345\210\230\345\256\236\346\203\240/img/news1.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..45595c59999963375f9c3024d14da81ea86603bb
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/news1.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/news2.jpg" "b/\345\210\230\345\256\236\346\203\240/img/news2.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..21ea81a6fa9bd4d3d9602d0124de5d4541779848
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/news2.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/news3.jpg" "b/\345\210\230\345\256\236\346\203\240/img/news3.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..64c36c381f075ad4ddfe510ff8d3a2d45d177a6b
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/news3.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/recommend.jpg" "b/\345\210\230\345\256\236\346\203\240/img/recommend.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..76f60119200403a2268c4359c8f28c4ae987d3d1
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/recommend.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/img/tips.jpg" "b/\345\210\230\345\256\236\346\203\240/img/tips.jpg"
new file mode 100644
index 0000000000000000000000000000000000000000..42664b75a294f981b99f053946387e8ba8a27e44
Binary files /dev/null and "b/\345\210\230\345\256\236\346\203\240/img/tips.jpg" differ
diff --git "a/\345\210\230\345\256\236\346\203\240/index.html" "b/\345\210\230\345\256\236\346\203\240/index.html"
new file mode 100644
index 0000000000000000000000000000000000000000..ce2f58ddfc45442d860e4081d3bebbedb3e6e715
--- /dev/null
+++ "b/\345\210\230\345\256\236\346\203\240/index.html"
@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<title>满屋花</title>
+		<link rel="stylesheet" type="text/css" href="css/baba.css" />
+		<link rel="stylesheet" type="text/css" href="css/top.css" />
+		<link rel="stylesheet" type="text/css" href="css/left.css" />
+		<link rel="stylesheet" type="text/css" href="css/right.css" />
+	</head>
+	<body>
+		<div id="baba">
+			<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">
+					<div id="d1">
+						<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 hzzzzzzzzzzkref="#">500～600元</a></li>
+							<li><a href="#">600～800元</a></li>
+							<li><a href="#">800元以上</a></li>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div id="right">
+				<div id="d2">
+					<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="d3">
+					                <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="d4">
+					<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="d5">
+					<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>