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

HTML

HTML网页设计期末课程大作业~旅游住宿酒店的HTML网页设计(14页) ~学生网页设计作业源码旅游网页代码学生网页设计与制作期末作业下载 DW旅游网页作业代码下载...

發布時間：2023/12/20 HTML 14 豆豆

生活随笔收集整理的這篇文章主要介紹了 HTML网页设计期末课程大作业~旅游住宿酒店的HTML网页设计(14页) ~学生网页设计作业源码旅游网页代码学生网页设计与制作期末作业下载 DW旅游网页作业代码下载... 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

旅游住宿酒店的HTML網頁設計14頁 ~ 學生網頁設計與制作期末作業下載~ 大學生網頁設計與制作成品下載 ~DW旅游網頁作業代碼下載

臨近期末, 你還在為HTML網頁設計結課作業,老師的作業要求感到頭大？HTML網頁作業無從下手？網頁要求的總數量太多？沒有合適的模板？等等一系列問題。你想要解決的問題，在這篇博文中基本都能滿足你的需求~

原始HTML+CSS+JS頁面設計, web大學生網頁設計作業源碼，這是一個不錯的網頁制作，畫面精明，非常適合初學者學習使用。

作品介紹

1.網頁作品簡介方面：HTML期末大學生網頁設計作業 ,喜歡的可以下載，文章頁支持手機PC響應式布局。主要有：網站首頁，景點介紹，客房展示，景點新聞，路線推薦，農家大院，特色美食，活動專題，在線留言，聯系我們等總共 14 個頁面html下載。

2.網頁作品編輯方面：此作品為學生個人主頁網頁設計題材，代碼為簡單學生水平 html+css 布局制作，作品下載后可使用任意HTML編輯軟件(例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有編輯器均可使用)

3.網頁作品布局方面：網頁布局整體為LOGO、導航、主體內容布局。子頁面多種布局，興趣愛好內容使用圖片列表布局，成績頁面插入了表格，聯系我們使用圖片對齊方式設置了左對齊。

4.網頁作品技術方面：使用CSS制作了網頁背景圖、鼠標經過及選中導航變色效果、下劃線等。首頁制作了留言表單，同時簡單使用JavaScript制作了表單判斷(提交時表單不能為空)

文章目錄

旅游住宿酒店的HTML網頁設計14頁 ~ 學生網頁設計與制作期末作業下載~ 大學生網頁設計與制作成品下載 ~DW旅游網頁作業代碼下載
作品介紹
一、作品演示
- 1.首頁
- 2.景點介紹
- 3.客房展示
- 4.景點新聞
- 5. 特色美食
- 6.聯系我們
二、代碼目錄
三、代碼實現
四、web前端入門到高級(視頻+源碼+資料+面試)一整套 (教程)
五、源碼獲取
六、更多HTML期末大作業作品文章
七、更多表白源碼
八、150套Echarts大數據可視化

1.首頁

2.景點介紹

3.客房展示

4.景點新聞

5. 特色美食

6.聯系我們

二、代碼目錄

三、代碼實現 <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> <body> <div class="top_bg"><div class="top"> <a href="index.htm" title="旅游住宿農家樂類()" class="logo"> <img src="images/logo.png" alt="旅游住宿農家樂類()"></a><div class="toptel"></div></div> </div>   <div class="nav_bg"><ul class="nav"><li><a title="網站首頁" href="index.htm" >網站首頁</a> </li><li><a title="景點介紹" href="index-1.htm" >景點介紹</a><dl></dl></li><li><a title="客房展示" href="index-2.htm" >客房展示</a><dl><dd><a title="標準間" href="index-3.htm" >標準間</a></dd><dd><a title="多人間" href="index-4.htm" >多人間</a></dd><dd><a title="雙人間" href="index-5.htm" >雙人間</a></dd><dd><a title="商務間" href="index-6.htm" >商務間</a></dd></dl></li><li><a title="景點新聞" href="index-7.htm" >景點新聞</a><dl></dl></li><li><a title="路線推薦" href="index-8.htm" >路線推薦</a><dl></dl></li><li><a title="農家大院" href="index-9.htm" >農家大院</a><dl></dl></li><li><a title="特色美食" href="index-10.htm" >特色美食</a><dl></dl></li><li><a title="活動專題" href="index-11.htm" >活動專題</a><dl></dl></li><li><a title="在線留言" href="index-12.htm" >在線留言</a><dl></dl></li><li><a title="聯系我們" href="index-13.htm" >聯系我們</a><dl></dl></li></ul> </div> <div class="banner"><div class="banner_top"></div><div id="slideBox" class="slideBox"><div class="bd"><ul><li style="background: url(images/banner1.jpg) center center no-repeat;"><a href="#"><img src="images/no.gif" /></a></li><li style="background: url(images/banner1.jpg) center center no-repeat;"><a href="#"><img src="images/no.gif" /></a></li></ul></div><div class="hd"><ul><li></li><li></li></ul></div><a href="javascript:void(0)" class="prev"></a> <a href="javascript:void(0)" class="next"></a> </div><script src="js/banner.js" ></script>  </div> <div class="marquee_box"><div class="marquee_bg"><div class="marquee_center"> <div class="mar_left"><p>站內公告：</p><marquee scrollamount="3">誠信為本：市場永遠在變，誠信永遠不變。</marquee></div> <div class="search"><form name="formsearch" action="http://demo3805.zancms.com/plus/search.php" method="get" onsubmit="return checksearch(this)"><input type="hidden" name="kwtype" value="0" /><input class="text" type="text" name="q" value="請輸入關鍵字" onfocus="if(this.value==defaultValue)this.value=''" onblur="if(this.value=='')this.value=defaultValue"><input type="submit" title="搜索" class="btn pngFix" value=""/></form><script type=text/javascript>jQuery(document).ready(function() {jQuery("#rid").selectbox();});</script> </div> </div></div> </div><div class="con_bg"> <div class="title1"><span>客</span><p>客房展示 GUEST ROOM</p><a href="index-2.htm" title="更多" class="more">更多</a> </div><div class="con1"><div class="con1_left"> <img src="images/kfzs.jpg" width="225" height="280" alt="" /><div class="con1_left_font"><p>客房展示圖</p><div>225x280 [不可刪除]，這里是客房展示介紹這里是客房展示介紹這里是客房展示介紹...</div></div></div><ul class="con1_list"><li><div class="con1_img"><img src="images/1-160Q113202Q14.jpg" alt="產品展示標題" width="222" height="167"/><span class="zoom"></span></div><p><a href="22.html" title="產品展示標題">產品展示標題</a></p><div>家住杭州采荷小區的市民李先生日前碰上了一件煩心事：一個星期連丟了兩輛自...</div></li> <li><div class="con1_img"><img src="images/1-160Q1132012V4.jpg" alt="產品展示標題" width="222" height="167"/><span class="zoom"></span></div><p><a href="23.html" title="產品展示標題">產品展示標題</a></p><div>家住杭州采荷小區的市民李先生日前碰上了一件煩心事：一個星期連丟了兩輛自...</div></li> <li><div class="con1_img"><img src="images/1-160Q1131950391.jpg" alt="產品展示標題" width="222" height="167"/><span class="zoom"></span></div><p><a href="29.html" title="產品展示標題">產品展示標題</a></p><div>家住杭州采荷小區的市民李先生日前碰上了一件煩心事：一個星期連丟了兩輛自...</div></li></ul></div> <div class="title1"><span>特</span><p>特色美食 SPECIALTIES</p><a href="index-10.htm" title="更多" class="more">更多</a></div><div class="con2"> <div class="s_banner"><ul class="s_banner_pic"><li><a href="#"><img src="images/ad1.jpg" width="314" height="276" /></a></li><li><a href="#"><img src="images/ad2.jpg" width="314" height="276" /></a></li></ul><div class="s_btns"><div> <a class="prev" href="javascript:void(0)"></a> <a class="next" href="javascript:void(0)"></a> </div></div></div><div class="con2_right"> <div class="con2_top"><a href="19.html" title="成功案例" class="specialties_img"><img src="images/1-160FQ64HQ36.jpg" alt="成功案例" width="177" height="133"/></a><p><a href="19.html" title="成功案例">成功案例</a><span>2016-07-13</span></p><div>汽車防盜報警器是伴隨汽車業的崛起而誕生的，為了應付汽車被盜或車零部件如：汽車音響掄胎、蓄電池等及車內物品的被盜，人們最初普遏使用的是機械...</div></div><ul class="con2_ul"><li><a href="17.html" title="成功案例"><img src="images/1-160FQ64P02X.jpg" alt="成功案例" width="141" height="106"/></a></li> <li><a href="18.html" title="成功案例"><img src="images/1-160FQ64J5109.jpg" alt="成功案例" width="141" height="106"/></a></li> <li><a href="20.html" title="成功案例"><img src="images/1-160FQ64AT58.jpg" alt="成功案例" width="141" height="106"/></a></li> <li><a href="21.html" title="成功案例"><img src="images/1-160FQ6463Y40.jpg" alt="成功案例" width="141" height="106"/></a></li></ul></div></div> <div class="title1"><span>農</span><p>農家大院 FARMHOUSE</p><a href="index-9.htm" title="更多" class="more">更多</a></div><div class="con1"><div class="con1_left"> <img src="images/njy.jpg" width="225" height="280" alt="" /><div class="con1_left_font"><p>農家院圖</p><div>225x280 [不可刪除]，這里是農家大院介紹這里是農家大院介紹這里是農家大院介紹...</div></div></div><ul class="con1_list"><li><div class="con1_img"><img src="images/1-1611262339250-L.jpg" alt="農家院標題" width="222" height="167"/><span class="zoom"></span></div><p><a href="45.html" title="農家院標題">農家院標題</a></p><div>長島大欽島海天漁家樂座落于大欽島北村西海口碼頭，是一家集住宿，餐飲，旅...</div></li> <li><div class="con1_img"><img src="images/1-1611262339110-L.jpg" alt="農家院標題" width="222" height="167"/><span class="zoom"></span></div><p><a href="44.html" title="農家院標題">農家院標題</a></p><div>長島大欽島海天漁家樂座落于大欽島北村西海口碼頭，是一家集住宿，餐飲，旅...</div></li> <li><div class="con1_img"><img src="images/1-161126233U80-L.jpg" alt="農家院標題" width="222" height="167"/><span class="zoom"></span></div><p><a href="43.html" title="農家院標題">農家院標題</a></p><div>長島大欽島海天漁家樂座落于大欽島北村西海口碼頭，是一家集住宿，餐飲，旅...</div></li></ul></div><div class="con4"> <div class="con4_left"><div class="con4_title"><span>景</span><p>景點介紹 ATTRACTIONS</p><a href="index-1.htm" title="更多" class="more">更多</a></div><div class="con4_about"> <img src="images/ad2.jpg" width="235" height="196" alt=""/><p style="text-indent: 2em;">四川省茶業集團股份有限公司(以下簡稱川茶集團)于2013年10月成立，是以原四川省敘府茶業有限公司為主體聯合省內多家茶葉企業共同發起組建的四川首家集茶樹良種繁育、種植示范、茶葉初精深加工、品牌營銷、科技研發與推廣、茶文化應用與茶旅游發展以及其他茶葉關聯產業等為一體的現代茶產業集群。川茶集團是省、市、區各級黨委政府重點扶持打造的農業... </p></div></div> <div class="con4_right"><div class="con4_title2"><span>景</span><p>景點新聞</p><a href="index-7.htm" title="更多" class="more">更多</a></div><ul class="con4_ul"><li><a href="15.html" title="怎么更換C級防盜門鎖芯" >怎么更換C級防盜門鎖芯</a></li> <li><a href="14.html" title="開鎖需要什么證件" >開鎖需要什么證件</a></li> <li><a href="13.html" title="汽車防盜報警器" >汽車防盜報警器</a></li> <li><a href="12.html" title="防盜門開鎖后必須換鎖嗎?" >防盜門開鎖后必須換鎖嗎?</a></li> <li><a href="11.html" title="中國鎖具業該如何應對國際競爭" >中國鎖具業該如何應對國際競爭</a></li></ul></div> </div><div class="links"><p>友情鏈接</p><div class="links_right"> <a href="javascript:if(confirm('http://www.baidu.com/ \n\n�?��δ�� Teleport Pro ?�?��? ��·��?��?��??�Χ�� \n\n��?�?��?��'))window.location='http://www.baidu.com/'" target='_blank'>百度一下</a> <a href="javascript:if(confirm('http://www.taobao.com/ \n\n�?��δ�� Teleport Pro ?�?��? ��·��?��?��??�Χ�� \n\n��?�?��?��'))window.location='http://www.taobao.com/'" target='_blank'>淘寶</a> </div></div> <img src="images/con_bottom.jpg" class="con_bottom" /> </div> <div class="foot_nav"> <a href="index.htm" title="首頁">首頁</a> <span>|</span> <a title="景點介紹" href="index-1.htm" >景點介紹</a></li><span>|</span> <a title="客房展示" href="index-2.htm" >客房展示</a></li><span>|</span> <a title="景點新聞" href="index-7.htm" >景點新聞</a></li><span>|</span> <a title="路線推薦" href="index-8.htm" >路線推薦</a></li><span>|</span> <a title="農家大院" href="index-9.htm" >農家大院</a></li><span>|</span> <a title="特色美食" href="index-10.htm" >特色美食</a></li><span>|</span> <a title="活動專題" href="index-11.htm" >活動專題</a></li><span>|</span> <a title="在線留言" href="index-12.htm" >在線留言</a></li><span>|</span> <a title="聯系我們" href="index-13.htm" >聯系我們</a></li><span>|</span> </div>   <div class="foot_bg"><div class="foot"><div class="foot_left"><div class="foot-left-top"><h1>+86-0000-96877</h1><div id="pgshare1"><div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare"> <a class="bds_tsina"></a> <a class="bds_tqq"></a> <a class="bds_qzone"></a> <a class="bds_bdhome"></a> </div></div><script type="text/javascript" id="bdshare_js" data="type=tools" ></script> <script type="text/javascript" id="bdshell_js"></script> <script type="text/javascript">document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000) </script>  </div><div class="foot-fonts"><p>2002-2011 某某旅館住宿有限公司版權所有</p><p><span>地址：這里是您的公司地址</span><span>電話：+86-0000-96877</span><span>手機：+86-0000-96877</span></p><p><span>技術支持：<a href="#" target="_blank" title="織夢58" >網絡公司</a></span><span>ICP備案編號：<a href="javascript:if(confirm('http://www.miitbeian.gov.cn/ \n\n�?��δ�� Teleport Pro ?�?��? ��·��?��?��??�Χ�� \n\n��?�?��?��'))window.location='http://www.miitbeian.gov.cn/'" target="_blank" title="ICP備********號">ICP備********號</a></span>統計代碼放置</p></div></div><div class="foot_code"><img src="images/erweima.png" width="101" height="101" alt="微信掃一掃"/><p>微信掃一掃</p></div></div> </div>   <div id="common-tool" ><ul><li><a id="common-sweep-ico" href="javascript:void(0);"><img src="images/sweep-ico.png" alt="二維碼" title="二維碼"></a><div class="common-sweep-box"> <img src="images/erweima.png" alt="這里是您的網站名稱"/></div></li><li><a href="index-12.htm" ><img src="images/book-ico.png" alt="在線留言" title="在線留言"></a></li><li><a href="javascript:if(confirm('http://wpa.qq.com/msgrd?v=3&uin=12345678&site=qq&menu=yes \n\n�?��δ�� Teleport Pro ?�?��? ��·��?��?��??�Χ�� \n\n��?�?��?��'))window.location='http://wpa.qq.com/msgrd?v=3&uin=12345678&site=qq&menu=yes'" ><img src="images/qq-ico.png" alt="在線QQ" title="在線QQ"></a></li><li id="common-top-ico"><a class="common-top" href="javascript:void(0);"><img src="images/top-ico.png" alt="返回頂部" title="返回頂部"></a></li></ul> </div>   <link rel="stylesheet" type="text/css" href="jquery.dialogbox.css" > <div id="type-dialogBox"></div> <script src="js/jquery.dialogbox.js" ></script>  <script type="text/javascript" src="su.js" ></script> </body> </html>

四、web前端入門到高級(視頻+源碼+資料+面試)一整套 (教程)

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

五、源碼獲取

? ~ 關注我，點贊博文~ 每天帶你漲知識!

?1.看到這里了就 [點贊+好評+收藏] 三連支持下吧，你的「點贊，好評，收藏」是我創作的動力。

? 2.關注我 ~ 每天帶你學習 :各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板、大學生畢業HTML模板、期末大作業模板、等! 「在這里有好多前端開發者，一起探討前端 Node 知識，互相學習」！

?3.以上內容技術相關問題可以相互學習，可關注↓公Z號獲取更多源碼 !

總結

以上是生活随笔為你收集整理的HTML网页设计期末课程大作业~旅游住宿酒店的HTML网页设计(14页) ~学生网页设计作业源码旅游网页代码学生网页设计与制作期末作业下载 DW旅游网页作业代码下载...的全部內容，希望文章能夠幫你解決所遇到的問題。

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

上一篇： sqlite4java下载_使用sqli
下一篇：软件工程之软件维护与再工程