五、 课后作业
(一) 新浪微博
- 需求
根据效果图制作新浪微博首页
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>新浪微博</title>
</head>
<body>
<table align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" colspan="2">
<img src="images/logo.png"><br>
</td>
</tr>
<tr>
<!---左-->
<td>
<table align="center" >
<tr>
<td colspan="2" valign="top">
<img src="images/banner.jpg" width="710" height="200">
</td>
</tr>
<tr>
<td bgcolor="#4B9D3F" colspan="2">
<img src="images/icon_hot.gif">正在热议：<a href=“#”>全国两会</a> <a href=“#”>欧冠</a> <a href=“#”>两会微愿景</a> <a href=“#”>代表委员微博</a> <a href=“#”>春暖花开</a> <a href=“#”>旭日阳刚</a> <a href=“#”>小沈阳</a> <a href=“#”>西单女孩</a>
</td>
</tr>
<tr>
<td width="250">
<table width="250">
<tr>
<td colspan="3" height="20">
<img src="images/icon_elite.gif"><b>这些人正在使用微博</b>
</td>
</tr>
<tr>
<td width="70" height="70"><img src="images/noavatar.gif" width="48" height="48"><br><a >张三</a></td>
<td width="70" height="70"><img src="images/noavatar.gif" width="48" height="48"><br> <a >李四</a></td>
<td width="70" height="70"><img src="images/noavatar.gif" width="48" height="48"><br><a >王五</a></td>
</tr>
<tr><td width="70" height="70"><img src="images/noavatar.gif" width="48" height="48"><br><a >张三</a></td>
<td width="70" height="70"><img src="images/noavatar.gif" width="48" height="48"><br> <a >李四</a></td>
<td width="70" height="70"><img src="images/noavatar.gif" width="48" height="48"><br><a >王五</a></td>
</tr>
<tr><td width="70" height="70"><img src="images/noavatar.gif" width="48" height="48"><br><a >张三</a></td>
<td width="70" height="70"><img src="images/noavatar.gif" width="48" height="48"><br> <a >李四</a></td>
<td width="70" height="70"><img src="images/noavatar.gif" width="48" height="48"><br><a >王五</a></td>
</tr>
</table>
</td>
<td rowspan="2" align="left" width="350">
<table>
<tr><td colspan="2"><img src="images/icon_elite.gif"><strong>大家正在说</strong></td>
</tr>
<tr><td height="65" width="70"><img src="images/noavatar.gif" width="48" height="48"></td><td><a >赵六</a>：2012年的第一场雪<br>2分钟前</td>
</tr>
<tr><td height="65" width="70"><img src="images/noavatar.gif" width="48" height="48"></td><td><a >冯七</a>：H&M三月上架新品目录，同学们先看好了，再去逛吧 <br>2分钟前</td>
</tr>
<tr><td height="65" width="70"><img src="images/noavatar.gif" width="48" height="48"></td><td><a>赵六</a>：2012年的第一场雪 <br>2分钟前</td>
</tr>
<tr><td height="65" width="70"><img src="images/noavatar.gif" width="48" height="48"></td><td><a >冯七</a>：H&M三月上架新品目录，同学们先看好了，再去逛吧<br>2分钟前</td>
</tr>
<tr><td height="65" width="70"><img src="images/noavatar.gif" width="48" height="48"></td><td><a >赵六</a>：2012年的第一场雪 <br>2分钟前</td>
</tr>
<tr><td height="65" width="70"><img src="images/noavatar.gif" width="48" height="48"></td><td><a >冯七</a>：H&M三月上架新品目录，同学们先看好了，再去逛吧<br>2分钟前</td>
</tr>
<tr><td height="65" width="70"><img src="images/noavatar.gif" width="48" height="48"></td><td><a >赵六</a>：2012年的第一场雪 <br>2分钟前</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="250">
<table width="250">
<tr>
<td colspan="3"height="20">
<img src="images/icon_elite.gif"><b>有趣的人</b>
</td>
</tr>
<tr>
<td width="70" height="70"><img src="images/noavatar.gif"><br><a >张三</a></td>
<td width="70" height="70"><img src="images/noavatar.gif"><br> <a >李四</a></td>
<td width="70" height="70"><img src="images/noavatar.gif"><br><a >王五</a></td>
</tr>
<tr><td width="70" height="70"><img src="images/noavatar.gif"><br><a >张三</a></td>
<td width="70" height="70"><img src="images/noavatar.gif"><br> <a >李四</a></td>
<td width="70" height="70"><img src="images/noavatar.gif"><br><a >王五</a></td>
</tr>
<tr><td width="70" height="70"><img src="images/noavatar.gif"><br><a >张三</a></td>
<td width="70" height="70"><img src="images/noavatar.gif"><br> <a >李四</a></td>
<td width="70" height="70"><img src="images/noavatar.gif"><br><a >王五</a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<!---右-->
<td>
<table align="center">
<tr>
<td align="left" valign="bottom"><img src="images/login.gif" width="245" height="400">
</td>
</tr>
<tr>
<td>
<table align="center">
<tr><td><img src="images/title_top10.gif"></td></tr>
<tr><td><img src="images/num_01.gif"> 姚晨 6,665,064 </td></tr>
<tr><td><img src="images/num_02.gif"> 小S 5,728,619 </td></tr>
<tr><td><img src="images/num_03.gif"> 赵薇 5,503,863 </td></tr>
<tr><td><img src="images/num_04.gif"> 蔡康永 5,126,106 </td></tr>
<tr><td><img src="images/num_05.gif"> 谢娜 4,756,902 </td></tr>
<tr><td><img src="images/num_06.gif"> 何炅 4,731,390 </td></tr>
<tr><td><img src="images/num_07.gif"> 杨幂 4,336,483 </td></tr>
<tr><td><img src="images/num_08.gif"> 李冰冰 4,215,463 </td></tr>
<tr><td><img src="images/num_09.gif"> 黄健翔 4,163,532 </td></tr>
<tr><td><img src="images/num_10.gif"> 李开复 4,143,714 </td></tr>
<tr><td height="100"><img src="images/icon_mobile.gif"> 如何用手机上微博<br>
WAP版微博地址：t.sina.cn <br>
更多方式>><br> </td></tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td bgcolor="#A7D0F5"><a href="#">帮助</a> <a href="#">意见反馈</a> <a href="#">微博认证及合作</a> <a href="#">开放平台</a> <a href="#">微博招聘</a> <a href="https://www.sina.com.cn/">新浪网导航</a><br>客服电话：400 690 0000 提示音后按1键 (按当地市话标准计费)</td>
<td bgcolor="#A7D0F5">新浪公司 版权所有 <br>语言：中文(简体) </td>
<td bgcolor="#A7D0F5"><img src="images/jubao.gif"></td>
</tr>
</table>
</body>
</html>
网友评论