HTML期末作业-旅游网页
生活随笔
收集整理的這篇文章主要介紹了
HTML期末作业-旅游网页
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
旅游網頁HTML+CSS+JavaScript
部分網頁截圖?
<!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> <meta name="keywords" content="鳳陽縣旅游局 " /> <meta name="description" content="鳳陽縣旅游局 " /> <link href="css/whir_css.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="script/jquery.js"></script> <script type="text/javascript" src="script/superslide.2.1.js"></script> </head> <body> <!--header--> <div id="header"><div class="top"><div class="time"><script language=JavaScript> <!-- var enabled = 0; today = new Date(); var day; var date; if(today.getDay()==0) day = " 星期日" if(today.getDay()==1) day = " 星期一" if(today.getDay()==2) day = " 星期二" if(today.getDay()==3) day = " 星期三" if(today.getDay()==4) day = " 星期四" if(today.getDay()==5) day = " 星期五" if(today.getDay()==6) day = " 星期六" document.fgColor = "000000"; date = "今天是:" + (today.getFullYear()) + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日" + day +""; document.write(date); // --> </script></div><div class="weather"><iframe width="450" scrolling="no" height="18" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=1&color=%23555555&icon=3&py=fengyang&wind=0&num=1"></iframe></div><div class="tnav"><a href="#">政務網</a>|<a href="#">官方旗艦店</a></div></div><div class="nav"><div class="navmenu"><div class="logo"><a href="index.html"><img src="images/logo.jpg" width="190" height="70" /></a></div><ul><li><a href="鳳陽概況.html">鳳陽概況</a></li><li><a href="資訊信息.html" class="on">資訊信息</a></li><li><a href="人文鳳陽.html">人文鳳陽</a></li><li><a href="暢游服務.html">暢游鳳陽</a></li><li><a href="玩轉鳳陽.html">玩轉鳳陽</a></li><li><a href="主題線路.html">主題線路</a></li><li><a href="旅游攻略.html">旅游攻略</a></li><li><a href="出行服務.html">出行服務</a></li><li><a href="#">視頻欣賞</a></li></ul></div></div> </div> <div class="clear"></div> <div class="nybanner" style="background:url(images/nybanner5.jpg) center no-repeat;"></div> <!--中間內容--> <div id="subbox"> <div class="position">當前位置:<a href="#">首頁</a> > 鳳陽</div> <div class="mainbox"> <div class="titlei12"><h1>鳳陽概況</h1></div> <div class="menu"><h2><a href="#" class="on">鳳陽簡介</a></h2><h2><a href="#">鳳陽旅游地圖</a></h2> <h2><a href="#">鳳陽旅游概況</a></h2></div> <div class="content_news"> <p>鳳陽地處安徽省東北部,淮河中游南岸,總面積1949.5平方公里,人口74萬。大自然的厚愛,饋贈給鳳陽一方名山勝水,孕育了內涵厚重的淮河文化,哺育了一代農民皇帝朱元璋,造就了“敢為天下先”的小崗人,鳳陽也因此以“帝王之鄉”、“花鼓之鄉”、“改革之鄉”、“石英之鄉”、“曲藝之鄉”和“中國民間文化藝術之鄉”享譽海內外。鳳陽是歷史文化名城,2005年被評為“全省旅游強縣”,2006年被評為“一生中要去的‘66個文化旅游大縣’之一”,2007年被評為“中國縣域旅游品牌百強縣”,2008年被評為省旅游優秀單位。</p> <p>經過近20年的開發建設,我縣現有4A級景區2家,3A級景區3家;國內旅行社4家,三星級旅游廁所5個,二星級旅游廁所2個;全國重點文物保護單位1處(6個點),省級文物保<img src="images/gk2.jpg" align="left" />護單位5處;國家紅色旅游經典景區1處;省級農家樂示范點3處,四星級農家樂1處;省最佳旅游鄉鎮1個,省優秀旅游鄉鎮1個,省旅游鄉鎮4個;二星級旅游飯店1個,二星級旅游餐館1個。</p> <p>鳳陽山水靈秀,自然景觀奇特優美。韭山洞因山暖地靈多滋生野韭而得名,是長江以北少有的大型溶洞。它“深、大、險、奇、古”,“恢宏樸野、大塊文章”,被專家譽為“江北第一洞”。狼巷迷谷景區屬于典型的巖溶地貌形態,區內森林茂密,怪石林立,溝壑縱橫,峽谷幽深,石林、石峰各顯其態、變化萬千。石巷曲折蜿蜒,時寬時窄,置身其中,仿佛進入仙境迷谷一般。狼巷迷谷還有被稱為“華夏第一寺”的禪窟寺。臥牛湖景區水域寬闊,水體潔凈,蕩舟玩水,其樂無窮。這三個景區相互毗鄰,相得益彰,構成了不可多得的有山、有水、有洞、有泉、有寺、有峽谷的鳳陽山風景區。鳳陽山風景區1987年被列為安徽省風景名勝區,1994年被國家林業部批準為韭山國家森林公園,2009年被國土資源部批準為國家地質公園。</p> <p>鳳陽歷史悠久,文化底蘊深厚。擁有明代第一都——明中都城,它是南京故宮和北京故宮的藍本,明中都城遺址被專家譽為“東方巴比倫,明代第一流”;明代第一陵——明皇陵,它規模龐大,神道石像生數量之多、雕刻之精,皇陵碑價值之高,無字碑之神秘,堪稱一絕;華夏第一譙樓——明中都鼓樓,作為明中都城的重要附屬建筑,一直以其高大雄偉為國內之最,鼓樓上的朱元璋展覽館用翔實的史料、真實的實物介紹了朱元璋傳奇的一生,是全國唯一全面介紹朱元璋的展覽館;皇家第一寺——龍興寺,是朱元璋出家禮佛的寺廟,是朱元璋的發祥地,它與整個朱明王朝有著密切的淵源關系,也是江北一帶的佛教中心、中國重要的皇家寺院。明中都皇故城及明皇陵石刻,1982年被列為全國重點文物保護單位。<img src="images/gk1.jpg" align="right" />縣內還有省級文物保單位龍興寺、古鐘離城遺址、禪窟寺摩崖石刻、鼓樓臺基等。其他人文景觀還有莊惠濠梁觀魚,高山流水識知音的鐘子期墓,蘇東坡題名的禪窟寺、玉蟹泉等一百多處。</p> <p>鳳陽勇于創新,社會知名度高。鳳陽縣小崗村18戶農民以敢為天下先的膽識,按下了18顆鮮紅的手印,搞起了“大包干”,揭開了中國農村改革的序幕,書寫了中國歷史巨卷中厚重的一頁。一代偉人鄧小平曾高度評價小崗村:“ 鳳陽花鼓中唱的那個鳳陽縣,絕大多數生產隊搞了大包干,也是一年翻身,改變面貌” ;1998年,原國家主席江澤民親臨小崗村視察;2008年國家主席胡錦濤視察小崗村。</p> <p>鳳陽文化藝術豐富多彩。鳳陽花鼓唱徹600年時空,唱遍大江南北。鳳陽花鼓享有“東方芭蕾”之美譽,被列入國家首批非物質文化遺產;工藝獨特,色彩豐富,寓意深刻的鳳陽“鳳畫”,聲譽也遠傳海內外等。通過三次鳳陽花鼓文化旅游節的成功舉辦,使縣城環境更加整潔、旅游氛圍更加濃郁、接待游客更加熱情。</p> <p>經過不斷的開發建設,我縣配套完善了旅游相關服務設施。縣內賓館擁有床位500多張,其中鳳陽賓館擁有床位200多張。我們開發生產了鳳陽花鼓、鳳畫、日月牌粉絲、御膳麻油以及大明帝王系列酒等鳳陽特色旅游商品。鳳陽已初步具備了“吃、住、行、游、購、娛”綜合服務網絡。</p> <p>鳳陽不僅擁有豐富的旅游資源,更有便利的交通條件。京滬高鐵、京滬鐵路、合蚌鐵路、淮南鐵路穿境而過,合徐高速、蚌寧高速、合蚌公路和明亳公路在此交匯,鳳陽還擁有可通江達海的千里淮河第一港,蚌埠機場緊鄰鳳陽,距鳳陽僅25公里,構成了立體式交通網絡。</p> <p>鳳陽自然景觀和人文景觀珠聯璧合,社會文化資源博大豐厚,是人們尋幽探古、休閑度假和考察學習的好去處。歡迎更多的朋友到鳳陽觀光游覽、休閑度假,領略鳳陽風情。</p> <div><img src="images/welcome.jpg"</div> </div></div> </div><!--底部--> <div id="footer"> <div class="links"><!--下面是向左滾動代碼--><div id="colee_left" style="overflow:hidden;width:1200px; padding:0px;"><table cellpadding="0" cellspacing="0" border="0"><tr><td id="colee_left1" valign="top"><table cellpadding="2" cellspacing="0" border="0"><tr><td class="td1"><a href="#" target="_blank"><img src="images/link1.jpg" width="135" height="42" /></a></td><td class="td1"><a href="#" target="_blank"><img src="images/link2.jpg" width="135" height="42" /></a></td><td class="td1"><a href="#" target="_blank"><img src="images/link3.jpg" width="135" height="42" /></a></td><td class="td1"><a href="#" target="_blank"><img src="images/link4.jpg" width="135" height="42" /></a></td><td class="td1"><a href="#" target="_blank"><img src="images/link5.jpg" width="135" height="42" /></a></td><td class="td1"><a href="#" target="_blank"><img src="images/link6.jpg" width="135" height="42" /></a></td><td class="td1"><a href="#" target="_blank"><img src="images/link7.jpg" width="135" height="42" /></a></td><td class="td1"><a href="#" target="_blank"><img src="images/link8.jpg" width="135" height="42" /></a></td></tr></table></td><td id="colee_left2" valign="top"></td></tr></table></div><script> //使用div時,請保證colee_left2與colee_left1是在同一行上. var speed=48//速度數值越大速度越慢 var colee_left2=document.getElementById("colee_left2"); var colee_left1=document.getElementById("colee_left1"); var colee_left=document.getElementById("colee_left"); colee_left2.innerHTML=colee_left1.innerHTML function Marquee3(){ if(colee_left2.offsetWidth-colee_left.scrollLeft<=0)//offsetWidth 是對象的可見寬度 colee_left.scrollLeft-=colee_left1.offsetWidth//scrollWidth 是對象的實際內容的寬,不包邊線寬度 else{ colee_left.scrollLeft++ } } var MyMar3=setInterval(Marquee3,speed) colee_left.onmouseover=function() {clearInterval(MyMar3)} colee_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)} </script><!--向左滾動代碼結束--></div><div class="fnav"><a href="#">關于我們</a>|<a href="#">免責條款</a>|<a href="#">加入收藏</a>|<a href="#">設為首頁</a></div><div class="copyright">版權所有:鳳陽縣旅游局 電話:0000-0000000 地址:鳳陽縣東華路000號 郵編:000000 郵箱:xxxxx@xxx.com<br /> </div> </body> </html>?部分網頁截圖
總結
以上是生活随笔為你收集整理的HTML期末作业-旅游网页的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: C/C++认识标准win32应用程序
- 下一篇: java课程设计拼图_基于Java拼图游