時間：2023-09-02 14:06:02 | 來源：網(wǎng)站運營
時間：2023-09-02 14:06:02 來源：網(wǎng)站運營
HTML5期末大作業(yè)：農(nóng)莊介紹網(wǎng)站設(shè)計——特色農(nóng)莊介紹(6頁) HTML+CSS+JavaScript 學(xué)生特色教材 小吃 農(nóng)莊 食材介紹網(wǎng)站：常見網(wǎng)頁設(shè)計作業(yè)題材有個人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他等網(wǎng)頁設(shè)計題目,A+水平作業(yè), 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載!
在線咨詢
PC電腦端關(guān)注我們1.網(wǎng)頁作品簡介 ：HTML期末大學(xué)生網(wǎng)頁設(shè)計作業(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è)計了logo（源文件），基本期末作業(yè)所需的知識點全覆蓋。<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"><title>home</title><link rel="stylesheet" type="text/css" href="css/reset.css"/><script type="text/javascript" src="js/jquery-1.8.3.min.js"></script><script type="text/javascript" src="js/js_z.js"></script><link rel="stylesheet" type="text/css" href="css/flexslider.css"><script type="text/javascript" src="js/jquery.flexslider.js"></script><!--3d滾動--><link rel="stylesheet" type="text/css" href="css/style.css"><script type="text/javascript" src="js/jquery.roundabout-1.0.min.js"></script><script type="text/javascript" src="js/jquery.easing.1.3.js"></script><!--3d滾動--><script type="text/javascript" src="js/main.js"></script><link rel="stylesheet" type="text/css" href="css/thems.css"><link rel="stylesheet" type="text/css" href="css/responsive.css"><script type="text/javascript"> $(document).ready(function(){ $('#featured-area ul').roundabout({ easing: 'easeOutInCirc', duration: 600 });});$(window).load(function() { $('.flexslider').flexslider({ animation: "slide" });});</script></head><body class="i_body"><!--頭部--><div class="header"> <div class="head_bg"> </div> <div class="head clearfix"> <div class="logo"><a href=""><img src="picture/logo.png" alt="黑茶"/></a></div> <ul class="nav clearfix"> <li class="now"><a href="index.html">首頁<span>HOME</span></a></li> <li><a href="about.html">關(guān)于我們<span>ABOUT</span></a></li> <li><a href="product.html">產(chǎn)品簡介<span>PRODUCT</span></a></li> <li><a href="join.html">加盟說明<span>JOIN</span></a></li> <li><a href="jstore.html">門店資訊<span>JSTORE</span></a></li> <li><a href="news.html">新聞中心<span>NEWS</span></a></li> <li><a href="contact.html">聯(lián)系我們<span>CONTACT</span></a></li> </ul> <div class="nav_m"> <span class="n_icon"> </span> <ul> <li class="now"><a href="index.html">首頁<span>HOME</span></a></li> <li><a href="about.html">關(guān)于我們<span>ABOUT</span></a></li> <li><a href="product.html">產(chǎn)品簡介<span>PRODUCT</span></a></li> <li><a href="join.html">加盟說明<span>JOIN</span></a></li> <li><a href="jstore.html">門店資訊<span>JSTORE</span></a></li> <li><a href="news.html">新聞中心<span>NEWS</span></a></li> <li><a href="contact.html">聯(lián)系我們<span>CONTACT</span></a></li> </ul> </div> </div></div><!--頭部--><!--幻燈片--><div class="banner"> <div class="slider slider_pc"> <div class="flexslider"> <ul class="slides"> <li> <img src="picture/banner.jpg" alt="" /> </li> <li> <img src="picture/banner.jpg" alt="" /> </li> <li> <img src="picture/banner.jpg" alt="" /> </li> </ul> </div> </div> <div class="slider slider_sj"> <div class="flexslider"> <ul class="slides"> <li> <img src="picture/shouji.jpg" alt="" /> </li> <li> <img src="picture/shouji.jpg" alt="" /> </li> <li> <img src="picture/shouji.jpg" alt="" /> </li> </ul> </div> </div></div><!--幻燈片--><div class="i_box gy"> <div class="title"><img src="picture/n_1.png" alt=""/></div> <div class="gy_m"> <div id="featured-area"> <ul> <li><a href=""><img src="picture/pic4.jpg" alt=""/></a></li> <li><a href=""><img src="picture/pic4.jpg" alt=""/></a></li> <li><a href=""><img src="picture/pic4.jpg" alt=""/></a></li> <li><a href=""><img src="picture/pic4.jpg" alt=""/></a></li> </ul> </div> <div class="gy_a"><span>{ 黑茶店鋪 }</span></div> <div class="gy_b"> <div class="line"> </div> <p>主要經(jīng)營泡沫茶飲，<br/>一直堅持“新鮮、自然、無負(fù)擔(dān)”的健康理念</p> </div> <div class="gy_c"> <div class="gy_cm">以中國六大茶系之一——黑茶而命名，而我們的招牌黑茶是以產(chǎn)品的獨特配方和顏色取名。</div> </div> </div></div><div class="i_box i_pro"> <div class="bg"><img src="picture/bg.png" alt=""/></div> <div class="title"><img src="picture/n_2.png" alt=""/></div> <div class="i_pro_m"> <div class="pro_m_ctn pro_ma"> <h5><a href=""><span>青桔</span>檸檬</a></h5> <p>新鮮檸檬片的清新與新鮮青桔的酸甜，即解渴又回味無窮的最佳健康飲品</p> </div> <div class="pro_m_ctn pro_mb"> <h5><a href="">冰<span>摩卡</span>咖啡</a></h5> <p>意式濃縮咖啡與巧克力醬結(jié)合，順滑綿密的口感令人無法停止</p> </div> <div class="pro_m_ctn pro_mc"> <h5><a href=""><span>紅豆</span>椰露</a></h5> <p>特調(diào)冰涼的椰奶中加入顆粒飽滿的蜜豆，為您奉獻(xiàn)一杯經(jīng)典的海島椰露</p> </div> <div class="pro_m_ctn pro_md"> <h5><a href=""><span>招牌</span>黑茶</a></h5> <p>口感清新甘甜，又具傳統(tǒng)黑茶的醇和口感，是一款具有獨特的臺灣風(fēng)味茶飲</p> </div> <div class="tu"><img src="picture/pic2.png" alt=""/></div> </div> <div class="xl"> <ul class="xl_m clearfix"> <li><img src="picture/pic3.png" alt=""/></li> <li><img src="picture/pic4.png" alt=""/></li> <li><img src="picture/pic5.png" alt=""/></li> <li><img src="picture/pic6.png" alt=""/></li> </ul> <div class="xl_a"> <div class="xl_a1">選料<span>用心，</span></div> <p>呈現(xiàn)給每一位顧客一杯美味舒心、健康、高品質(zhì)的茶飲。</p> </div> </div></div><div class="space_hx"> </div><div class="dp"> <div class="bg"><img src="picture/bg_b.png" alt=""/></div> <div class="title"><img src="picture/n_6.png" alt=""/></div> <ul class="dp_l clearfix"> <li class="one"> <div class="tu"><img src="picture/pic7.png" alt=""/></div> <div class="wen"> <p class="py">XIA RI BING GUO CHA</p> <div class="name">夏日<em>水果茶</em></div> <div class="des"> <p class="py">HEI CHA</p> <div class="name">黑<em>茶</em></div> <div class="des"> <p>采用產(chǎn)自印度紅茶作為基底，再添加從法國</p> <p>進(jìn)口的黑露田，調(diào)制出口感清新甘甜，</p> <p>又具傳統(tǒng)黑茶的醇和口感</p> </div> </div> </li> <li class="four"> <div class="tu"><img src="picture/pic7.png" alt=""/></div> <div class="wen"> <p class="py">QING JU NING MENG</p> <div class="name">青桔<em>檸檬</em></div> <div class="des"> <p>青桔與檸檬的碰撞！</p> <p>酸甜滋味加上茶香，全新體驗刺激你的味蕾</p> <p>果香清甜，點綴你的夏天</p> </div> </div> </li> </ul></div><div class="space_hx"> </div><div class="i_box md"> <div class="bg"><img src="picture/bg_c.png" alt=""/></div> <div class="title"><img src="picture/n_3.png" alt=""/></div> <div class="md_m"> <div class="dm_ma"><img src="picture/pic5.png" alt=""/></div> <div class="dm_mb"><img src="picture/pic5.png" alt=""/></div> <div class="dm_mc"><img src="picture/pic5.png" alt=""/></div></div><div class="space_hx"> </div><div class="i_box lx"> <div class="title"><img src="picture/n_5.png" alt=""/></div> <div class="lx_m clearfix"> <a href=""><img src="picture/icon6.png" alt=""/></a> <p>加盟熱線：XXX</p> <div class="if_nav"> <a href="">關(guān)于我們</a> <a href="">聯(lián)系我們</a> <a href="">在線留言</a> <a href="">加入我們</a> <a href="">門店資訊</a> </div> </div></div><div class="space_hx"> </div><div class="bq">Copyright ? 2007-2020 heicha.com All Rights Reserved</div><script language="javascript">$(function(){})</script></body></html>~ 關(guān)注我，點贊博文~ 每天帶你漲知識!相關(guān)問題可以相互學(xué)習(xí)，可關(guān)注↓公Z號 獲取更多源碼 !web前端 零基礎(chǔ)-入門到高級 (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程) 適合入門到高級的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站 HTML5期末考核大作業(yè)源碼 包含 個人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他* 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載! 關(guān)鍵詞：特色,學(xué)生,設(shè)計,作業(yè)
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
