《Web应用基础》课程结业报告
- 项目内容
本次Web结业作业我所构建的是有关“NBA”
题材的网站，以HTML语言和CSS框架中的MDB搭建的NBA篮球主题网页。 - 开发过程
本人在做项目的时候将此项目分为五页，分别是“我的首页”、“NBA新闻”、“NBA图集”、“历届总冠军”、“留言板”五个板块。部分代码如下图所示：
<!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=utf-8" />
<title>NBA网站</title>
<link rel="stylesheet" type="text/css" href="index.css"/>
</head>
<body>
<div class="top">
<input class="sousu" name="" value="搜索" type="button" />
<input class="wenben" name="" type="text" />
</div>
<div class="nav">
<ul>
<li><a href="index.html"><strong>我的首页</strong></a></li>
<li><a href="rizhi.html"><strong>NBA新闻</strong></a></li>
<li><a href="xiangce.html"><strong>NBA图集</strong></a></li>
<li><a href="yinyue.html"><strong>历届总冠军</strong></a></li>
<li><a href="luiyanban.html"><strong>留言板</strong></a></li>
</ul>
</div>
<div class="nr_z">
<div class="nr">
<div class="tu">
<img src="images/22.jpg" /></div>
<div class="wenzi">
<h3>ＮＢＡ简介</h3>
<p> NBA是美国男子职业篮球联赛（National Basketball Association）的简称，于1946年6月6日在纽约成立，是由北美三十支队伍组成的男子职业篮球联盟，美国四大职业体育联盟之一。其中诞生了威尔特·张伯伦、乔治·麦肯、迈克尔·乔丹、哈基姆·奥拉朱旺、科比·布莱恩特、勒布朗·詹姆斯、德雷克斯勒、皮蓬、贾巴尔、罗德曼、蒂姆·邓肯、德怀恩·韦德、斯蒂芬·库里、阿伦·艾弗森、特雷西·麦克格雷迪、凯文·加内特、凯文·杜兰特、拉塞尔·威斯布鲁克、詹姆斯·哈登、凯里·欧文、姚明等球星，是世界上水平最高的篮球赛事。 NBA的三十支球队分属两个联盟：东部联盟和西部联盟，每个联盟由三个赛区组成，每个赛区有五支球队。 NBA在每年的赛程开始之前会安排选秀与热身的季前赛；随后是常规赛，从每年的10月底开始，到次年的4月中旬结束[1] ；而季后赛（NBA Playoffs）在每年4月下旬开始，在最后决出东西部分区冠军晋级总决赛，七局四胜者为当赛季总冠军，总决赛中表现最优秀的球员获得总决赛MVP荣誉，一般是得分最高者得FMVP，最有价值球员。</p>
</div>
<div class="wenzi" >
<h3>NBA球队</h3>
<p style="line-height:25px;"> NBA一共有三十支球队，东部分区和西部分区各有15支球队。<br />
其中西部分区又被划分为西北赛区、太平洋赛区、西南赛区，每个赛区由五支球队组成：<br />
>西北赛区：丹佛掘金、明尼苏达森林狼、俄克拉荷马雷霆、波特兰开拓者、犹他爵士；<br />
>太平洋赛区：金州勇士、洛杉矶快船、洛杉矶湖人、菲尼克斯太阳、萨克拉门托国王；<br />
>西南赛区：达拉斯小牛、休斯顿火箭、孟菲斯灰熊、新奥尔良鹈鹕、圣安东尼奥马刺；<br />
东部分区也包括三大赛区：大西洋赛区、东南赛区、中部赛区，每个赛区同样由五支球队组成：<br />
>大西洋赛区：波士顿凯尔特人、布鲁克林篮网、纽约尼克斯、费城76人、多伦多猛龙；<br />
>中部赛区：芝加哥公牛、克利夫兰骑士、底特律活塞、印第安纳步行者、密尔沃基雄鹿；<br />
>东南赛区：亚特兰大老鹰、夏洛特黄蜂、迈阿密热火、奥兰多魔术、华盛顿奇才；<br />
</p></div>
<div class="tu2">
<img src="images/tu22.jpg" /></div>
<div class="meitu">
<h3><span>NBA球员</span><a href="#"> 详情>></a></h3>
<img src="images/1.jpg" /><img src="images/2.jpg" class="meitu2"/>
</div>
</div>
<div class="banquan">
<p>欢迎持续关注NBA <a href="https://www.baidu.com/" target="_blank">总结链接</a></p>
</div>
</div>
<div>
</div>
</body>
</html>
网页效果展示：
此处展示部分网页效果。
3.遇到的问题：
- 因为初学的缘故，对网页的布局不够准确，导致网页的美观性十分的业余。
- 在拆入图片时由于图片大小不符合自己的期望导致展现出来的效果不理想。
- 网页表达的信息十分有限。
4.解决方法:
- 在网上浏览优秀的网页，仿造他们的风格进行布局
- 通过裁剪工具对图片进行裁剪，尽量能够与网页的布局相契合。
- 对收集资料，尽量在有限的页面上展现更多的信息。
成果展示：
6.期末总结：
虽然对web的学习只有短短半学期，但我对前端的开发已经有了一定的了解。相较于复杂枯燥的后端开放，前端开发的成果更加直观。前端的学习让我对计算机专业有了新的认识。在学习web的过程中，我遇到了很多困难。通过查资料和看视频的方式，我试着做了许多尝试，对前端的学习有了新的动力。我深知自己只是略知皮毛，但在今后的学习中，我一定坚持不懈，进一步学习前端知识。
1978
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
