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

所在位置： 首頁(yè) > 營(yíng)銷(xiāo)資訊 > 網(wǎng)站運(yùn)營(yíng) > HTML5期末大作業(yè)：蛋糕甜品店網(wǎng)站設(shè)計(jì)——蛋糕甜品店(4頁(yè)) web期末作業(yè)設(shè)計(jì)網(wǎng)

HTML5期末大作業(yè)：蛋糕甜品店網(wǎng)站設(shè)計(jì)——蛋糕甜品店(4頁(yè)) web期末作業(yè)設(shè)計(jì)網(wǎng)

時(shí)間：2023-06-09 02:30:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-06-09 02:30:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

HTML5期末大作業(yè)：蛋糕甜品店網(wǎng)站設(shè)計(jì)——蛋糕甜品店(4頁(yè)) web期末作業(yè)設(shè)計(jì)網(wǎng)頁(yè)_甜品美食大學(xué)生網(wǎng)頁(yè)設(shè)計(jì)作業(yè)成品：

HTML5期末大作業(yè)：蛋糕甜品店網(wǎng)站設(shè)計(jì)——蛋糕甜品店(4頁(yè)) web期末作業(yè)設(shè)計(jì)網(wǎng)頁(yè)_甜品美食大學(xué)生網(wǎng)頁(yè)設(shè)計(jì)作業(yè)成品

常見(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è), 可滿(mǎn)足大學(xué)生網(wǎng)頁(yè)大作業(yè)網(wǎng)頁(yè)設(shè)計(jì)需求, 喜歡的可以下載!

獲取更多源碼

PC電腦端關(guān)注我們

作者主頁(yè)-更多源碼

HTML期末大作業(yè)文章專(zhuā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)全覆蓋。

@TOC

一、作品展示







二、文件目錄







三、代碼實(shí)現(xiàn)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>不急蛋糕</title> <link rel="stylesheet" type="text/css" href="style.css"> <link rel="stylesheet" href="swiper/swiper.min.css"></head><body id="index"> <div class="header"> <div id="headerCen"> <div id="logo"><img src="images/logo.jpg"></div> <div class="headerTop"> <div id="notice"> <div class="notice"> <span>2017年1月27日除夕夜，不急蛋糕配送及400客服時(shí)間最晚至18：00，次日恢復(fù)正常服務(wù)，敬請(qǐng)諒解。不急2017年1月27日除夕夜，不急蛋糕配送及400客服時(shí)間最晚至18：00，次日恢復(fù)正常服務(wù)，敬請(qǐng)諒解。不急</span> </div> </div> <ul id="ures"> <li><a href="#">登錄</a> <span></span></li> <li><a href="#">注冊(cè)</a> <span></span></li> <li><a href="#">訂單</a> <span></span></li> <li><img src="images/shou_car.png"></li> </ul> </div> <!-- <div id="claer"></div> --> <ul class="headerBut"> <li class="hover"><a href="#">首頁(yè)</a></li> <li><a href="about.html">蛋糕家譜</a></li> <li><a href="tale.html">不急物語(yǔ)</a></li> <li><a href="#">最新活動(dòng)</a></li> <li><a href="love.html">因?yàn)閻?ài)情</a></li> <span><img src="images/shou_dinahua.png"><a href="#"> 4006 666 666（服務(wù)時(shí)間：8:30-22:30）</a></span> </ul> </div> </div> <!-- header --> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"><img src="images/bnner.jpg" alt=""></div> <div class="swiper-slide"><img src="images/bnner.jpg" alt=""></div> </div> <div class="swiper-pagination"></div> </div> <!-- swiper --> <div class="content"> <div id="content"> <h2><img src="images/shou_nr1.png"></h2> <ul class="contentMenu"> <li> <img src="images/shou_n1.jpg" class="pro"> <div class="menuOpen"> <div class="menu_l"> <p>6寸/227RMB</p> <span>甜度:</span> <img src="images/tian_du.png"> <img src="images/tian_du.png"> <img src="images/tian_du.png"> </div> <div class="mune_r"><img src="images/shou_car.png"></div> </div> <div class="menuBut"> <p>香檸馬斯卡邦</p> <p>Lemon mascarpone cake</p> </div> </li> <li> <img src="images/shou_n2.jpg" class="pro"> <div class="menuOpen"> <div class="menu_l"> <p>6寸/227RMB</p> <span>甜度:</span> <img src="images/tian_du.png"> <img src="images/tian_du.png"> <img src="images/tian_du.png"> </div> <div class="mune_r"><img src="images/shou_car.png"></div> </div> <div class="menuBut"> <p>香檸馬斯卡邦</p> <p>Lemon mascarpone cake</p> </div> </li> <li> <img src="images/shou_n3.jpg" class="pro"> <div class="menuOpen"> <div class="menu_l"> <p>6寸/227RMB</p> <span>甜度:</span> <img src="images/tian_du.png"> <img src="images/tian_du.png"> <img src="images/tian_du.png"> </div> <div class="mune_r"><img src="images/shou_car.png"></div> </div> <div class="menuBut"> <p>香檸馬斯卡邦</p> <p>Lemon mascarpone cake</p> </div> </li> <li> <img src="images/shou_n4.jpg" class="pro"> <div class="menuOpen"> <div class="menu_l"> <p>6寸/227RMB</p> <span>甜度:</span> <img src="images/tian_du.png"> <img src="images/tian_du.png"> <img src="images/tian_du.png"> </div> <div class="mune_r"><img src="images/shou_car.png"></div> </div> <div class="menuBut"> <p>香檸馬斯卡邦</p> <p>Lemon mascarpone cake</p> </div> </li> <li> <img src="images/shou_n5.jpg" class="pro"> <div class="menuOpen"> <div class="menu_l"> <p>6寸/227RMB</p> <span>甜度:</span> <img src="images/tian_du.png"> <img src="images/tian_du.png"> <img src="images/tian_du.png"> </div> <div class="mune_r"><img src="images/shou_car.png"></div> </div> <div class="menuBut"> <p>香檸馬斯卡邦</p> <p>Lemon mascarpone cake</p> </div> </li> <li> <img src="images/shou_n6.jpg" class="pro"> <div class="menuOpen"> <div class="menu_l"> <p>6寸/227RMB</p> <span>甜度:</span> <img src="images/tian_du.png"> <img src="images/tian_du.png"> <img src="images/tian_du.png"> </div> <div class="mune_r"><img src="images/shou_car.png"></div> </div> <div class="menuBut"> <p>香檸馬斯卡邦</p> <p>Lemon mascarpone cake</p> </div> </li> <li> <img src="images/shou_n7.jpg" class="pro"> <div class="menuOpen"> <div class="menu_l"> <p>6寸/227RMB</p> <span>甜度:</span> <img src="images/tian_du.png"> <img src="images/tian_du.png"> <img src="images/tian_du.png"> </div> <div class="mune_r"><img src="images/shou_car.png"></div> </div> <div class="menuBut"> <p>香檸馬斯卡邦</p> <p>Lemon mascarpone cake</p> </div> </li> <li> <img src="images/shou_n8.jpg" class="pro"> <div class="menuOpen"> <div class="menu_l"> <p>6寸/227RMB</p> <span>甜度:</span> <img src="images/tian_du.png"> <img src="images/tian_du.png"> <img src="images/tian_du.png"> </div> <div class="mune_r"><img src="images/shou_car.png"></div> </div> <div class="menuBut"> <p>香檸馬斯卡邦</p> <p>Lemon mascarpone cake</p> </div> </li> <li> <img src="images/shou_n9.jpg" class="pro"> <div class="menuOpen"> <div class="menu_l"> <p>6寸/227RMB</p> <span>甜度:</span> <img src="images/tian_du.png"> <img src="images/tian_du.png"> <img src="images/tian_du.png"> </div> <div class="mune_r"><img src="images/shou_car.png"></div> </div> <div class="menuBut"> <p>香檸馬斯卡邦</p> <p>Lemon mascarpone cake</p> </div> </li> <li> <img src="images/shou_n10.jpg" class="pro"> <div class="menuOpen"> <div class="menu_l"> <p>6寸/227RMB</p> <span>甜度:</span> <img src="images/tian_du.png"> <img src="images/tian_du.png"> <img src="images/tian_du.png"> </div> <div class="mune_r"><img src="images/shou_car.png"></div> </div> <div class="menuBut"> <p>香檸馬斯卡邦</p> <p>Lemon mascarpone cake</p> </div> </li> <li> <img src="images/shou_n11.jpg" class="pro"> <div class="menuOpen"> <div class="menu_l"> <p>6寸/227RMB</p> <span>甜度:</span> <img src="images/tian_du.png"> <img src="images/tian_du.png"> <img src="images/tian_du.png"> </div> <div class="mune_r"><img src="images/shou_car.png"></div> </div> <div class="menuBut"> <p>香檸馬斯卡邦</p> <p>Lemon mascarpone cake</p> </div> </li> <li> <img src="images/shou_n12.jpg" class="pro"> <div class="menuOpen"> <div class="menu_l"> <p>6寸/227RMB</p> <span>甜度:</span> <img src="images/tian_du.png"> <img src="images/tian_du.png"> <img src="images/tian_du.png"> </div> <div class="mune_r"><img src="images/shou_car.png"></div> </div> <div class="menuBut"> <p>香檸馬斯卡邦</p> <p>Lemon mascarpone cake</p> </div> </li> </ul> <div id="clear"></div> <div class="more"><p>更多美味</p></div> </div> <!-- list menu --> <div id="try"> <div class="tryL"><img src="images/shichi.jpg"></div> <ul class="tryR"> <li><p>公司名稱(chēng):</p><input type="text" placeholder="請(qǐng)輸入公司名稱(chēng)(*必填)"> </li> <li><p>企業(yè)地址:</p><input type="text" placeholder="請(qǐng)?zhí)顚?xiě)企業(yè)地址"> </li> <li><p>試吃人數(shù):</p><input type="text" placeholder="請(qǐng)?zhí)顚?xiě)試吃人數(shù)"> </li> <li><p>預(yù)約人姓名:</p><input type="text" placeholder="請(qǐng)?zhí)顚?xiě)預(yù)約人姓名"> </li> <li><p>聯(lián)系電話(huà):</p><input type="text" placeholder="請(qǐng)?zhí)顚?xiě)聯(lián)系電話(huà)"> </li> <li class="Xopen"><p>蛋糕品種:</p><input type="text" placeholder="鮮奶系列"> <ul class="Xhide"> <li>焦糖香草慕斯</li> <li>樹(shù)莓慕斯類(lèi)</li> <li>榴蓮芝士</li> <li>焦糖香草慕斯</li> <li>樹(shù)莓慕斯類(lèi)</li> <li>榴蓮芝士</li> <li>焦糖香草慕斯</li> <li>樹(shù)莓慕斯類(lèi)</li> <li>榴蓮芝士</li> </ul> </li> <button class="refer">提交申請(qǐng)</button> </ul> <div id="clear"></div> <div class="try_b"> <p class="try_bL"> <i>< 1 ></i>.企業(yè)試吃人數(shù)超過(guò)3人，可申請(qǐng)?jiān)嚦浴? <br> <i>< 2 ></i> .申請(qǐng)信息提交后，不急會(huì)統(tǒng)一進(jìn)行匯總，并電聯(lián)預(yù)約人確認(rèn)相關(guān)信息以便確認(rèn)是否申請(qǐng)成功 </p> <p class="try_bR"> <i>< 3 ></i>.申請(qǐng)?jiān)嚦云髽I(yè)需提供一個(gè)能容納5-10人左右的試吃空間。 <br> <i>< 4 ></i> .試吃結(jié)束，我們期待您寶貴的反饋意見(jiàn)。 </p> </div> </div> <ul class="intr"> <li> <img src="images/xiangqing.jpg" alt="heihei"> <span>查看詳情<i><img src="images/xiangqing_logo.png"></i></span> </li> <li> <img src="images/xiangqing.jpg" alt="heihei"> <span>查看詳情<i><img src="images/xiangqing_logo.png"></i></span> </li> <li> <img src="images/xiangqing.jpg" alt="heihei"> <span>查看詳情<i><img src="images/xiangqing_logo.png"></i></span> </li> </ul> <ul class="serve"> <li> <img src="images/b_1.png"> <span>全年無(wú)休<br>送貨上門(mén)</span> </li> <li> <img src="images/b_2.png"> <span>專(zhuān)業(yè)挑選<br>品質(zhì)認(rèn)證</span> </li> <li> <img src="images/b_3.png"> <span>安全配送<br>專(zhuān)人專(zhuān)區(qū)</span> </li> <li> <img src="images/b_4.png"> <span>專(zhuān)業(yè)客服<br>貼心服務(wù)</span> </li> </ul> </div> <!-- content --> <div class="footerTop"> <div id="footerTop"> <div class="footerL"> <img src="images/weixin.jpg"> <p>微信訂購(gòu)流程<br> <span> 關(guān)注微信公眾號(hào)－點(diǎn)擊［微信訂購(gòu)］ - ［蛋糕預(yù)定］<br> - 選擇蛋糕磅數(shù)［立即購(gòu)買(mǎi)］ - 點(diǎn)擊［去結(jié)算］<br> - 確認(rèn)訂單信息 - 選擇［支付方式］<br> - 輸入優(yōu)惠券密碼 - 提交訂單 </span> </p> </div> <div class="footerR"> <p class="footerR_l">杭州范圍內(nèi)免費(fèi)配送<br> <span> [ 訂購(gòu)專(zhuān)線(xiàn) ] 4006 666 666（服務(wù)時(shí)間：8:30-22:30）<br> [ 客服郵箱 ] sales@cake.com<br> [ 公司地址 ] 江蘇省杭州市姑蘇區(qū)花蓮路30號(hào) </span> </p> <div class="footerR_r"> <p>官網(wǎng)動(dòng)態(tài)</p> <img src="images/xinlang.png"><br> <img src="images/small_weiixn.png"> </div> </div> </div> </div> <div class="footer"> <div id="footer"> <p>版權(quán)所有 ? 2016-2022公司:杭州凱客電子商務(wù)有限公司 蘇ICP備14323234號(hào)</p> </div> </div></body></html><script src="js/jquery-1.7.2.js"></script><script src="swiper/swiper.min.js"></script><script src="js/js.js"></script>





四、獲取更多源碼

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

相關(guān)問(wèn)題可以相互學(xué)習(xí)，可關(guān)注↓公Z號(hào) 獲取更多源碼 !



五、學(xué)習(xí)資料

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ē)、 其他* 可滿(mǎn)足大學(xué)生網(wǎng)頁(yè)大作業(yè)網(wǎng)頁(yè)設(shè)計(jì)需求, 喜歡的可以下載!



關(guān)鍵詞：設(shè)計(jì),蛋糕,作業(yè),甜品

74
73
25
news

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

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