基于HTML+CSS+JavaScript篮球NBA兴趣交流网页设计

╰+攻爆jí腚メ 2024-04-06 13:57 78阅读 0赞

目 录  
1.项目总体设计 3  
1.1需求分析 3  
1.2网站结构图 3  
2.项目详细设计 4  
2.1登录页面设计 4  
2.2主页页面设计 5  
2.3传奇球队页面设计 6  
3.项目总结 7  
4.参考文献 7  
1.1 需求分析  
阐述：这个网页设计我是以“NBA”为主题展开，之所以选择这个题目，是因为自己本身是一名篮球爱好者，像广大青少年一样是一名NBA的追求者，喜欢看NBA直播、NBA头条、NBA八卦等等，喜欢把自己生活中的点点滴滴都带有NBA的身影，无论是穿着还是手机壁纸等等都带有NBA，现在学了网页设计，当然也要根据自己的想法来设计自己的网页，同时想通过自己设计的网页，来满足更多篮球爱好者的需求，让更多的爱好者在我设计的网页里找到更有意思的东西。  
功能：此网页能够满足喜欢NBA的人能够随时观看NBA直播、NBA的最新要闻、NBA的球队的最新动态，同时也可以了解传奇球队的光荣历史、传奇球星励志的NBA生涯、还有NBA的赛程、东西部球队的简介，NBA的最新排名。本文转载自http://www.biyezuopin.vip/onews.asp?id=14786后台工作人员能够用最快的时间根据NBA报道准确、完整更新所有的内容。满足爱好者的第一需求。  
技术：HTML语言、css样式表。

<!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>球星传</title>
    	<link href="Untitled-1.css" type="text/css" rel="stylesheet"/>
    </head>		 
    <body>
    	<div class="welcome">
    		<img src="../images/logo1.jpg" id="logo"/>
    		<marquee behavior="alternate">
    		<font color="#ED0E12" size="+2">欢迎来到NBA兴趣交流网站登录页面   让我们一起来交流吧！</font>
    		</marquee>
    	</div>
    <div id="top">
    	<input type="text" name="name" placeholder="用户名"/>
    	<input type="password" name="password" placeholder="账号"/> 
    	<input type="password" name="password" placeholder="密码"/>
    	<a href="Untitled-2.html"><input type="submit" name="submit" value="登录" class="btn"/></a>
    	<a href="#"><input type="button" name="submit" value="注册" class="btn"/></a>
    	</div>
    </body>
    </html>

![在这里插入图片描述][78991f4022d14a8783f6fcafade0dd8d.png_pic_center]  
![在这里插入图片描述][9081d63758e34cc6869c728641b0e27b.png_pic_center]  
![在这里插入图片描述][a3578a5d57354797ac42eb507ffae01e.png_pic_center]  
![在这里插入图片描述][c6344308846f40d5a739fb442cfd6e38.png_pic_center]  
![在这里插入图片描述][fa750443a47f472e9c36fbe44dbcb6c9.png_pic_center]  
![在这里插入图片描述][038e89768aed471ebbd8a2e22bf98c92.png_pic_center]  
![在这里插入图片描述][d2473e946f2b49a89fa8a566ab0ae17e.png_pic_center]  
![在这里插入图片描述][dde9d66a6d594238aad23ee3e2e4b5e2.png_pic_center]

[78991f4022d14a8783f6fcafade0dd8d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/d9a8cd83d6fc47eea92bcacf29348325.png
[9081d63758e34cc6869c728641b0e27b.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/7959131575144f62904f90a8ba018b19.png
[a3578a5d57354797ac42eb507ffae01e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/d427cb99f72f44e0af7bdbeb3e6d5e39.png
[c6344308846f40d5a739fb442cfd6e38.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/4204d14742ec4e839a28d9eb91b84172.png
[fa750443a47f472e9c36fbe44dbcb6c9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/713d3b12c7964fda8c003b5b468f3e6b.png
[038e89768aed471ebbd8a2e22bf98c92.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/49e619fbd08c425484b0652382f9f01e.png
[d2473e946f2b49a89fa8a566ab0ae17e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/f3ab37f0feb34923abaf9af0bd6644e7.png
[dde9d66a6d594238aad23ee3e2e4b5e2.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/06c9648b877b43488d60b70c159e44f0.png