diff --git a/2012-Autumn-Homework/KaixinDivCssLayout/wangying/image/1.jpg b/2012-Autumn-Homework/KaixinDivCssLayout/wangying/image/1.jpg
new file mode 100644
index 0000000..493e914
Binary files /dev/null and b/2012-Autumn-Homework/KaixinDivCssLayout/wangying/image/1.jpg differ
diff --git a/2012-Autumn-Homework/KaixinDivCssLayout/wangying/image/2.jpg b/2012-Autumn-Homework/KaixinDivCssLayout/wangying/image/2.jpg
new file mode 100644
index 0000000..7aeb793
Binary files /dev/null and b/2012-Autumn-Homework/KaixinDivCssLayout/wangying/image/2.jpg differ
diff --git a/2012-Autumn-Homework/KaixinDivCssLayout/wangying/image/3.jpg b/2012-Autumn-Homework/KaixinDivCssLayout/wangying/image/3.jpg
new file mode 100644
index 0000000..19bfc8f
Binary files /dev/null and b/2012-Autumn-Homework/KaixinDivCssLayout/wangying/image/3.jpg differ
diff --git a/2012-Autumn-Homework/KaixinDivCssLayout/wangying/image/4.jpg b/2012-Autumn-Homework/KaixinDivCssLayout/wangying/image/4.jpg
new file mode 100644
index 0000000..0965a5e
Binary files /dev/null and b/2012-Autumn-Homework/KaixinDivCssLayout/wangying/image/4.jpg differ
diff --git a/2012-Autumn-Homework/KaixinDivCssLayout/wangying/image/6.jpg b/2012-Autumn-Homework/KaixinDivCssLayout/wangying/image/6.jpg
new file mode 100644
index 0000000..ef9be51
Binary files /dev/null and b/2012-Autumn-Homework/KaixinDivCssLayout/wangying/image/6.jpg differ
diff --git a/2012-Autumn-Homework/KaixinDivCssLayout/wangying/image/logo.gif b/2012-Autumn-Homework/KaixinDivCssLayout/wangying/image/logo.gif
new file mode 100644
index 0000000..a146067
Binary files /dev/null and b/2012-Autumn-Homework/KaixinDivCssLayout/wangying/image/logo.gif differ
diff --git "a/2012-Autumn-Homework/KaixinDivCssLayout/wangying/\347\254\254\344\272\214\346\254\241\345\274\200\345\277\203\347\275\221.html" "b/2012-Autumn-Homework/KaixinDivCssLayout/wangying/\347\254\254\344\272\214\346\254\241\345\274\200\345\277\203\347\275\221.html"
new file mode 100644
index 0000000..04210db
--- /dev/null
+++ "b/2012-Autumn-Homework/KaixinDivCssLayout/wangying/\347\254\254\344\272\214\346\254\241\345\274\200\345\277\203\347\275\221.html"
@@ -0,0 +1,333 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+ <head>
+  <title> New Document </title>
+  <meta name="Generator" content="EditPlus">
+  <meta name="Author" content="">
+  <meta name="Keywords" content="">
+  <meta name="Description" content="">
+  <style type="text/css">
+  a{ text-decoration:none;}
+  *{
+      margin:0px;
+	  padding:0px;
+   }
+
+ #title
+  { 
+    margin:auto;
+    height:40px;
+	background-color:#FF2D2D;
+  }
+  .t1
+  {
+	font-family:��Բ;
+	font-size:23px;
+	color:#FFFFFF;
+	font-weight:bold;
+	float:left;
+  }
+  .t2
+  {
+	margin-top:15px;
+	color:#FFFFFF;
+	float:right;
+  }
+  a.link
+  {
+    color:#FFFFFF;
+	font-size:12px;
+  }
+  #middle
+  {
+    margin:80px auto;
+    width:900px;
+	height:400px;
+  }
+
+  #left
+   {
+      width:35%;
+	  margin-right:80px;
+      float:left;
+   }
+   #right
+   {
+      padding-top:13px;
+      margin-left:120px;
+	  margin-top:10px;
+	  width:40%;
+	  height:330px;
+      float:left;
+	  background-color:#F7F7F7;
+   }
+   .shimiao
+   {
+     font-family:΢���ź�;
+     font-size:22px; 
+     color:#3C3C3C;
+   }
+    .leftgrey
+   {
+     font-size:12px;
+	 margin-left:75px;
+	 margin-top:10px;
+	 color:#AAAAAA;
+   }
+  .leftname
+   {
+      padding-top:16px;
+      font-size:13px;
+   }
+   .button
+   { 
+	 margin-left:70px;
+	 margin-top:20px;
+	 color:white;
+   }
+
+   
+   .rightgrey
+   {
+     padding-top:15px;
+	 padding-bottom:15px;
+     font-size:12px;
+	 margin-left:20px;
+	 margin-top:10px;
+	 color:#8B8989;
+   }
+   .rightname
+   { 
+      margin-left:20px;
+      padding-top:13px;
+	  font-size:15px;
+	  color:#8B8989;
+	  font-family:΢���ź�;
+   }
+  #bottom
+  {
+     margin-left:150px;
+	 margin-right:150px;
+     margin-top:30px;
+  }
+  .bottom1
+  {
+     margin-top:10px;
+	 margin-bottom:10px;
+     font-size:12px;
+	 color:#3A5FCD;
+  }
+  .bottom2
+  { 
+     padding-top:5px;
+	 padding-bottom:5px;
+	 padding-left:2px;
+     font-size:12px;
+	 color:#A6A6A6;
+	 background-color:#EBEBEB;
+  }
+
+ </style>
+
+ </head>
+
+ <body>
+  
+ <div id="title">
+   <div class="t1">
+     <img src="image/6.jpg" width="35"/> ������
+   </div>
+   <div class="t2">
+     <a class="link" href="http://reg.kaixin001.com/" >ע��</a>&nbsp
+	 <a class="link" href="http://login.kaixin001.com/">��¼</a>&nbsp
+	 <a class="link" href="http://www.kaixin001.com/t/help.html">����</a>&nbsp
+	 <a class="link" href="http://www.kaixin001.com/daohang.html">����</a>
+   </div>
+  </div>
+
+<div id="middle">
+  <div id="left">
+     <div class="shimiao"> 
+     ʮ����뿪�������ҵ�ȫ������
+     </div>  
+     <div class="leftname">
+	 ��������:&nbsp&nbsp<input type="text"  style="width:230px"/>
+	 </div>
+     <div class="leftgrey">
+	 ���û�����䣬������� <a href=>�˺�ע��</a>
+	 </div>
+     <div class="leftname">
+	 ��������:&nbsp&nbsp<input type="text"  style="width:230px"/>
+	 </div>
+
+	 <div class="leftname">
+	 ��&nbsp&nbsp&nbsp&nbsp��:&nbsp&nbsp<input type="text"  style="width:230px"/>
+	 </div>
+
+	 <div class="leftname">
+	 ��&nbsp&nbsp&nbsp&nbsp��:&nbsp&nbsp<input type="radio" name="sex"/>�� &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <input type="radio" name="sex" />Ů
+	 </div>
+
+	 <div class="leftname">
+	 ��&nbsp&nbsp&nbsp&nbsp��:&nbsp
+	       <select>
+			    &nbsp&nbsp
+	            <option>��ѡ��</option>
+			    <option>2005</option>
+			    <option>2004</option>
+				<option>2003</option>
+				<option>2002</option>
+				<option>2001</option>
+				<option>2000</option>
+				<option>1999</option>
+				<option>1998</option>
+				<option>1996</option>
+				<option>1996</option>
+				<option>1995</option>
+				<option>1994</option>
+				<option>1993</option>
+				<option>1992</option>
+				<option>1991</option>
+				<option>1990</option>
+				<option>1989</option>
+				<option>1987</option>
+				<option>1986</option>
+				<option>1985</option>
+				<option>1984</option>
+				<option>1983</option>
+				<option>1982</option>
+				<option>1981</option>
+				<option>1980</option>
+			  </select>��
+              <select>
+			    <option> --&nbsp</option>
+				<option>1</option>
+				<option>2</option>
+				<option>3</option>
+				<option>4</option>
+				<option>5</option>
+				<option>6</option>
+				<option>7</option>
+				<option>8</option>
+				<option>9</option>
+				<option>10</option> 
+				<option>11</option>
+				<option>12</option>
+			 </select>��
+             <select>
+			    <option>--&nbsp</option>
+				<option>1</option>
+				<option>2</option>
+				<option>3</option>
+				<option>4</option>
+				<option>5</option>
+				<option>6</option>
+				<option>7</option>
+				<option>8</option>
+				<option>9</option>
+				<option>10</option>
+				<option>11</option>
+				<option>12</option>
+				<option>13</option>
+				<option>14</option>
+				<option>15</option>
+	            <option>16</option>
+				<option>17</option>
+				<option>18</option>
+				<option>19</option>
+				<option>20</option>
+				<option>21</option>
+				<option>22</option>
+				<option>23</option>
+	            <option>24</option>
+				<option>25</option>
+				<option>26</option>
+				<option>27</option>
+				<option>28</option>
+				<option>29</option>
+				<option>30</option>
+				<option>31</option>
+	          </select>��
+	   </div>
+
+	 <div class="leftname">
+	 ��&nbsp��&nbsp��:&nbsp&nbsp<input type="radio" name="now"/>�ڹ��� &nbsp&nbsp&nbsp <input type="radio" name="now" />����ѧ
+	 </div>
+	 <div class="leftname">
+     �� ס ��:&nbsp
+			    <select>
+			      <option>��ѡ��</option>
+				  <option>����</option>
+				  <option>�Ϻ�</option>
+			   	  <option>���</option>
+				  <option>����</option>
+				  <option>����</option>
+				  <option>����</option>
+				  <option>�人</option>
+				  <option>��ɳ</option>
+				  <option>����</option>
+				  <option>����</option>
+			  </select>
+	  </div>
+	  <div class="leftname">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<input type="checkbox"/>ͬ��
+			   <a href="http://www.kaixin001.com/s/reg.html">��������������
+			   </a>
+	 </div>
+     <div class="button">
+	   <input type="submit" value="����ע��" style="color:white;font-size:15px;background:#FF2D2D;" />
+     </div>
+  </div>
+  <div id="right">
+    
+        <div>
+          
+		  <b>&nbsp&nbsp���ǿ������û���</b>
+		  <a href="http://login.kaixin001.com/">
+		   <b>ֱ�ӵ�¼</b>
+		  </a>
+	    </div>
+		<div class="rightgrey">ʹ�ú�����վ�˺ŵ�¼
+		</div>
+		<div>  
+       &nbsp&nbsp&nbsp<a href=http://openapi.qzone.qq.com/oauth/show?which=Login&response_type=code&client_id=100228505&redirect_uri=http%3A%2F%2Fwww.kaixin001.com%2Flogin%2Foauth%2Foauth_callback.php%3Fltype%3Dtencent&state=a335f47ea9c583a3444f5dc76b341797&scope=get_user_info,add_topic,add_one_blog,add_album,add_weibo,upload_pic,list_album,add_share,check_page_fans,add_t,add_pic_t,del_t,get_repost_list,get_info,get_other_info,get_fanslist,get_idollist,add_idol,del_idol,get_tenpay_addr&421131190=416124098 /a><img src=image/1.jpg border="0"/></a>
+        <a href="https://service.passport.189.cn/Logon/UDBCommon/M/PassportLogin.aspx?PassportLoginRequest=3500004072000345%24KomJGCIdx2A1FP%2BODvmvLwkUVDtDTthajexmmy0oZjMIDPh7BKJWAleqwOgBGSnrIttPkDWghTdAMTgZenUupdNi%2BQZmtS8TMN4tf%2BDKpyv7HZAdVsfbl33Lho3yLAW%2FI4iOgZARDWBI%2BRwUKd%2FIzg%3D%3D"><img src=image/2.jpg border="0"/></a>
+        <a href="https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=11&ct=1348313899&rver=6.2.6289.0&wp=MBI_SSL&wreply=https:%2F%2Foauth.live.com%2Fauthorize%3Fclient_id%3D000000004C049700%26response_type%3Dcode%26state%3Ddae3804e2fb4a2dc7b181f7334c8340a%26scope%3Dwl.basic%2Cwl.signin%2Cwl.emails%2Cwl.share%2Cwl.offline_access%26redirect_uri%3Dhttp%253A%252F%252Fwww.kaixin001.com%252Flogin%252Foauth%252Foauth_callback.php%253Fltype%253Dmsn%26303542492%3D1127102232%26auth_redirect%3Dtrue&lc=1033&id=276649&popupui=1"><img src=image/3.jpg border="0"/></a>
+        <a href="https://api.weibo.com/oauth2/authorize?response_type=code&client_id=3370195860&redirect_uri=http%3A%2F%2Fwww.kaixin001.com%2Flogin%2Foauth%2Foauth_callback.php%3Fltype%3Dweibo&state=e22443366963dbd3800d6171adf12998&1954691258=66218753"><img src=image/4.jpg border="0"/></a>
+        </div>
+		<br>
+		<hr size="1" color="#E5E5E5"/>
+		<div class="rightname">ƽ��ÿ��ӵ��<font  color="#FF0033">80</font>λ����
+		</div>
+		<div class="rightname">ÿ�죬ƽ��ÿ���ϴ�<font  color="#FF0033">10</font>����Ƭ
+		</div>
+		<div class="rightname">ÿ�죬��<font  color="#FF0033">1000��</font>�λ����ں��Ѽ俪�ĵط�����
+		</div>
+		<div class="rightname">�й��˶�<font  color="#FF0033">�罻����</font>�������˽⣬�����￪ʼ
+		</div>
+	
+  </div>
+</div>
+ <div id="bottom">
+      <hr/>
+      <div class="bottom1"> <a href="http://www.kaixin001.com/t/about.html/">
+	    ��������</a>
+		&nbsp
+        <a href="http://mobile.kaixin001.com/kxmobile/index.php/">�ֻ�����</font></a>&nbsp
+        <a href="http://open.kaixin001.com//">����ƽ̨</font></a>&nbsp
+        <a href="http://www.kaixin001.com/app/app_list.php?from=&t=0/">Ӧ������</font></a>&nbsp
+        <a href="http://www.kaixin001.com/promotion/index.php">�������</font></a>&nbsp
+        <a href="http://zhaopin.kaixin001.com/yingcai/index.php">������Ƹ</font></a>&nbsp
+        <a href="http://www.kaixin001.com/t/cronline.html">�ͷ�</font></a>&nbsp
+        <a href="http://www.kaixin001.com/t/help.html">����</font></a>
+		</div>
+     <div class="bottom2">������������Ϣ�������޹�˾��������[2009]157��(��)
+	     <a href="http://www.miibeian.gov.cn/state/outPortal/loginPortal.action;jsessionid=Drq8QkQW2LLmB8qd1ms14VJtnLnCTX7vWQHN1Kn24Cn6KcK9GWTN!-8130783/">
+	     <font color="#A6A6A6" size="2">��ICP֤080482��</a>
+		 ����������1100003�� (��)-�Ǿ�Ӫ��-2009-0009
+		 <a href="http://www.kaixin001.com/care//">
+		 <font color="#A6A6A6" size="2">δ����ҳ��໤</a>
+	 </div>
+</div>
+
+ </body>
+</html>
