国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營銷資訊 > 網(wǎng)站運營 > HTML5期末大作業(yè)：我的家鄉(xiāng)網(wǎng)站設(shè)計——旅游—我的家鄉(xiāng)新密(15頁)含論文

HTML5期末大作業(yè)：我的家鄉(xiāng)網(wǎng)站設(shè)計——旅游—我的家鄉(xiāng)新密(15頁)含論文

時間：2023-10-11 15:12:01 | 來源：網(wǎng)站運營

時間：2023-10-11 15:12:01 來源：網(wǎng)站運營

HTML5期末大作業(yè)：我的家鄉(xiāng)網(wǎng)站設(shè)計——旅游—我的家鄉(xiāng)新密(15頁)含論文：

HTML5期末大作業(yè)：我的家鄉(xiāng)網(wǎng)站設(shè)計——旅游—我的家鄉(xiāng)新密(15頁)含論文 新密旅游網(wǎng)頁設(shè)計制作 簡單靜態(tài)HTML網(wǎng)頁作品 我的家鄉(xiāng)網(wǎng)頁作業(yè)成品 學生旅游網(wǎng)站模板

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

獲取更多源碼

v5588798

作者主頁-更多源碼

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

作品介紹

1.網(wǎng)頁作品簡介 ：HTML期末大學生網(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、鼠標滑過特效、Table、導航欄效果、banner、表單、二級三級頁面等，視頻、 音頻元素 、Flash，同時設(shè)計了logo（源文件），基本期末作業(yè)所需的知識點全覆蓋。

@TOC

一、作品展示







二、文件目錄







三、代碼實現(xiàn)

<!DOCTYPE html><html><head><title>我的家鄉(xiāng)新密</title><!-- for-mobile-apps --><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="Your Trip Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" /><script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script><!-- //for-mobile-apps --><link rel="stylesheet" href="css/Infini.css"><link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /><link href="css/style.css" rel="stylesheet" type="text/css" media="all" /><!-- js --><script src="js/jquery-1.11.1.min.js"></script><!-- //js --><link href='https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'><!-- start-smoth-scrolling --><script type="text/javascript" src="js/move-top.js"></script><script type="text/javascript" src="js/easing.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><!-- start-smoth-scrolling --></head><body> <header> <img src="images/LOGO1.png" alt=""> <!-- 導航部分 --> <nav> <ul> <li><a href="index.html" class="active">首頁</a></li> <li><a href="about.html">關(guān)于新密</a></li> <li><a href="classify.html">分類</a></li> <li><a href="intro.html">景點簡介</a></li> <li><a href="#contact" class="scroll">聯(lián)系我們</a></li> </ul> </nav> </header> <ul id="ul1"> <li></li> <li></li> <li></li> <li></li> </ul><!-- //banner --><!-- portfolio --> <div id="fen"></div> <div class="portfolio"> <div class="container"> <h3>分類</h3> <div class="portfolio-grids"> <div class="sap_tabs"> <div id="horizontalTab" style="display: block; width: 100%; margin: 0px;"> <ul class="resp-tabs-list"> <li class="resp-tab-item"><span><a href="classify.html">全部</a></span></li> <li class="resp-tab-item"><span><a href="c1.html">標志建筑</a></span></li> <li class="resp-tab-item"><span><a href="c2.html">最受歡迎</a></span></li> <li class="resp-tab-item"><span><a href="c3.html">古代遺跡</a></span></li> </ul> <div class="clearfix"> </div> <div class="resp-tabs-container"> <div class="tab-1 resp-tab-content"> <div class="main"> <div class="view effect"> <div class="img-top"> <a href="images/9.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/9.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> <div class="view effect"> <div class="img-top"> <a href="images/10.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/10.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> <div class="view effect"> <div class="img-top"> <a href="images/12.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/12.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> <div class="view effect"> <div class="img-top"> <a href="images/13.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/13.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> <div class="view effect"> <div class="img-top"> <a href="images/11.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/11.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> <div class="view effect"> <div class="img-top"> <a href="images/12.1.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/12.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> <div class="clearfix"> </div> <div class="view effect"> <div class="img-top"> <a href="images/13.1.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/13.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> <div class="view effect"> <div class="img-top"> <a href="images/14.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/14.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> <div class="view effect"> <div class="img-top"> <a href="images/15.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/15.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> <div class="clearfix"> </div> </div> </div> <div class="tab-1 resp-tab-content"> <div class="main"> <div class="view effect"> <div class="img-top"> <a href="images/9.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/9.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> <div class="view effect"> <div class="img-top"> <a href="images/10.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/10.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> <div class="view effect"> <div class="img-top"> <a href="images/11.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/11.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> </div> </div> <div class="tab-1 resp-tab-content"> <div class="main"> <div class="view effect"> <div class="img-top"> <a href="images/12.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/12.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> <div class="view effect"> <div class="img-top"> <a href="images/13.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/13.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> <div class="view effect"> <div class="img-top"> <a href="images/14.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/14.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> <div class="view effect"> <div class="img-top"> <a href="images/15.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/15.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> <div class="view effect"> <div class="img-top"> <a href="images/10.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/10.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> </div> </div> <div class="tab-1 resp-tab-content"> <div class="main"> <div class="view effect"> <div class="img-top"> <a href="images/11.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/11.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> <div class="view effect"> <div class="img-top"> <a href="images/12.1.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/12.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> <div class="view effect"> <div class="img-top"> <a href="images/13.1.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/13.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> <div class="view effect"> <div class="img-top"> <a href="images/15.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <img src="images/15.jpg" class="img-responsive" alt="" /> <div class="mask"></div> <div class="content"> <span class="info" title="Full Image"> </span> </div> </a> </div> </div> </div> </div> </div> </div> </div> <script src="js/easyResponsiveTabs.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $('#horizontalTab').easyResponsiveTabs({ type: 'default', //Types: default, vertical, accordion width: 'auto', //auto or any width like 600px fit: true // 100% fit in a container }); }); </script> </div> </div> </div><!-- //portfolio --><!-- contact --> <div class="contact" id="contact"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d16271316.765282348!2d-176.42968180551608!3d60.143570657527626!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5400df9cc0aec01b%3A0xbcdb5e27a98adb35!2sAlaska%2C+USA!5e0!3m2!1sen!2sin!4v1448597600354" frameborder="0" style="border:0" allowfullscreen></iframe> <div class="container"> <h3>聯(lián)系我們</h3> <div class="col-md-4 contact-grid"> <i class="glyphicon glyphicon-home" aria-hidden="true"></i> <h4>Address</h4> <p>JI.Paulnadwam 2nd D.No:23-50-903.<span>United States</span></p> </div> <div class="col-md-4 contact-grid"> <i class="glyphicon glyphicon-envelope" aria-hidden="true"></i> <h4>Mail</h4> <a href="mailto:info@example.com">info@example.com</a> </div> <div class="col-md-4 contact-grid"> <i class="glyphicon glyphicon-earphone" aria-hidden="true"></i> <h4>Phone</h4> <p>+020 456 9696</p> </div> <div class="clearfix"> </div> <!-- footer --> <div class="footer-copy"> <p>Copyright &copy; 2016.Company name All rights reserved.More Templates <p>Copyright &copy; 2018.Company name All rights reserved.More Templates <a href="http://www.xinmi.com/" target="_blank" title="xinmi">新密</a> - Collect from <a href="http://www.xinmi.com/" title="我的家鄉(xiāng)" target="_blank">我的家鄉(xiāng)</a></p> </div> </div> </div> <script src="js/bootstrap.js"></script> <script type="text/javascript" src="js/infini.js"> </script><!-- //for bootstrap working --> <!--/**<script type="text/javascript"> $(document).ready(function() { </h3>var defaults = { containerID: 'toTop', // fading element id containerHoverID: 'toTopHover', // fading element hover id scrollSpeed: 1200, easingType: 'linear' }; $().UItoTop({ easingType: 'easeOutQuart' }); }); </script>**/--></body></html>





四、獲取更多源碼

~ 關(guān)注我，點贊博文~ 每天帶你漲知識!

相關(guān)問題可以相互學習，可關(guān)注↓公Z號 獲取更多源碼 !

五、學習資料

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




六、更多源碼

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



關(guān)鍵詞：家鄉(xiāng),旅游,論文,設(shè)計,作業(yè)

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點擊下載Chrome瀏覽器
關(guān)閉