時(shí)間：2023-10-14 15:54:01 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-10-14 15:54:01 來源：網(wǎng)站運(yùn)營
HTML5期末大作業(yè)：網(wǎng)站——餐飲網(wǎng)頁設(shè)計(jì)(HTML+CSS+JS)：?# HTML5期末大作業(yè)：網(wǎng)站——餐飲網(wǎng)頁設(shè)計(jì)(HTML+CSS+JS)
在線咨詢
1.網(wǎng)頁作品簡介方面 ：卡通創(chuàng)意，響應(yīng)式布局網(wǎng)站源碼！兼容pc以及移動端，內(nèi)涵js交互，ui交互，包含了首頁，招牌美食頁面，招商加盟頁面，企業(yè)概況頁面，聯(lián)系我們頁面，以及新聞頁面，2.網(wǎng)頁作品編輯方面：此作品為學(xué)生個(gè)人主頁網(wǎng)頁設(shè)計(jì)題材，代碼為簡單學(xué)生水平 html+css 布局制作，作品下載后可使用任意HTML編輯軟件（例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有編輯器均可使用）3.網(wǎng)頁作品布局方面：網(wǎng)頁布局整體為LOGO、導(dǎo)航、主體內(nèi)容布局。子頁面多種布局，興趣愛好內(nèi)容使用圖片列表布局，成績頁面插入了表格，聯(lián)系我們使用圖片對齊方式設(shè)置了左對齊。4.網(wǎng)頁作品技術(shù)方面：使用CSS制作了網(wǎng)頁背景圖、鼠標(biāo)經(jīng)過及選中導(dǎo)航變色效果、下劃線等。 首頁制作了留言表單，同時(shí)簡單使用JavaScript制作了表單判斷（提交時(shí)表單不能為空）<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="description" content=""> <meta name="author" content="BBQ"> <title>烤天下酒吧燒烤加盟官網(wǎng) 酒吧文化燒烤領(lǐng)導(dǎo)者 </title> <meta name="keywords" content="烤天下,烤天下酒吧燒烤,烤天下加盟,燒烤加盟"> <meta name="description" content="烤天下酒吧燒烤首創(chuàng)海盜主題酒吧燒烤，燒烤加盟請關(guān)注烤天下，在這里可以大快朵頤，在這里可以盡情放肆，喝酒吃肉，打劫社交，烤天下酒吧燒烤加盟，要味道還要腔調(diào)，烤天下加盟熱線：4006099517"> <link rel="shortcut icon" type="image/x-icon" href="img/icon/favicon.ico"></head><body><!-- Header --><header id="header" class=""> <div class="container"> <div class="global-nav"> <button class="navbar-toggle"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="brand" href="index.html">烤天下</a> <nav class="navbar"> <ul class="nav"> <li class="active"> <a href="index.html" class="home-current">首頁</a> </li> <li class=""> <a href="food.html">招牌美食</a> </li> <li class=""> <a href="join.html">招商加盟</a> </li> <li class=""> <a href="profile.html">企業(yè)概況</a> </li> <li class=""> <a href="about.html">聯(lián)系我們</a> </li> </ul> </nav> </div> </div></header><!--Banner--><section class="carousel-top"> <div class="banner"> <div class="b-img"> <a href="#" style="background:url(img/banner/slider-1.jpg) center no-repeat; background-size:cover;"></a> <a href="#" style="background:url(img/banner/slider-2.jpg) center no-repeat; background-size:cover;"></a> </div> <div class="b-list"></div> <a class="bar-left" href="#"><em></em></a> <a class="bar-right" href="#"><em></em></a> </div></section><!-- Product --><section id="greenx" style="background:#c30d23"> <div class="container"> <div class="row"> <div class="item-title" style="padding-bottom:20px;"> <h1 style="color:#c30d23">品牌特色</h1> </div> <div class="col-4 "> <div class="item item-ellipse"> <div class="item-pad item-pad-1"></div> <div class="item-ellipse"> <h2>口味</h2> <h3>KOUWEI</h3> <p>味道要經(jīng)過沉淀才能成熟主烤官項(xiàng)目以中創(chuàng)永信（杭州）食品科學(xué)研究院13年如一日從原料，腌料，串法，烤法，蘸料多方面潛心鉆研。</p> </div> </div> </div> <div class="col-4"> <div class="item item-ellipse"> <div class="item-pad item-pad-2"></div> <div class="item-ellipse"> <h2>品味</h2> <h3>PINWEI</h3> <p>不平庸，不盲從，不怕錯(cuò)敢去做是90后和00后的時(shí)代特征，主烤官從青春的品牌故事，創(chuàng)新的菜品口味，亮眼的包裝，多個(gè)方面為年輕群體打造屬于自己的燒烤店。</p> </div> </div> </div> <div class="col-4"> <div class="item item-ellipse"> <div class="item-pad item-pad-3"></div> <div class="item-ellipse"> <h2>回味</h2> <h3>HUIWEI</h3> <p>再好的青春，回憶的次數(shù)多了味道也就淡了。主烤官用心將青春的味道化作一道道美食完整的保留下來，為每位食客記錄記憶中的青春，讓每次回憶逗有滋有味。</p> </div> </div> </div> </div> </div></section><!-- News --><section id="philosophy"> <div class="container"> <div class="row"> <div class="item-title" style="padding-bottom:30px"> <h1>新聞</h1> </div> <div class="col-5 item-news"> <div class="item-lists"> <div class="news-img"><a href="#"><img src="img/bj/news.jpg" alt=""></a></div> <div class="news-text"> <h4><a href="news-page.html">烤天下杭州新店開張</a></h4> <p>個(gè)性定位，打造極致體驗(yàn)，新店開張火爆杭州，要玩要嗨就來烤天下，預(yù)定電話 8020113</p> <p class="news-large">04-20</p> <p>2017</p> </div> </div> </div> <div class="col-7 item-axis"> <div class="item-axis-list clearfix"> <div class="item-sou"> <form action=""> <input type="text" placeholder="搜索以前的文章"> <i class="icon-sou"></i> <button>搜索</button> </form> </div> <div class="it_expert3"> <div id="hot_ranks2"> <ul class="clearfix current" style="display:block"> <li> <a href="news-page.html"> <div class="axis-time"> <h4>05-16</h4> <span>2017</span> </div> <div class="axis-title"> <h5>烤天下創(chuàng)始人做客2017央視元宵晚會</h5> <p>個(gè)性定位，打造極致體驗(yàn)，新店開張火爆杭州，要玩要嗨就來烤天下，預(yù)定電話 010-8020113</p> </div> </a> </li> <li> <a href="#"> <div class="axis-time"> <h4>04-12</h4> <span>2017</span> </div> <div class="axis-title"> <h5>夏天燒烤季 你的舌尖歸我們</h5> <p>如何讓燒烤愛好者們從路邊攤挪到干凈的廳堂里吃燒烤？這是一個(gè)餐飲習(xí)慣的遷移問題，要打通遷移的通道，首</p> </div> </a> </li> <li> <a href="#"> <div class="axis-time"> <h4>04-08</h4> <span>2017</span> </div> <div class="axis-title"> <h5>做品牌，跳出套路才更有價(jià)值</h5> <p>一個(gè)有生命力的品牌對于用戶群體來說像一塊具有內(nèi)循環(huán)功能的海綿，不斷的吸收，然后反作用于自身來變得更強(qiáng)大，從而達(dá)到更大的體量</p> </div> </a> </li> </ul> <ul class="clearfix current" style="display:none"> <li> <a href="#"> <div class="axis-time"> <h4>04-01</h4> <span>2017</span> </div> <div class="axis-title"> <h5>我們的初心，就是讓創(chuàng)業(yè)者們成功</h5> <p>在風(fēng)起云涌的餐飲江湖，烤天下異軍突起，不僅憑借強(qiáng)勢的酒吧燒烤文化刷新了燒烤行業(yè)的標(biāo)準(zhǔn)</p> </div> </a> </li> <li> <a href="#"> <div class="axis-time"> <h4>03-28</h4> <span>2017</span> </div> <div class="axis-title"> <h5>丹麥最近有點(diǎn)憂傷，</h5> <p> 夏天吃燒烤有三怕，第一是嗆煙四起眼淚咳嗽喝著肉一起吃；第二是鄰座光膀子擼串嗨起的食客辣眼睛</p> </div> </a> </li> <li> <a href="#"> <div class="axis-time"> <h4>03-26</h4> <span>2017</span> </div> <div class="axis-title" style="border-bottom:none"> <h5>烤天下杭州新店開張</h5> <p>個(gè)性定位，打造極致體驗(yàn)，新店開張火爆杭州，要玩要嗨就來烤天下，預(yù)定電話 010-8020113</p> </div> </a> </li> </ul> <ul class="clearfix current" style="display:none"> <li> <a href="#"> <div class="axis-time"> <h4>03-22</h4> <span>2017</span> </div> <div class="axis-title"> <h5>2烤天下杭州新店開張</h5> <p>個(gè)性定位，打造極致體驗(yàn)，新店開張火爆杭州，要玩要嗨就來烤天下，預(yù)定電話 010-8020113</p> </div> </a> </li> <li> <a href="#"> <div class="axis-time"> <h4>03-21</h4> <span>2017</span> </div> <div class="axis-title"> <h5>烤天下杭州新店開張</h5> <p>個(gè)性定位，打造極致體驗(yàn)，新店開張火爆杭州，要玩要嗨就來烤天下，預(yù)定電話 010-8020113</p> </div> </a> </li> <li> <a href="#"> <div class="axis-time"> <h4>03-18</h4> <span>2017</span> </div> <div class="axis-title" style="border-bottom:none"> <h5>烤天下杭州新店開張</h5> <p>個(gè)性定位，打造極致體驗(yàn)，新店開張火爆杭州，要玩要嗨就來烤天下，預(yù)定電話 010-8020113</p> </div> </a> </li> </ul> </div> </div> <div class="button-cut"> <span id="it_awewe" class="it_awewe"> <a href="javascript:volid(0);" class="cut-up it_expertspan1" id="previous2"></a> <a href="javascript:volid(0);" class="cut-dow it_expertspan2" id="next2"></a> </span> </div> </div> </div> </div> </div></section><!-- Taste --><section id="net"> <div class="container"> <div class="row"> <div class="col-3"> <div class="items"> <img src="img/icon/f-1.png" alt=""> <h3>半成品輸出，極速配送</h3> </div> </div> <div class="col-3"> <div class="items"> <img src="img/icon/f-2.png" alt=""> <h3>優(yōu)質(zhì)產(chǎn)地，嚴(yán)格品控</h3> </div> </div> <div class="col-3"> <div class="items"> <img src="img/icon/f-3.png" alt=""> <h3>品類齊全，口味豐富</h3> </div> </div> <div class="col-3"> <div class="items"> <img src="img/icon/f-4.png" alt=""> <h3>菜品創(chuàng)新，活動迭代</h3> </div> </div> </div> </div></section><!-- Footer --><footer id="footer"> <div class="container"> <div class="copy">?AUI 素材網(wǎng) 京ICP備15006025號-1 </div> <div class="copy"> Copyright ? 2012-2016 www.a-ui.cn <span>地址：杭州市海淀區(qū)北三環(huán)西路43號中航廣場6層</span> </div> </div></footer></body></html>web前端 零基礎(chǔ)-入門到高級 (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程) 適合入門到高級的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站 [點(diǎn)贊+好評+收藏] 三連 支持下吧，你的「點(diǎn)贊，好評，收藏」是我創(chuàng)作的動力。關(guān)注我 ~ 每天帶你學(xué)習(xí) :各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板 、大學(xué)生畢業(yè)HTML模板 、期末大作業(yè)模板 、等! 「在這里有好多 前端 開發(fā)者，一起探討 前端 Node 知識，互相學(xué)習(xí)」！關(guān)注↓公Z號 獲取更多源碼 !關(guān)鍵詞：設(shè)計(jì),作業(yè)
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
