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

javascript

HTML5期末大作业：家乡网站设计——我的家乡-获奖第二(6页) HTML+CSS+JavaScript 关于我的家乡HTML网页设计--

發布時間：2024/8/1 javascript 29 豆豆

生活随笔收集整理的這篇文章主要介紹了 HTML5期末大作业：家乡网站设计——我的家乡-获奖第二(6页) HTML+CSS+JavaScript 关于我的家乡HTML网页设计-- 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

HTML5期末大作業：家鄉網站設計——我的家鄉-獲獎第二(6頁) HTML+CSS+JavaScript 關于我的家鄉HTML網頁設計–

常見網頁設計作業題材有個人、美食、公司、學校、旅游、電商、寵物、電器、茶葉、家居、酒店、舞蹈、動漫、明星、服裝、體育、化妝品、物流、環保、書籍、婚紗、軍事、游戲、節日、戒煙、電影、攝影、文化、家鄉、鮮花、禮品、汽車、其他等網頁設計題目, A+水平作業, 可滿足大學生網頁大作業網頁設計需求, 喜歡的可以下載!

獲取更多源碼

PC電腦端關注我們

🧡作者主頁-更多源碼

🧡HTML期末大作業文章專欄

作品介紹

1.網頁作品簡介 ：HTML期末大學生網頁設計作業 A+水平 ,喜歡的可以下載，文章頁支持手機PC響應式布局。

2.網頁作品編輯：作品下載后可使用任意HTML編輯軟件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML軟件編輯修改網頁）。

3.網頁作品技術：Div+CSS、鼠標滑過特效、Table、導航欄效果、banner、表單、二級三級頁面等，視頻、音頻元素、Flash，同時設計了logo（源文件），基本期末作業所需的知識點全覆蓋。

文章目錄

HTML5期末大作業：家鄉網站設計——我的家鄉-獲獎第二(6頁) HTML+CSS+JavaScript 關于我的家鄉HTML網頁設計--
獲取更多源碼
作品介紹
一、作品展示
二、文件目錄
三、代碼實現
四、獲取更多源碼
五、學習資料
六、更多源碼

一、作品展示

二、文件目錄

三、代碼實現

<!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>我的個人主頁</title> <script src="http://se.360.cn/common/qihoo_ie6_tips.js"></script> <style type="text/css"> body{margin:0px;padding:0px;font-size:12px;text-decoration:none;background-color:#E9E9E9;background-image:url(images/bg.gif);background-repeat:repeat-x; }</style><link rel="stylesheet" type="text/css" href="css/css.css" /> </head><body><div class = "content"><div class ="top"></div> <div class = "nav"></div> <div class ="Navigation_bar"> <ul> <li class = "kuai"><a href="index.html">首頁</a></li> <li class = "kuai"><a href="h_arcticle.html">我的家鄉</a></li> <li class = "kuai"><a href="f_arcticle.html">我的母校</a></li> <li class = "kuai"><a href="list.html">我的文章</a></li> <li class = "kuai"><a href="p_arcticle.html">我的相冊</a></li> </ul> </div> <div class = "nav"></div> <div class = "showpic"><object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="960" height="150" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="movie" value="swf/Currencyshow.swf?data=xml/index.xml" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><embed src="swf/Currencyshow.swf?data=xml/index.xml" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="960" height="150"></embed> </object><div ></div> </div> <div class = "nav"></div> <div class = "main"> <div class = "left"> <div class = "title"> <span style="float:left; margin-top:15px;"><img src="images/myhometown.jpg" alt="我的家鄉" name="link" width="180" height="21" id="link" /></span> </div><div class = "nav"></div> <div class = "index_list">    長清是正在崛起的西部新城。2003年6月省委常委擴大會議確定了濟南“東拓、西進、南控、北跨、中疏”的城市發展總體戰略，其中“西進”是指加快開發以濟南經濟開發區、大學科技園和長清主城區為主的“西部片區”。在此基礎上，我們確定了“兩軸五組團”的城市發展空間結構，即以自然山體、水系和交通走廊為主線，進一步細劃為長清主城區、大學科技園區、經濟開發區、農業高新技術開發區和五峰山旅游度假區五個功能不同、風格迥異的城市組團，從而形成沿經十路連接經濟開發區和長清城區的經濟、社會、生態、城市發展軸: …… 　<br> </div><span style="float:right;padding-top:70px;"><a href="h_arcticle.html"><img src="images/more.jpg" border="0" /></a></span></div> <div class = "middle"> <div class = "title"> <span style="float:left; margin-top:15px"><img src="images/mymotherschool.jpg" alt="我的母校" name="link" width="180" height="21" id="link" /></span> </div> <div class = "nav"></div> <div class = "index_list">    濟南市長清第一中學位于風景秀麗、人文薈萃、經濟發達的濟南市長清區，其源于1904年創建的縣立高等學堂，迄今已有一百零五年的歷史。目前，學校分東西兩個校區，占地361畝，建筑面10萬平方米，學?，F有100多個高初中教學班，在校生6000余人。長清一中是省級規范化學校，濟南市重點中學，長清區窗口單位、教育龍頭學校 …… </div> <span style="float:right;padding-top:70px; "><a href="f_arcticle.html"><img src="images/more.jpg" border="0" /></a></span></div><div class = "right"> <div class = "title"> <span style="float:left;margin-top:15px"><img src="images/myarticle.jpg" alt="我的文章" name="link" width="180" height="21" id="link" /></span> </div> <div class = "nav"></div> <ul style="line-height:10px;"><li class = "list_right"><a href="arcticle.html">自我介紹</a><span style="float:right;">2012-13-21</span></li><li class = "list_right"><a href="http://my.micsite.net/my/Article.asp?id=5">重裝系統就是這么簡單 </a><span style="float:right;">2012-13-21</span></li><li class = "list_right"><a href="http://my.micsite.net/my/Article.asp?id=4">解決輸入法問題 </a><span style="float:right;">2012-13-21</span></li><li class = "list_right"><a href="http://my.micsite.net/my/Article.asp?id=3">電腦分區 </a><span style="float:right;">2012-13-21</span></li><li class = "list_right"><a href="http://my.micsite.net/my/Article.asp?id=2">xp系統設置開機密碼 </a><span style="float:right;">2012-13-21</span></li><li class = "list_right"><a href="http://my.micsite.net/my/Article.asp?id=15">micsite.net的來歷？ </a><span style="float:right;">2012-13-21</span></li><li class = "list_right"><a href="http://my.micsite.net/my/Article.asp?id=80">德州學院失物招領平臺</a><span style="float:right;">2012-13-21</span></li></ul> <span style="float:right;padding-top:70px; "><a href="list.html"><img src="images/more.jpg" border="0" /></a></span></div> </div><div class = "nav"></div> <div class = "group"> <a href="#"><img src="images/major-by-1.jpg" alt="一組" width="113" height="45" border="0" id="link" /></a>   <a href="#"><img src="images/major-by-2.jpg" alt="二組" name="link" width="113" height="45" border="0" id="link" /></a>   <a href="#"><img src="images/major-by-3.jpg" alt="三組" name="link" width="113" height="45" border="0" id="link" /></a>   <a href="#"><img src="images/major-by-4.jpg" alt="四組" name="link" width="113" height="45" border="0" id="link" /></a>   <a href="#"><img src="images/major-by-5.jpg" alt="五組" name="link" width="113" height="45" border="0" id="link" /></a>   <a href="#"><img src="images/major-by-6.jpg" alt="六組" name="link" width="113" height="45" border="0" id="link" /></a>   <a href="#"><img src="images/major-by-7.jpg" alt="七組" name="link" width="113" height="45" border="0" id="link" /></a>  </div> <div class = "nav"></div> <div class = "link_bar"> <div ><select name="friendLink" onchange="if(this.options[this.selectedIndex].value!='yqlj'){window.open(this.options[this.selectedIndex].value,'_blank')}" style="width:118px;"><option selected="selected" value="yqlj">友情鏈接</option><option target='_blank' value='http://v.micsite.net'>無聲工作室</option><option target='_blank' value='http://211.64.32.1'>德州學院</option><option target='_blank' value='http://sdbk.micsite.net'>山東高考信息網</option></select><a href="http://v.micsite.net"><img src="images/novice.jpg" alt="無聲" name="link" width="107" height="34" border="0" id="link" /></a>  <a href="http://211.64.32.1/"><img src="images/dzu.jpg" alt="友情鏈接" name="link" width="107" height="34" border="0" id="link" /></a>  <a href="http://sdbk.micsite.net"><img src="images/sdbk.jpg" alt="友情鏈接" name="link" width="107" height="34" border="0" id="link" /></a>  <a href="#"><img src="images/yq.jpg" alt="友情鏈接" name="link" width="107" height="34" border="0" id="link" /></a>  <a href="#"><img src="images/yq.jpg" alt="友情鏈接" name="link" width="107" height="34" border="0" id="link" /></a></div> </div> <div class = "nav"></div> <div class = "line"></div> <div class = "nav"></div><div class = "nav"></div> <div class = "foot_line"></div> </div> <script type="text/javascript">var jiathis_config = {data_track_clickback:true};</script> <script type="text/javascript" src="http://v3.jiathis.com/code/jiathis_r.js?move=0&uid=1335754376897194" charset="utf-8"></script> </body> </html>

四、獲取更多源碼

PC電腦端關注我們

五、學習資料

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

六、更多源碼

HTML5期末考核大作業源碼* 包含個人、美食、公司、學校、旅游、電商、寵物、電器、茶葉、家居、酒店、舞蹈、動漫、明星、服裝、體育、化妝品、物流、環保、書籍、婚紗、軍事、游戲、節日、戒煙、電影、攝影、文化、家鄉、鮮花、禮品、汽車、其他可滿足大學生網頁大作業網頁設計需求, 喜歡的可以下載!

總結

以上是生活随笔為你收集整理的HTML5期末大作业：家乡网站设计——我的家乡-获奖第二(6页) HTML+CSS+JavaScript 关于我的家乡HTML网页设计--的全部內容，希望文章能夠幫你解決所遇到的問題。

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

上一篇： “微信之父”张小龙：微信背后的产品观
下一篇： ukey网络连接异常_Ukey的各种操作