作品介紹1.臨近期末, 你還在為HTML網頁設計結課作業,老師的作業要求感到頭大?HTML網頁作業無從下手? 網頁要求的總數量太多?
2.沒有合適的模板?等等一系列問題,你想要解決的問題,在這篇博文中基本都能滿足你的需求~
3.原始HTML+CSS+JS頁面設計, web大學生網頁設計作業原始碼,這是一個不錯的網頁制作,畫面精明,非常適合初學者學習使用,
??1.網頁作品簡介?? :HTML期末大學生網頁設計作業 A+水平 ,喜歡的可以下載,文章頁支持手機PC回應式布局,包含:??主頁、關于我們、登錄、注冊,??總共4個頁面,
??2.網頁作品編輯??:此作品為學生期末大作業網頁設計題材,代碼為簡單學生水平 html+css 布局制作,作品下載后可使用任意HTML編輯軟體(例如:??DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++?? 等任意HTML軟體編輯修改網頁),
??3.網頁作品布局??:網頁布局整體為回應式布局、LOGO、導航、主體內容布局,子頁面多種布局,興趣愛好內容使用圖片串列布局,成績頁面插入了表格,聯系我們使用圖片對齊方式設定了左對齊,
??4.網頁作品技術??:使用DIV+CSS制作網頁, 背景圖、音樂、視頻、flash、滑鼠經過及選中導航變色效果、下劃線 、等, 表單提交、評論留言,并使用JavaScript制作了表單判斷(提交時表單不能為空),
文章目錄
- ??HTML5期末大作業:動漫網站設計——迪斯尼公主(6頁) HTML+CSS+JavaScript 期末作業HTML代碼 學生網頁課程設計期末作業下載 web網頁設計制作成品??
- ??作品介紹??
- ??一、作品展示??
- 1.子州簡介
- 2. 住宿
- 3.聯系我們
- 4. 景區公告
- 5. 子州美食
- 6. 隨手禮
- 7.文化活動
- 8.子州景區
- ??二、檔案目錄??
- 三、畢 業 設 計 論 文
- ??四、代碼實作??
- ??五、web前端(學習資料)??
- ??六、原始碼獲取??
- ??七、更多原始碼??
1.子州簡介

2. 住宿

3.聯系我們

4. 景區公告

5. 子州美食

6. 隨手禮

7.文化活動

8.子州景區


三、畢 業 設 計 論 文



<!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>
</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">景區公告</a></li>
<li><a href="contact.html">聯系我們</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>子洲縣位于陜北黃土高原丘陵溝壑區腹地,榆林市南緣,為紀念革命烈士李子洲而命名,</li>
</ul>
</div>
<!-- //container -->
</div>
</div>
<!-- //banner -->
<!-- banner-bottom -->
<div class="banner-top-slide">
<div class="banner-bottom-top">
<h4>全民抗疫</h4>
<p>團結一致,萬眾一心,早日戰勝疫情,武漢加油,中國加油</p>
</div>
<div class="banner-bottom-bottom">
<div class="banner-top-slide-grids">
<script src="js/responsiveslides.min.js"></script>
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider3">
<li>
<div class="banner-slid">
<h3>同舟共濟</h3>
<p>居家隔離,減少外出,就是最好的防護;</br>
聽從號召盡量待在家中,不串門不聚會;</br>正確佩戴口罩,做好防護,養成良好衛生習慣,
</p>
</div>
</li>
<li>
<div class="banner-slid">
<h3>堅定信心</h3>
<p>科學宣傳疫情防護知識,提高公眾自我保護意識;</br>
加強防控,一起加油,眾志成城,抗擊疫情;</br>
疫情就是命令,防控就是責任,
</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">嗯,點這里>></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>子州過年習俗</h3>
<p>陜北的春節,各種民俗活動異彩紛呈,鬧秧歌,廟會,打醮,說書等百花齊放,可謂是熱鬧非凡<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="picture/xs1.jpg" alt="">
</div>
<div class="col-md-7 banner-bottom-right">
<h4>秧歌朝拜佛祖</h4>
<p>打醮本是道士設壇為人做法事,求福禳災的一種法事活動,一般是在冬天農事告一段落的時候,農民們為了感謝神靈帶來一年的識訓,祈求上蒼賜福庇佑來年風調雨順、五谷豐登,消災免難,吉祥安康,而舉行各種祭祀活動,而打醮便是其中的一項重要的活動,</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="picture/xs2.jpg" alt="">
</div>
<div class="col-md-7 banner-bottom-right">
<h4>轉幡</h4>
<p>在眾多的祭祀活動中,轉幡也是一項規模比較大的佛事活動,轉幡也稱祭幡,就是凡來參加祭事活動的村民都要手執法器、排例成行、跟隨佛教居士在空闊平整的地上圍繞著栽在地上的綁著一把朝向天空的高高在上的掃帚旋轉,綁著的掃帚謂之“掃天晴”,</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>子州景區</h3>
<p>因外界各種原因給您帶來的麻煩,我們在此感到深深的抱歉,感謝您的諒解,祝您游玩愉快!</p>
</div>
<div class="news-grids">
<div class="col-md-3 news-grid">
<h4>子洲西峰寺</h4>
<span>2020.02.07</span>
<img src="picture/ticket.jpg" alt="">
<div class="news-info">
<p>子洲縣瓜園則灣鄉政府東北2公里處有一塊山地,名叫蘆草壇,其上有一西峰寺,依山而建,北臨乏牛山,西北與柏全山相望,蘆草壇雖不雄偉壯觀,卻也峻峭,人若站于其頂眺望,視野倒也開闊,更因其西峰寺而遐邇聞名,西峰寺坐西北面東南,占地約3畝,一個獨院,正殿由三孔拱形洞組成,純磚結構,頂呈硬山式,用黃色琉璃瓦鋪頂,飛檐翹角,獸頭獨尊,遙遙相望,頂上中有三層小0,獨特精致,引人注目,正殿走廊四柱支撐,朱柱彩壁,畫棟雕梁,十分生動,</p>
</div>
</div>
<div class="col-md-3 news-grid">
<h4>子洲大洪寺</h4>
<span>2020.02.07</span>
<img src="picture/ticket.jpg" alt="">
<div class="news-info">
<p>子洲城西五里大理河北岸有大洪寺,“據廟內碑記載,明景泰初年,信士諸公創修廟于底石崖,延及成化年間乃修葺于中峰之巔,后世多次重修,1917年——1920年再重修葺”,(1958年文物普查記錄)其寺據今已有550多年的歷史了,大洪寺面南而建,與大理河南岸之青龍山、克戎寨(今張家寨)遙遙相對,</p>
</div>
</div>
<div class="col-md-3 news-grid">
<h4>淮寧河</h4>
<span>2020.02.07</span>
<img src="picture/ticket.jpg" alt="">
<div class="news-info">
<p>淮寧河無定河,陜北最著名的一條河,它從遙遠的三邊高原西南部的白于山脈奔騰而來,它在陡峭的石壁間、狹窄的河谷里咆哮沖撞,奪路東下,在莽莽的山溝大川上,又有無數的大河小溪從四面八方匯入了它博大的懷抱,淮寧河,就是這無數支流中的一條河流,它發源于子長縣石家灣鄉高柏山麓的棗樹畔村,流經子長、子洲、綏德三縣的十個鄉鎮,近百個村莊,最后從綏德縣鄧家樓村入無定河,全長85.2公里,流域總面積1222平方公里,</p>
</div>
</div>
<div class="col-md-3 news-grid">
<h4>子洲柏全山</h4>
<span>2020.02.07</span>
<img src="picture/ticket.jpg" alt="">
<div class="news-info">
<p>柏全山位于瓜園則灣鄉政府駐地南3公里處,據傳說,此山曾有4株枝葉繁茂的大柏樹,故名柏全山,柏全山北高南低,山巔上有一古廟,主奉天皇、地皇、人皇,簡稱為“三皇廟”,坐北面南,正殿為三孔硬山形頂拱式磚窯,整個寺院雖然面積不大,但布局合理,層次分明,有泥塑五十余尊,保持有晚清風格,</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>聯系我們</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>陜北黃土高原丘陵溝壑區腹地
<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>陜北黃土高原丘陵溝壑區腹地,榆林市南緣</p>
</div>
<div class="clearfix"> </div>
</div>
<!-- //container -->
</div>
<!-- //footer -->
<!-- copyright -->
<div class="copyright">
<!-- container -->
<div class="container">
<div class="copyright-left">
<p>Copyright © 2020.All rights reserved. 更多模板:<a href="http://www.cssmoban.com/" target="_blank">模板之家</a></p>
</div>
</div>
<!-- //container -->
</div>
<!-- copyright -->
</body>
</html>
??web前端 零基礎-入門到高級 (視頻+原始碼+開發軟體+學習資料+面試題) 一整套 (教程)??
適合入門到高級的童鞋們入手~??送1000套HTML+CSS+JavaScript模板網站??

?以上內容技術相關問題可以相互學習,可在 ??V幸 公Z號 >>> web前端小日記??

轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/310595.html
標籤:其他
