當(dāng)前位置：首頁 > 前端技术 > javascript >内容正文

javascript

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

發(fā)布時間：2024/8/1 javascript 41 豆豆

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

HTML5期末大作業(yè)：家鄉(xiāng)網(wǎng)站設(shè)計——我的家鄉(xiāng)-獲獎第二(6頁) HTML+CSS+JavaScript 關(guān)于我的家鄉(xiāng)HTML網(wǎng)頁設(shè)計–

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

獲取更多源碼

PC電腦端關(guān)注我們

🧡作者主頁-更多源碼

🧡HTML期末大作業(yè)文章專欄

作品介紹

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

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

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

文章目錄

HTML5期末大作業(yè)：家鄉(xiāng)網(wǎng)站設(shè)計——我的家鄉(xiāng)-獲獎第二(6頁) HTML+CSS+JavaScript 關(guān)于我的家鄉(xiāng)HTML網(wǎng)頁設(shè)計--
獲取更多源碼
作品介紹
一、作品展示
二、文件目錄
三、代碼實現(xiàn)
四、獲取更多源碼
五、學(xué)習(xí)資料
六、更多源碼

一、作品展示

二、文件目錄

三、代碼實現(xiàn)

<!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">我的家鄉(xiāng)</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="我的家鄉(xiāng)" name="link" width="180" height="21" id="link" /></span> </div><div class = "nav"></div> <div class = "index_list">    長清是正在崛起的西部新城。2003年6月省委常委擴(kuò)大會議確定了濟(jì)南“東拓、西進(jìn)、南控、北跨、中疏”的城市發(fā)展總體戰(zhàn)略，其中“西進(jìn)”是指加快開發(fā)以濟(jì)南經(jīng)濟(jì)開發(fā)區(qū)、大學(xué)科技園和長清主城區(qū)為主的“西部片區(qū)”。在此基礎(chǔ)上，我們確定了“兩軸五組團(tuán)”的城市發(fā)展空間結(jié)構(gòu)，即以自然山體、水系和交通走廊為主線，進(jìn)一步細(xì)劃為長清主城區(qū)、大學(xué)科技園區(qū)、經(jīng)濟(jì)開發(fā)區(qū)、農(nóng)業(yè)高新技術(shù)開發(fā)區(qū)和五峰山旅游度假區(qū)五個功能不同、風(fēng)格迥異的城市組團(tuán)，從而形成沿經(jīng)十路連接經(jīng)濟(jì)開發(fā)區(qū)和長清城區(qū)的經(jīng)濟(jì)、社會、生態(tài)、城市發(fā)展軸: …… 　<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">    濟(jì)南市長清第一中學(xué)位于風(fēng)景秀麗、人文薈萃、經(jīng)濟(jì)發(fā)達(dá)的濟(jì)南市長清區(qū)，其源于1904年創(chuàng)建的縣立高等學(xué)堂，迄今已有一百零五年的歷史。目前，學(xué)校分東西兩個校區(qū)，占地361畝，建筑面10萬平方米，學(xué)校現(xiàn)有100多個高初中教學(xué)班，在校生6000余人。長清一中是省級規(guī)范化學(xué)校，濟(jì)南市重點中學(xué)，長清區(qū)窗口單位、教育龍頭學(xué)校 …… </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">重裝系統(tǒng)就是這么簡單 </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">電腦分區(qū) </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系統(tǒng)設(shè)置開機密碼 </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">德州學(xué)院失物招領(lǐng)平臺</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'>德州學(xué)院</option><option target='_blank' value='http://sdbk.micsite.net'>山東高考信息網(wǎng)</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電腦端關(guān)注我們

五、學(xué)習(xí)資料

web前端零基礎(chǔ)-入門到高級 (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程)
適合入門到高級的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站

六、更多源碼

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

上一篇： “微信之父”张小龙：微信背后的产品观
下一篇：学生网站模板——我的家乡-云南(9页)