2021-06-17
《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="data: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="data:images/tu22.jpg" /></div><div class="meitu"><h3><span>NBA球员</span><a href="#"> 详情>></a></h3><img src="data:images/1.jpg" /><img src="data: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的过程中，我遇到了很多困难。通过查资料和看视频的方式，我试着做了许多尝试，对前端的学习有了新的动力。我深知自己只是略知皮毛，但在今后的学习中，我一定坚持不懈，进一步学习前端知识。
2021-06-17相关推荐
- Mculover666的博客文章导航（嵌入式宝藏站）（2021.06.17更新）
一.MCU系列 1. 开发环境 [Keil MDK](一)Keil MDK 5.28 的下载.安装.破解 [Keil MDK](二)Keil MDK中芯片器件包的安装 [Keil MDK](三)Kei ...
- python爬虫笔记 -- 更新至2021/06/17
教学视频1(简略):https://www.bilibili.com/video/BV1164y1m7Xb 教学视频2:https://www.bilibili.com/video/BV1Yh411o ...
- 2021.06.06家庭财经系统制作(2)
show tables; 查看数据库里有什么表命令. 碰到mysql软件问题.比想象的难缠. 用之前的方式打不开黑框(鼠标单击 mysql5.7 ccommand line Client),黑框一闪而 ...
- 2021.06.03邮票面值设计
2021.06.03邮票面值设计 题目描述 给定一个信封,最多只允许粘贴 N 张邮票,计算在给定 K(N+K≤15)种邮票的情况下(假定所有的邮票数量都足够),如何设计邮票的面值,能得到最大值 MAX ...
- 【跃迁之路】【497天】程序员高效学习方法论探索系列（实验阶段254-2018.06.17）...
@(跃迁之路)专栏 实验说明 从2017.10.6起,开启这个系列,目标只有一个:探索新的学习方法,实现跃迁式成长 实验期2年(2017.10.06 - 2019.10.06) 我将以自己为实验对象. ...
- [2021.1.17多校省选模拟4]T1(莫比乌斯反演/组合数学/枚举倍数）
[2021.1.17多校省选模拟4]T1 一般人都会想着去枚举直线的斜率,但是枚举斜率之后就会产生多条直线,并且这些直线的长度不一,难以快速求解,所以我们考虑换一种方法枚举. 枚举最远点对的横纵坐标之 ...
- 2021.03.17 pokémon小游戏开发记录与周总结
2021.03.17 pokémon小游戏开发记录与周总结 此篇仅包含部分项目代码,只是个人的学习总结. 文章目录 2021.03.17 pokémon小游戏开发记录与周总结 前言 一.前期准备 二. ...
- AWD平台搭建（Cardinal 从零开始） 2021/11/17
#Time 2021/11/17 因为之后要在校内组织AWD比赛,所以在github上找了一会,试了试最多star的,虽然说好用但是没有好康的界面,全是一堆代码感觉很枯燥,于是最终还是选择了使用Car ...
- 2021.06.02会解方程的计算器
2021.06.02会解方程的计算器 (题目来源:) 题目描述 为了很好的完成这个任务,ZL先生首先研究了一些一元一次方程的实例: 4+3x=8 6a-5+1=2-2a -5+12y=0 ZL先生被主 ...
- 【离散数学】 SEU - 28 - 2021/06/11 - Lattice and Boolean Algebra
Discrete Mathematical Structures (6th Edition) 2021/06/09 - Lattice and Boolean Algebra Lattice and ...
最新文章
- AVERAGE函数参数说明
- python使用matplotlib绘制一条正弦曲线（plot函数可视化sine plot）
- 利用Docker构建开发环境
- [转]使用Yii CUploadedFile上传文件（图片）
- Spring Boot定时任务-cron表达式
- jdbc连接数据库的步骤(转载)
- C#反射读取和设置类的属性
- [git] gnutls_handshake() failed
- const char * char * const
- 光子能变成正负电子，能不能变成其他正反物质？
- 毕业设计之 --- 基于java web的旅游网站设计
- 时钟系统安装配置注意事项
- 2022-基于树木形态和有限状态机的森林火灾蔓延实时三维可视化
- 基于Matlab的数字水印设计实现
- MySql 根据身份证号来判别所属省份年龄及性别
- 网络营销 实战才能得出真理
- JAVA高考加油,给高考学子加油打气的祝福语
- js mysql替换_MySQL中使用replace、regexp进行正则表达式替换的用法分析
- 进阶篇---PPO代码逐行分析
- 图像SVD分解与重构