時(shí)間：2023-10-14 13:48:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-10-14 13:48:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)
HTML5期末大作業(yè)：奶茶飲料網(wǎng)站設(shè)計(jì)——Coco線上訂奶茶飲料(6頁(yè)) 關(guān)于飲料奶茶的HTML網(wǎng)頁(yè)設(shè)計(jì)-----甜品：常見(jiàn)網(wǎng)頁(yè)設(shè)計(jì)作業(yè)題材有個(gè)人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動(dòng)漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書(shū)籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車(chē)、 其他等網(wǎng)頁(yè)設(shè)計(jì)題目,A+水平作業(yè), 可滿足大學(xué)生網(wǎng)頁(yè)大作業(yè)網(wǎng)頁(yè)設(shè)計(jì)需求, 喜歡的可以下載!
在線咨詢
PC電腦端關(guān)注我們1.網(wǎng)頁(yè)作品簡(jiǎn)介 ：HTML期末大學(xué)生網(wǎng)頁(yè)設(shè)計(jì)作業(yè) A+水平 ,喜歡的可以下載，文章頁(yè)支持手機(jī)PC響應(yīng)式布局。2.網(wǎng)頁(yè)作品編輯：作品下載后可使用任意HTML編輯軟件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML軟件編輯修改網(wǎng)頁(yè)）。3.網(wǎng)頁(yè)作品技術(shù)：Div+CSS、鼠標(biāo)滑過(guò)特效、Table、導(dǎo)航欄效果、banner、表單、二級(jí)三級(jí)頁(yè)面等，視頻、 音頻元素 、Flash，同時(shí)設(shè)計(jì)了logo（源文件），基本期末作業(yè)所需的知識(shí)點(diǎn)全覆蓋。<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滾動(dòng)--><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滾動(dòng)--><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">首頁(yè)<span>HOME</span></a></li> <li><a href="about.html">關(guān)于我們<span>ABOUT</span></a></li> <li><a href="product.html">產(chǎn)品簡(jiǎn)介<span>PRODUCT</span></a></li> <li><a href="join.html">加盟說(shuō)明<span>JOIN</span></a></li> <li><a href="jstore.html">門(mén)店資訊<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">首頁(yè)<span>HOME</span></a></li> <li><a href="about.html">關(guān)于我們<span>ABOUT</span></a></li> <li><a href="product.html">產(chǎn)品簡(jiǎn)介<span>PRODUCT</span></a></li> <li><a href="join.html">加盟說(shuō)明<span>JOIN</span></a></li> <li><a href="jstore.html">門(mén)店資訊<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)營(yíng)泡沫茶飲，<br/>一直堅(jiān)持“新鮮、自然、無(wú)負(fù)擔(dān)”的健康理念</p> </div> <div class="gy_c"> <div class="gy_cm">以中國(guó)六大茶系之一——黑茶而命名，而我們的招牌黑茶是以產(chǎn)品的獨(dú)特配方和顏色取名。</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>新鮮檸檬片的清新與新鮮青桔的酸甜，即解渴又回味無(wú)窮的最佳健康飲品</p> </div> <div class="pro_m_ctn pro_mb"> <h5><a href="">冰<span>摩卡</span>咖啡</a></h5> <p>意式濃縮咖啡與巧克力醬結(jié)合，順滑綿密的口感令人無(wú)法停止</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)黑茶的醇和口感，是一款具有獨(dú)特的臺(tái)灣風(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>這杯果香四溢的水果茶，蘋(píng)果，菠蘿，西瓜，青桔，</p> <p>檸檬。來(lái)上一杯，讓自己的精神</p> <p>能夠在茶香中放松。</p> </div> </div> </li> <li class="two"> <div class="tu"><img src="picture/pic7.png" alt=""/></div> <div class="wen"> <p class="py">MA LI SU</p> <div class="name">瑪麗<em>蘇</em></div> <div class="des"> <p>采用產(chǎn)自印度紅茶作為基底，再添加從法國(guó)</p> <p>進(jìn)口的黑露田，調(diào)制出口感清新甘甜，</p> <p>又具傳統(tǒng)黑茶的醇和口感</p> </div> </div> </li> <li class="three"> <div class="tu"><img src="picture/pic7.png" alt=""/></div> <div class="wen"> <p class="py">HEI CHA</p> <div class="name">黑<em>茶</em></div> <div class="des"> <p>采用產(chǎn)自印度紅茶作為基底，再添加從法國(guó)</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>酸甜滋味加上茶香，全新體驗(yàn)刺激你的味蕾</p> <p>果香清甜，點(diǎn)綴你的夏天</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 class="dm_md"><img src="picture/pic5.png" alt=""/></div> </div></div><div class="space_hx"> </div><div class="i_box hz"> <div class="title"><img src="picture/n_4.png" alt=""/></div> <dl class="hz_m clearfix"> <dt><img src="picture/pic6.jpg" alt=""/></dt> <dd> <div class="title_a"> 加入黑茶<em>JOIN US</em> </div> <div class="dd_m"> <div class="dd_ml"> <p>年滿18周歲的合法公民,具備一定管理、協(xié)調(diào)與社交能力。</p> <p>對(duì)餐飲行業(yè)具有經(jīng)營(yíng)熱誠(chéng)，認(rèn)同“黑茶”品牌、產(chǎn)品、經(jīng)營(yíng)理念與企業(yè)文化。</p> <p>愿意遵守公司管理章程和特許經(jīng)營(yíng)理念。</p> <p>店址使用面積不低于50平方。</p> <p>必須采用公司規(guī)定的統(tǒng)一配送的物料，嚴(yán)格遵守公司規(guī)定的產(chǎn)品配方要求。</p> <p>認(rèn)可加盟制度，配合總部的工作，聽(tīng)取合理的意見(jiàn)。信任總部的安排和指導(dǎo)，保持信息互通。</p> <p>接受公司的管理，參加培訓(xùn)。通過(guò)「服務(wù)標(biāo)準(zhǔn)培訓(xùn)」及「產(chǎn)品技術(shù)指導(dǎo)」后才可經(jīng)營(yíng)能自覺(jué)維護(hù)【黑茶】品牌形象，具有良好的投資心態(tài)和進(jìn)取意識(shí)。</p> </div> <ul class="dd_mr clearfix"> <li><a href="">加盟條件</a></li> <li><a href="">加盟優(yōu)勢(shì)</a></li> <li><a href="">加盟流程</a></li> <li><a href="">申請(qǐng)加盟表</a></li> </ul> </div> </dd> </dl></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="">門(mén)店資訊</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)注我，點(diǎn)贊博文~ 每天帶你漲知識(shí)!相關(guān)問(wèn)題可以相互學(xué)習(xí)，可關(guān)注↓公Z號(hào) 獲取更多源碼 !web前端 零基礎(chǔ)-入門(mén)到高級(jí) (視頻+源碼+開(kāi)發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程) 適合入門(mén)到高級(jí)的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站 HTML5期末考核大作業(yè)源碼 包含 個(gè)人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動(dòng)漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書(shū)籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車(chē)、 其他* 可滿足大學(xué)生網(wǎng)頁(yè)大作業(yè)網(wǎng)頁(yè)設(shè)計(jì)需求, 喜歡的可以下載! 關(guān)鍵詞：奶茶,飲料,作業(yè),設(shè)計(jì)
客戶&案例
營(yíng)銷(xiāo)資訊
關(guān)于我們
客戶&案例
營(yíng)銷(xiāo)資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
