時(shí)間:2023-08-14 23:24:02 | 來源:網(wǎng)站運(yùn)營
時(shí)間:2023-08-14 23:24:02 來源:網(wǎng)站運(yùn)營
HTML5期末大作業(yè):榆林子州網(wǎng)站設(shè)計(jì)——榆林子州-含論文(6頁) 榆林子州旅游網(wǎng)頁HTML代碼 學(xué)生網(wǎng)頁設(shè)計(jì)與制作期末作業(yè)下載 大學(xué)生網(wǎng)頁設(shè)計(jì)與制作成品下載 DW旅行網(wǎng)頁作業(yè):常見網(wǎng)頁設(shè)計(jì)作業(yè)題材有個(gè)人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動(dòng)漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他
等網(wǎng)頁設(shè)計(jì)題目,A+水平作業(yè)
, 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計(jì)需求, 喜歡的可以下載!
PC電腦端關(guān)注我們
1.網(wǎng)頁作品簡介
:HTML期末大學(xué)生網(wǎng)頁設(shè)計(jì)作業(yè) A+水平 ,喜歡的可以下載,文章頁支持手機(jī)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í)設(shè)計(jì)了logo(源文件),基本期末作業(yè)所需的知識點(diǎn)全覆蓋。<!DOCTYPE HTML><html><head><title>榆林子州</title><meta name="viewport" content="width=device-width, initial-scale=1"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="keywords" content="Transit Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /><script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script><link href="css/bootstrap.css" rel='stylesheet' type='text/css' /><!-- Custom Theme files --><link href="css/style.css" rel='stylesheet' type='text/css' /> <script src="js/jquery-1.11.1.min.js"> </script> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); });</script> </head><body> <!-- banner --> <div class="banner"> <!-- container --> <div class="container"> <div class="header"> <div class="logo"> <a href="index.html">榆林子州</a> </div> <div class="icons"> <ul> <li><a href="#" class="facebook"> </a></li> <li><a href="#" class="facebook twitter"> </a></li> <li><a href="#" class="facebook chrome"> </a></li> <li><a href="#" class="facebook dribbble"> </a></li> </ul> </div> <div class="clearfix"> </div> </div> <div class="top-nav"> <span class="menu">菜單</span> <ul class="nav1"> <li><a href="index.html" class="active">子州簡介</a></li> <li><a href="history.html">文化歷史</a></li> <li><a href="accomdation.html">住宿</a></li> <li><a href="food.html">子州美食</a></li> <li><a href="#news" class="scroll">景區(qū)公告</a></li> <li><a href="contact.html">聯(lián)系我們</a></li> </ul> <!-- script-for-menu --> <script> $( "span.menu" ).click(function() { $( "ul.nav1" ).slideToggle( 300, function() { // Animation complete. }); }); </script> <!-- /script-for-menu --> </div> </div> <!-- //container --> <div class="banner-text"> <!-- container --> <div class="container"> <ul> <li>子洲縣位于陜北黃土高原丘陵溝壑區(qū)腹地,榆林市南緣,為紀(jì)念革命烈士李子洲而命名。</li> </ul> </div> <!-- //container --> </div> </div> <!-- //banner --> <!-- banner-bottom --> <div class="banner-top-slide"> <div class="banner-bottom-top"> <h4>全民抗疫</h4> <p>團(tuán)結(jié)一致,萬眾一心,早日戰(zhàn)勝疫情,杭州加油,中國加油</p> </div> <div class="banner-bottom-bottom"> <div class="banner-top-slide-grids"> <script src="js/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 4 $("#slider3").responsiveSlides({ auto: true, pager: true, nav: false, speed: 500, namespace: "callbacks", before: function () { $('.events').append("<li>before event fired.</li>"); }, after: function () { $('.events').append("<li>after event fired.</li>"); } }); }); </script> <div id="top" class="callbacks_container"> <ul class="rslides" id="slider3"> <li> <div class="banner-slid"> <h3>同舟共濟(jì)</h3> <p>居家隔離,減少外出,就是最好的防護(hù);</br> 聽從號召盡量待在家中,不串門不聚會(huì);</br>正確佩戴口罩,做好防護(hù),養(yǎng)成良好衛(wèi)生習(xí)慣。 </p> </div> </li> <li> <div class="banner-slid"> <h3>堅(jiān)定信心</h3> <p>科學(xué)宣傳疫情防護(hù)知識,提高公眾自我保護(hù)意識;</br> 加強(qiáng)防控,一起加油。眾志成城,抗擊疫情;</br> 疫情就是命令,防控就是責(zé)任。 </p> </div> </li> </ul> </div> </div> </div> </div> <!-- //banner-bottom --> <!-- welcome --> <div class="welcome"> <!-- container --> <div class="container"> <div class="welcome-info"> <h3>Hello there!</h3> <h5>新的一年,打卡子州的正確姿勢</h5> <h4>你要不要跟我走? <a href="follow-me.html">嗯,點(diǎn)這里>></a></h4> </div> </div> <!-- //container --> </div> <!-- //welcome --> <div class="copyrights">Collect from </div> <!-- banner-bottom --> <div class="banner-bottom"> <!-- container --> <div class="container"> <div class="banner-bottom-info"> <h3>子州過年習(xí)俗</h3> <p>陜北的春節(jié),各種民俗活動(dòng)異彩紛呈,鬧秧歌,廟會(huì),打醮,說書等百花齊放,可謂是熱鬧非凡<a href="handie.html">更多>></a></p> </div> <div class="banner-bottom-grids"> <div class="col-md-6 banner-bottom-grid"> <div class="col-md-5 banner-bottom-left"> <img src="images/xs1.jpg" alt=""> </div> <div class="col-md-7 banner-bottom-right"> <h4>秧歌朝拜佛祖</h4> <p>打醮本是道士設(shè)壇為人做法事,求福禳災(zāi)的一種法事活動(dòng)。一般是在冬天農(nóng)事告一段落的時(shí)候,農(nóng)民們?yōu)榱烁兄x神靈帶來一年的收獲,祈求上蒼賜福庇佑來年風(fēng)調(diào)雨順、五谷豐登,消災(zāi)免難,吉祥安康,而舉行各種祭祀活動(dòng),而打醮便是其中的一項(xiàng)重要的活動(dòng)。</p> </div> <div class="clearfix"> </div> </div> <div class="col-md-6 banner-bottom-grid"> <div class="col-md-5 banner-bottom-left"> <img src="images/xs2.jpg" alt=""> </div> <div class="col-md-7 banner-bottom-right"> <h4>轉(zhuǎn)幡</h4> <p>在眾多的祭祀活動(dòng)中,轉(zhuǎn)幡也是一項(xiàng)規(guī)模比較大的佛事活動(dòng)。轉(zhuǎn)幡也稱祭幡,就是凡來參加祭事活動(dòng)的村民都要手執(zhí)法器、排例成行、跟隨佛教居士在空闊平整的地上圍繞著栽在地上的綁著一把朝向天空的高高在上的掃帚旋轉(zhuǎn),綁著的掃帚謂之“掃天晴”。</p> </div> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> </div> </div> <!-- container --> </div> <!-- //banner-bottom --> <!-- news --> <div id="news" class="news"> <div class="container"> <div class="news-text"> <h3>子州景區(qū)</h3> <p>因外界各種原因給您帶來的麻煩,我們在此感到深深的抱歉,感謝您的諒解,祝您游玩愉快!</p> </div> <div class="news-grids"> <div class="col-md-3 news-grid"> <h4>子洲西峰寺</h4> <span>2020.02.07</span> <img src="images/ticket.jpg" alt=""> <div class="news-info"> <p>子洲縣瓜園則灣鄉(xiāng)政府東北2公里處有一塊山地,名叫蘆草壇,其上有一西峰寺,依山而建。北臨乏牛山,西北與柏全山相望。蘆草壇雖不雄偉壯觀,卻也峻峭,人若站于其頂眺望,視野倒也開闊,更因其西峰寺而遐邇聞名。西峰寺坐西北面東南,占地約3畝,一個(gè)獨(dú)院。正殿由三孔拱形洞組成,純磚結(jié)構(gòu),頂呈硬山式,用黃色琉璃瓦鋪頂,飛檐翹角,獸頭獨(dú)尊,遙遙相望,頂上中有三層小0,獨(dú)特精致,引人注目。正殿走廊四柱支撐,朱柱彩壁,畫棟雕梁,十分生動(dòng)。</p> </div> </div> <div class="col-md-3 news-grid"> <h4>子洲大洪寺</h4> <span>2020.02.07</span> <img src="images/ticket.jpg" alt=""> <div class="news-info"> <p>子洲城西五里大理浙江岸有大洪寺?!皳?jù)廟內(nèi)碑記載,明景泰初年,信士諸公創(chuàng)修廟于底石崖,延及成化年間乃修葺于中峰之巔,后世多次重修,1917年——1920年再重修葺”。(1958年文物普查記錄)其寺?lián)褚延?50多年的歷史了。大洪寺面南而建,與大理浙江岸之青龍山、克戎寨(今張家寨)遙遙相對。</p> </div> </div> <div class="col-md-3 news-grid"> <h4>淮寧河</h4> <span>2020.02.07</span> <img src="images/ticket.jpg" alt=""> <div class="news-info"> <p>淮寧河無定河,陜北最著名的一條河。它從遙遠(yuǎn)的三邊高原西南部的白于山脈奔騰而來,它在陡峭的石壁間、狹窄的河谷里咆哮沖撞,奪路東下,在莽莽的山溝大川上,又有無數(shù)的大河小溪從四面八方匯入了它博大的懷抱?;磳幒?,就是這無數(shù)支流中的一條河流。它發(fā)源于子長縣石家灣鄉(xiāng)高柏山麓的棗樹畔村,流經(jīng)子長、子洲、綏德三縣的十個(gè)鄉(xiāng)鎮(zhèn),近百個(gè)村莊,最后從綏德縣鄧家樓村入無定河,全長85.2公里,流域總面積1222平方公里。</p> </div> </div> <div class="col-md-3 news-grid"> <h4>子洲柏全山</h4> <span>2020.02.07</span> <img src="images/ticket.jpg" alt=""> <div class="news-info"> <p>柏全山位于瓜園則灣鄉(xiāng)政府駐地南3公里處。據(jù)傳說,此山曾有4株枝葉繁茂的大柏樹,故名柏全山。柏全山北高南低,山巔上有一古廟,主奉天皇、地皇、人皇,簡稱為“三皇廟”。坐北面南,正殿為三孔硬山形頂拱式磚窯,整個(gè)寺院雖然面積不大,但布局合理,層次分明,有泥塑五十余尊,保持有晚清風(fēng)格。</p> </div> </div> <div class="clearfix"> </div> </div> </div> </div> <!-- //news --> <!-- footer --> <div class="footer"> <!-- container --> <div class="container"> <div class="col-md-6 footer-left"> <h3>聯(lián)系我們</h3> <form> <input type="text" placeholder="電子郵件,例如1435469178@qq.com" required=""> <input type="submit" value="提交"> </form> </div> <div class="col-md-3 footer-middle"> <h3>地址</h3> <div class="address"> <p>陜北黃土高原丘陵溝壑區(qū)腹地 <span>榆林市南緣</span> </p> </div> <div class="phone"> <p>0573-88731088</p> </div> </div> <div class="col-md-3 footer-right"> <div class="f-logo"> <a href="index.html">榆林子州</a> </div> <p>陜北黃土高原丘陵溝壑區(qū)腹地,榆林市南緣</p> </div> <div class="clearfix"> </div> </div> <!-- //container --> </div> <!-- //footer --> <!-- copyright --> <div class="copyright"> <!-- container --> <div class="container"> <div class="copyright-left"> </div> </div> <!-- //container --> </div> <!-- copyright --></body></html>
web前端 零基礎(chǔ)-入門到高級 (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程)
適合入門到高級的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站
HTML5期末考核大作業(yè)源碼
包含 個(gè)人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動(dòng)漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他
* 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計(jì)需求, 喜歡的可以下載! 關(guān)鍵詞:論文,旅游,設(shè)計(jì),作業(yè),榆林
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。