一阶段项目首页-火箭队

Posted 落落无伤

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一阶段项目首页-火箭队相关的知识,希望对你有一定的参考价值。

一阶段项目已经完事了,五天的时间做了两个项目,企业给的项目比较简单,自己另外做了火箭队的主页和论坛页的项目

下面是主页的代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="css/common.css" rel="stylesheet"/>
</head>
<body>
<!--头部-->
<div class="top">
<div class="top_center"></div>
</div>
<!--导航-->
<div class="nav1">
<div class="nav">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="../LXD火箭队/history.html">球队历史</a></li>
<li><a href="#">球员介绍</a></li>
<li><a href="#">数据统计</a></li>
<li><a href="../汉学10.24篮球火箭队/saicheng.html">球队赛程</a></li>
<li><a href="../个人项目-火箭队粉丝.真官方网站/news.html">球队新闻</a></li>
<li><a href="../xiangmu2wangxibao/zhanji.html">球队战绩</a></li>
<li><a href="#">视频下载</a></li>
<li><a href="luntan.html">球迷论坛</a></li>
</ul>
</div>
</div>
<!--内容-->
<div class="center1">
<div class="center">
<div class="center_top">
<video autoplay="autoplay" controls="controls" width="1000" height="390">
<source src="img/111111.mp4" type="video/mp4"></source>
<source src="img/huojiandui.ogg" type="video/ogg"></source>
<source src="img/2222.webm" type="video/webm"></source>
</video>
</div>
<div class="center_center">
<div class="center_center_left">
<img src="img/15.jpg" />
<img src="img/444444444.jpg" class="img1" />
<hr />
<div class="jiaolian">
<p>主教练&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;迈克.德安东尼</p>
<p>分区 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;西部丨西南分区</p>
<p>球馆 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;丰田中心球馆</p>
<p>当家球星 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;詹姆斯哈登</p>
</div>
</div>
<div class="center_center_middle">
<p><a href="#">最新资讯</a></p>
<h5><a href="#">more</a></h5>
<ul>
<li><a href="">德帅:还有很长的路要走 但3胜0负就是3胜0负&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10-23</a></li>
<li><a href="">三节29分7助 哈登主场揭幕战轻松指挥交通&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10-22</a></li>
<li><a href="">哈登29分周琦首秀3板1帽 火箭主场大胜小牛&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10-22</a></li>
<li><a href="">保罗膝伤缺阵2-4周 火箭已联系替身后卫&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10-21</a></li>
<li><a href="">膝盖酸痛 保罗将缺席明日的主场揭幕战&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10-20</a></li>
<li><a href="">哈登:这次两连客很艰难 但我们做得很好&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;10-20</a></li>
</ul>
</div>
<div class="center_center_right">
<p><a href="#">赛程</a></p>
<h5><a href="#">more</a></h5>
<ul>
<li><a href="#">10月 24日 8:00 vs 灰熊</a></li>
<li><a href="#">10月 26日 7:00 vs 76人</a></li>
<li><a href="#">10月 28日 7:00 vs 黄蜂</a></li>
<li><a href="#">10月 29日 8:00 vs 灰熊</a></li>
<li><a href="#">10月 31日 8:00 vs 76人</a></li>
<li><a href="#">11月 02日 7:30 vs 尼克斯</a></li>
</ul>
</div>
</div>
<div class="center_bottom">
<div class="center_bottom_left">
<p>当家球星</p>
<img src="img/hadeng.png">
<img src="img/baoluo.png">
<img src="img/gedeng.png">
</div>
<div class="center_bottom_right">
<div class="center_bottom_right_top">
<p>让我们一起开创红色国度</p>
<h4>run as one, Rockets!</h4>
</div>
<div class="center_bottom_right_bottom">
</div>
</div>
</div>
<div class="center_bottom1">
<table border="0px" cellpadding="5px" cellspacing="5px">
<tr>
<td><img src="img/11111111.jpg"><b><a href="#">&nbsp;&nbsp;&nbsp;视频-哈登集锦 29分三分四连击单挑诺天王</a></b></td>
<td><img src="img/222222.png"><b><a href="#">&nbsp;&nbsp;&nbsp;视频-周琦集锦 常规赛首秀遮天大帽送对手</a></b></td>
<td><img src="img/33333.png"><b><a href="#">&nbsp;&nbsp;&nbsp;视频-小牛91-107火箭 哈登再砍29分周琦登场首秀</a></b></td>
<td><img src="img/44444.png"><b><a href="#">&nbsp;&nbsp;&nbsp;视频-戈登晃过巴恩斯单挑诺天王</a></b></td>
<td><img src="img/5555555555.png"><b><a href="#">&nbsp;&nbsp;&nbsp;视频-哈登无视防守强上诺天王也无奈</a></b></td>
</tr>
</table>
</div>
</div>
</div>
<!--底部-->
<div class="bottom">
<div class="bottom1">
<h3>&copy;2017年著作权 NBA 中国 所有权保留。</h3>
<h3>NBA.com/China上除去使用条款中所特别提及的部分之外,其它任何内容都不得以任何形式被复制、再传播,或篡改</h3>
<h3>进入NBA.com/China后,即表示阁下同意遵守NBA.com/China的隐私政策和使用条款。</h3>
<h3>有任何的建议和意见,都欢迎联络我们:[email protected]</h3>
</div>
</div>
<div class="fudongyou">
<h3>vote for me</h3>
<img src="img/hadengaaaa.jpg">
<h4><button value="">投票</button></h4>
</div>
</body>
</html>

以上是关于一阶段项目首页-火箭队的主要内容,如果未能解决你的问题,请参考以下文章

第一阶段:前端开发_使用JS完成首页轮播图效果

第二阶段冲刺

阶段一-02.分类,推荐,搜索,评价,购物车开发-第1章 首页轮播图+分类功能实现-1-1 实现电商首页轮播图功能

影评网站项目总结--事后诸葛亮分析

项目复审——Alpha阶段

Spring3博客(内含ppt和代码的github地址)