用户界面课程设计(可执行)
可执行 可当作业直接交 网页的设计 用DIV做的 <!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=gb2312" /> <title>无标题文档</title> <style type="text/css"> <!-- #Layer1 { position:absolute; left:929px; top:10px; width:315; height:450; z-index:1; } #Layer2 { position:absolute; left:234px; top:96px; width:175px; height:300px; z-index:2; } #Layer3 { position:absolute; left:330px; top:8px; width:674px; height:298px; z-index:3; } #Layer4 { position:absolute; left:455px; top:348px; width:1px; height:0px; z-index:4; } #Layer5 { position:absolute; left:327px; top:9px; width:583px; height:357px; z-index:4; } #Layer6 { position:absolute; left:13px; top:470px; width:305px; height:281px; z-index:5; } #Layer7 { position:absolute; left:396px; top:383px; width:467px; height:37px; z-index:6; } #Layer8 { position:absolute; left:398px; top:408px; width:1px; height:0px; z-index:6; } #Layer9 { position:absolute; left:336px; top:371px; width:585px; height:76px; z-index:6; } .STYLE1 { font-size: 24px; font-weight: bold; } #Layer10 { position:absolute; left:338px; top:449px; width:85px; height:22px; z-index:7; } #Layer11 { position:absolute; left:830px; top:453px; width:85px; height:20px; z-index:8; } #Layer12 { position:absolute; left:526px; top:480px; width:722; height:270; z-index:9; } #Layer13 { position:absolute; left:322px; top:479px; width:188px; height:268px; z-index:10; } .STYLE3 {font-size: 36px} #Layer14 { position:absolute; left:544px; top:497px; width:44px; height:233px; z-index:11; } .STYLE4 {font-size: 36px; font-weight: bold; } #Layer15 { position:absolute; left:862px; top:498px; width:136px; height:23px; z-index:12; } #Layer16 { position:absolute; left:1100px; top:511px; width:12px; height:3px; z-index:13; } #Layer17 { position:absolute; left:1085px; top:501px; width:108px; height:14px; z-index:14; } #Layer18 { position:absolute; left:608px; top:553px; width:111px; height:18px; z-index:15; } #Layer19 { position:absolute; left:668px; top:553px; width:78px; height:18px; z-index:15; } #Layer20 { position:absolute; left:871px; top:552px; width:91px; height:17px; z-index:16; } #Layer21 { position:absolute; left:1084px; top:549px; width:102px; height:18px; z-index:17; } #Layer22 { position:absolute; left:681px; top:603px; width:52px; height:21px; z-index:18; } .STYLE5 {font-family: "宋体"} #Layer23 { position:absolute; left:879px; top:603px; width:92px; height:15px; z-index:19; } #Layer24 { position:absolute; left:1084px; top:602px; width:42px; height:14px; z-index:20; } #Layer25 { position:absolute; left:657px; top:552px; width:108px; height:17px; z-index:21; } #Layer26 { position:absolute; left:657px; top:551px; width:91px; height:16px; z-index:21; } #Layer27 { position:absolute; left:930px; top:614px; width:1px; height:3px; z-index:22; } #Layer28 { position:absolute; left:1078px; top:606px; width:1px; height:1px; z-index:23; } #Layer29 { position:absolute; left:1101px; top:610px; width:0px; height:1px; z-index:24; } #Layer30 { position:absolute; left:1084px; top:604px; width:105px; height:16px; z-index:25; } #Layer31 { position:absolute; left:653px; top:652px; width:94px; height:18px; z-index:26; } #Layer32 { position:absolute; left:866px; top:649px; width:99px; height:20px; z-index:27; } #Layer33 { position:absolute; left:1086px; top:650px; width:101px; height:18px; z-index:28; } #Layer34 { position:absolute; left:655px; top:702px; width:97px; height:21px; z-index:29; } #Layer35 { position:absolute; left:355px; top:619px; width:134px; height:29px; z-index:30; } #Layer36 { position:absolute; left:356px; top:692px; width:125px; height:22px; z-index:31; } #Layer37 { position:absolute; left:330px; top:258px; width:598px; height:105px; z-index:32; } --> </style> </head> <body> <div id="Layer1"><img src="5689371b29ad70358718bfa1.jpg" width="315" height="450" /></div> <div id="Layer5"><img src="60ce49d86abe001432fa1c03.jpg" width="601" height="249" /></div> <div id="Layer6"> <table cellspacing="0" cellpadding="6" width="100%" border="0"> <tbody> <tr bgcolor="#c1c1c1"> <td><a title="NBA" href="http://www.hoopchina.com"></a>火箭历史 <div align="center"></div> <div align="center"></div></td> </tr> <tr valign="top" bgcolor="#ececec"> <td bgcolor="#ececec" height="124"><table cellspacing="0" cellpadding="2" width="100%" border="0"> <tbody> <tr> <td><a href="/teams/rockets/about"><img src="http://w1.hoopchina.com.cn/teams/teams/rockets/img/logo_80px.gif" border="0" /></a> <p>在80到90年代里,火箭队出现了桑普森和奥拉朱旺的巨人双塔组合,他们率领火箭取得了彪炳战绩。最终大梦带领火箭一飞冲天,在1994、95连续两届总冠军。下一个扛起火箭的巨人会是谁?我们只能拭目以待。但有一点可以肯定,火箭会继续为尊严、传统和荣誉而战斗,“他们的头颅昂得很高,他们的心中充满饥渴和骄傲,他们的鲜血在燃</p></td> </tr> </tbody> </table></td> </tr> </tbody> </table> </div> <div id="Layer9"> <p class="STYLE1">姚明复出后再次受伤,火箭的争冠之路也越发艰难,但不要忘了那句有名的“不要低估一颗总冠军的心”,火箭队的明天依然值得我们期待。祝福姚明,祝福火箭......</p> <p> </p> </div> <div id="Layer12"> <table width="722" height="270" border="1"> <tr> <td width="67" rowspan="5"> </td> <td width="193"><div align="center"><a href="姚明.html">姚明</a><a href="../姚明.html" class="STYLE5"></a></div></td> <td width="214"> </td> <td width="220"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table> </div> <div id="Layer13"> <table width="200" height="269" border="1"> <tr> <th height="117" scope="col"><span class="STYLE3">教练名单</span></th> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table> </div> <div id="Layer14"> <p class="STYLE4">球</p> <p class="STYLE4">员</p> <p class="STYLE4">名</p> <p class="STYLE4">单</p> </div> <div id="Layer15"><a href="马丁.html">凯文.马丁</a><a href="../马丁.html"></a></div> <div id="Layer16"></div> <div id="Layer17"> <p><a href="丝坷拉.html">路易丝.斯克拉</a><a href="../丝坷拉.html"></a></p> </div> <div id="Layer26"><a href="把地而.html">肖恩.巴蒂尔</a><a href="../把地而.html"></a></div> <div id="Layer27"></div> <div id="Layer28"></div> <div id="Layer29"></div> <div id="Layer30"><a href="泰勒.html">杰梅因.泰勒</a><a href="../泰勒.html"></a></div> <div id="Layer31"><a href="把鼎革.html">蔡斯.巴丁格</a><a href="../把鼎革.html"></a></div> <div id="Layer32"><a href="落瑞.html">凯尔.洛瑞</a><a href="../落瑞.html"></a></div> <div id="Layer33"><a href="哭可.html">布莱恩.库克</a><a href="../哭可.html"></a></div> <div id="Layer34"> <a href="多系.html">乔伊.多西</a><a href="../多系.html"></a></div> <div id="Layer35"><a href="啊的而满.html">里克·阿德尔曼</a><a href="../啊的而满.html"></a></div> <div id="Layer37"><img src="我的火箭0.jpg" width="601" height="103" /></div> x<img src="1247273072748_115359.jpg" width="309" height="452" /> <div id="Layer20"><a href="不路和司.html">阿隆.布鲁克斯</a><a href="../不路和司.html"></a></div> <div id="Layer21"><a href="还也司.html">查克.海耶斯</a><a href="../还也司.html"></a></div> <div id="Layer22"><a href="乔丹希尔.html">乔丹希尔</a><a href="../乔丹希尔.html"></a></div> <div id="Layer23"><a href="康特尼李.html">康特尼李</a><a href="../康特尼李.html"></a></div> </body> </html>
- 1
- 粉丝: 38
- 资源: 1
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助