當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

HTML5期末大作业：运动系列——NBA篮球主题学生网页设计(7个页面) HTML+CSS+JavaScript 体育网页设计HTML代码学生网页课程设计期末作业下载大学生网页设计制作成...

發布時間：2023/12/9 javascript 29 豆豆

生活随笔收集整理的這篇文章主要介紹了 HTML5期末大作业：运动系列——NBA篮球主题学生网页设计(7个页面) HTML+CSS+JavaScript 体育网页设计HTML代码学生网页课程设计期末作业下载大学生网页设计制作成... 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

HTML5期末大作業：運動系列——NBA籃球主題學生網頁設計(7個頁面) HTML+CSS+JavaScript 體育網頁設計HTML代碼學生網頁課程設計期末作業下載大學生網頁設計制作成

臨近期末, 你還在為HTML網頁設計結課作業,老師的作業要求感到頭大？HTML網頁作業無從下手？網頁要求的總數量太多？沒有合適的模板？等等一系列問題。你想要解決的問題，在這篇博文中基本都能滿足你的需求~

原始HTML+CSS+JS頁面設計, web大學生網頁設計作業源碼，這是一個不錯的網頁制作，畫面精明，非常適合初學者學習使用。

作品介紹

1.網頁作品簡介方面：球星，科比布菜恩特KOBE，勒布朗詹姆斯JAMES，羅斯ROSE，德殼諾維茨基，韋德WADE，姚明YAO HTML期末大學生網頁設計作業 ,喜歡的可以下載，文章頁支持手機PC響應式布局。主要有：首頁最新資訊最愛的球隊最愛的球星聯盟MVP 總冠軍球隊作者介紹等總共個頁面html下載。

2.網頁作品編輯方面：此作品為學生個人主頁網頁設計題材，代碼為簡單學生水平 html+css 布局制作，作品下載后可使用任意HTML編輯軟件(例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有編輯器均可使用)

3.網頁作品布局方面：網頁布局整體為LOGO、導航、主體內容布局。子頁面多種布局，興趣愛好內容使用圖片列表布局，成績頁面插入了表格，聯系我們使用圖片對齊方式設置了左對齊。

4.網頁作品技術方面：使用CSS制作了網頁背景圖、鼠標經過及選中導航變色效果、下劃線等。首頁制作了留言表單，同時簡單使用JavaScript制作了表單判斷(提交時表單不能為空)

文章目錄

HTML5期末大作業：運動系列——NBA籃球主題學生網頁設計(7個頁面) HTML+CSS+JavaScript 體育網頁設計HTML代碼學生網頁課程設計期末作業下載大學生網頁設計制作成
作品介紹
一、作品演示
- 1.首頁
- 2.最新資訊
- 3.最愛的球隊
- 4.最愛的球星
- 5. 聯盟MVP
二、代碼目錄
三、代碼實現
四、web前端入門到高級(視頻+源碼+資料+面試)一整套 (教程)
五、源碼獲取
六、更多HTML期末大作業作品文章
七、更多表白源碼
八、150套Echarts大數據可視化

1.首頁

2.最新資訊

3.最愛的球隊

4.最愛的球星

5. 聯盟MVP

二、代碼目錄

三、代碼實現 <!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"><meta http-equiv="keywords" /><meta name="description" content="我的網頁nba"><link rel="stylesheet" type="text/css" href="images/style.css"><title>我愛NBA</title> </head><body class="body1"><div id="getValues" value="index" style="display: none;"></div><div id="getParams" value="a:0:{}" style="display: none;"></div><div id="top"><div id="header"><div id="logo"><div id="MODBLK_222" class="mod_block media_image mb_logo_block"><div class="flash_image"><img src="images/logo.png" alt="" width="292" height="88"></div></div></div><div class="switch_langbar" style="float: right; margin-top: 15px; margin-right: 15px;"></div><div id="nav_bg"><div id="nav"><div id="MODBLK_225" class="mod_block mb_56YrvV58_block"><div class="nav_l"></div><ul id="nav_pMf9ZF" class="navigation"><li><a href="index.htm">首頁</a> </li><li><a href="news.html">最新資訊</a> </li><li><a href="teams.html">最愛的球隊</a> </li><li class=""><span id=""><a href="stars.html">最愛的球星</a><ul style="display: none;"></ul></span></li><li><a href="mvp.html">聯盟MVP</a> </li><li><a href="champion.html">總冠軍球隊</a> </li><li><a href="me.html">作者介紹</a> </li></ul><div class="nav_r"></div></div></div></div></div></div><div id="main_div"><div class="web_bg"><div id="main_all"><div id="mainmain"><div id="banner_bg"><div id="banner"><div id="MODBLK_223" class="mod_block media_image mb_banner_block"><div class="flash_image"><img src="images/002.jpg" alt="" width="940" height="326"></div></div></div></div><div id="main_con" class="web_bg"><div id="use"><div id="MODBLK_939" class="mod_block mb_i8swgeag_block"><div id="marquee_demo5dNRXF" class="marquee_list"><table align="center" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td id="marquee_product15dNRXF" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="8" height="100"><tbody><tr><td><a href="content/team_rehuo.html" title="熱火"><img style="width: 160px; height: auto; padding: 3px 0px;" src="images/teams/rehuo.jpg" name="picautozoom" width="160" border="0" height="120"></a></td><td><a href="content/team_huren.html" title="湖人"><img style="width: 160px; height: auto; padding: 8px 0px;" src="images/teams/huren.jpg" name="picautozoom" width="160" border="0" height="120"></a></td><td><a href="content/team_huojian.html" title="火箭"><img style="width: 160px; height: auto; padding: 8px 0px;" src="images/teams/huojian.jpg" name="picautozoom" width="160" border="0" height="120"></a></td><td><a href="content/team_maci.html" title="馬刺"><img style="width: 160px; height: auto; padding: 8px 0px;" src="images/teams/maci.jpg" name="picautozoom" width="160" border="0" height="120"></a></td><td><a href="#" title="凱爾特人"><img style="width: 160px; height: auto; padding: 8px 0px;" src="images/teams/kaierteren.jpg" name="picautozoom" width="160" border="0" height="120"></a></td><td><a href="#" title="爵士"><img style="width: 160px; height: auto; padding: 8px 0px;" src="images/teams/jueshi.jpg" name="picautozoom" width="160" border="0" height="120"></a></td><td><a href="#" title="籃網"><img style="width: aoto; height: 128; padding: 8px 0px;" src="images/teams/lanwang.jpg" name="picautozoom" width="160" border="0" height="120"></a></td><td><a href="content/team_xiaoniu.html" title="小牛隊"><img style="width: 160px; height: auto; padding: 0px;" src="images/teams/sll.jpg" name="picautozoom" width="160" border="0" height="120"></a></td></tr></tbody></table></td><td id="marquee_product25dNRXF" valign="top"></td></tr></tbody></table></div><div class="list_bot"></div><script type="text/javascript">var speed = 20;var marquee_product25dNRXF = document.getElementById("marquee_product25dNRXF");var marquee_product15dNRXF = document.getElementById("marquee_product15dNRXF");var marquee_demo5dNRXF = document.getElementById("marquee_demo5dNRXF");marquee_product25dNRXF.innerHTML = marquee_product15dNRXF.innerHTML;function Marquee5dNRXF() {if (marquee_demo5dNRXF.scrollLeft >= marquee_product15dNRXF.scrollWidth) {marquee_demo5dNRXF.scrollLeft = 0;} else {marquee_demo5dNRXF.scrollLeft++;}}var MyMar5dNRXF = setInterval(Marquee5dNRXF, speed);marquee_demo5dNRXF.onmouseover = function() {clearInterval(MyMar5dNRXF);}marquee_demo5dNRXF.onmouseout = function() {MyMar5dNRXF = setInterval(Marquee5dNRXF, speed);}</script></div></div><div id="main_01"><div id="i_left"><div id="MODBLK_914" class="mod_block mb_aSlzIyVD_block"><h3 class="blk_t">球星</h3><div class="list_main category"><div class="prod_type"><div id="pro_type_l7bBq1"><ul><li><a href="content/star_kobe.html">科比布萊恩特KOBE</a></li><li><a href="content/star_james.html">勒布朗詹姆斯JAMES</a></li><li><a href="content/star_rose.html">羅斯ROSE</a></li><li><a href="content/star_nuoweiciji.html">德克-諾維茨基</a></li><li><a href="content/star_weide.html">韋德WADE</a></li><li><a href="content/star_yaoming.html">姚明YAO</a></li><div class="blankbar1"></div></ul></div></div><div class="list_bot"></div></div><div class="blankbar"></div></div><div id="MODBLK_916" class="mod_block mb_03Kj95bK_block"><h3 class="blk_t">最愛球隊</h3><div align="center"><a href="content/team_huren.html"><img src="images/teams/huren.jpg" alt="湖人" border="0"></a></div><div class="blankbar"></div></div></div><div id="center"><div id="MODBLK_943" class="mod_block mb_IjQGfuRD_block"><h3 class="blk_t">2011 NBA</h3><div class="list_con company_intro"><p><img src="images/indexnews.jpg" alt="" width="350" height="260" align="left" style="margin-right: 10px;" />     6月12日，小牛隊球員諾維茨基(中)手捧獎杯與球隊成員們慶祝。當日，在NBA總決賽第六場中，達拉斯小牛隊客場以105比95戰勝邁阿密熱火隊，從而以4比2的總比分在NBA總冠軍榜上第一次寫上了小牛隊的名字。</p><div class=""><br /></div></div><div class="list_bot"></div></div></div><div id="i_right"><div id="MODBLK_940" class="mod_block mb_jKadXmvB_block"><h3 class="blk_t">最新資訊</h3><div class="list_main"><div class="list_con"><ul class="titlelist"><li><div align="center"><a href="content/news_01.html">美媒再談小牛贏在團戰</a><a href="http://qiche11a36.site3.sitestar.cn/qiche11a36/wwwroot/index.php?_m=mod_article&_a=article_content&article_id=87" title="最新資訊"></a>…</div></li><li><div align="center"><a href="content/news_02.html">波什解釋哭泣原因：籃</a><a href="http://qiche11a36.site3.sitestar.cn/qiche11a36/wwwroot/index.php?_m=mod_article&_a=article_content&article_id=73" title="最新資訊"></a>…</div></li><li><div align="center"><a href="content/news_03.html">沖冠失利韋德在家禁閉</a><a href="http://qiche11a36.site3.sitestar.cn/qiche11a36/wwwroot/index.php?_m=mod_article&_a=article_content&article_id=88" title="最新資訊”"></a>…</div></li><li><div align="center"><a href="content/news_04.html">斯帥：熱火教練組全部</a><a href="http://qiche11a36.site3.sitestar.cn/qiche11a36/wwwroot/index.php?_m=mod_article&_a=article_content&article_id=74" title="最新資訊"></a>…</div></li></ul><div class="list_more"><a href="#"><img src="images/more_37.jpg" width="32" border="0" height="9"></a></div></div><div class="list_bot"></div></div><div class="blankbar"></div></div><div id="MODBLK_944" class="mod_block mb_t7gWwKCa_block"><h3 class="blk_t">最愛球星</h3><div class="newprod"><div class="newprod_top"></div><div class="newprod_con"><div class="pro_over"><table class="media_grid" width="100%" cellspacing="4"><tbody><tr><td><div align="center"><a href="content/star_kobe.html"><img src="images/stars/kobe.jpg" height="200" align="absMiddle" border="0"></a></a></div></td></tr></tbody></table></div></div><div class="list_bot"></div></div><div class="blankbar"></div></div></div></div><div class="blankbar"></div></div><div id="footer_bg"><div id="footer"><div class="copyright"><style type="text/css">.mb_foot_block {position: relative;}.mb_foot_block a {display: inline;}</style><div id="MODBLK_224" class="mod_block mb_foot_block"><div class="com_con">版權所有 <a href="http://zuoye8.com" target="_blank">網頁作業</a><br></div><div class="list_bot"></div></div></div></div><script type="text/javascript" language="javascript"></script></div></div></div></div></div>

四、web前端入門到高級(視頻+源碼+資料+面試)一整套 (教程)

web前端零基礎-入門到高級 (視頻+源碼+開發軟件+學習資料+面試題) 一整套 (教程)
適合入門到高級的童鞋們入手~送1000套HTML+CSS+JavaScript模板網站

五、源碼獲取

? ~ 關注我，點贊博文~ 每天帶你漲知識!

?1.看到這里了就 [點贊+好評+收藏] 三連支持下吧，你的「點贊，好評，收藏」是我創作的動力。

? 2.關注我 ~ 每天帶你學習 :各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板、大學生畢業HTML模板、期末大作業模板、等! 「在這里有好多前端開發者，一起探討前端 Node 知識，互相學習」！

?3.以上內容技術相關問題可以相互學習，可關注↓公Z號獲取更多源碼 !

總結

以上是生活随笔為你收集整理的HTML5期末大作业：运动系列——NBA篮球主题学生网页设计(7个页面) HTML+CSS+JavaScript 体育网页设计HTML代码学生网页课程设计期末作业下载大学生网页设计制作成...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： Taro+react开发（20）--控制
下一篇： SpringBoot 热部署