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

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營銷資訊 > 網(wǎng)站運營 > HTML5期末大作業(yè)：水果超市網(wǎng)站設計——水果超市(6頁) HTML+CSS+JavaScript 學生DW網(wǎng)

HTML5期末大作業(yè)：水果超市網(wǎng)站設計——水果超市(6頁) HTML+CSS+JavaScript 學生DW網(wǎng)

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

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

HTML5期末大作業(yè)：水果超市網(wǎng)站設計——水果超市(6頁) HTML+CSS+JavaScript 學生DW網(wǎng)頁設計作業(yè)成品 web課程設計網(wǎng)頁規(guī)劃與設計 網(wǎng)購商城設置網(wǎng)頁：

HTML5期末大作業(yè)：水果超市網(wǎng)站設計——水果超市(6頁) HTML+CSS+JavaScript 學生DW網(wǎng)頁設計作業(yè)成品 web課程設計網(wǎng)頁規(guī)劃與設計 網(wǎng)購商城設置網(wǎng)頁

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

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

作品介紹

1.網(wǎng)頁作品簡介 ：HTML期末大學生網(wǎng)頁設計作業(yè) A+水平 ,喜歡的可以下載，文章頁支持手機PC響應式布局。

2.網(wǎng)頁作品編輯：作品下載后可使用任意HTML編輯軟件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML軟件編輯修改網(wǎng)頁）。

3.網(wǎng)頁作品技術：Div+CSS、鼠標滑過特效、Table、導航欄效果、banner、表單、二級三級頁面等，視頻、 音頻元素 、Flash，同時設計了logo（源文件），基本期末作業(yè)所需的知識點全覆蓋。

@TOC

一、作品展示







二、文件目錄







三、代碼實現(xiàn)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>最新資訊</title> <link href="css/touch.css"rel="stylesheet"> <link href="css/share.css"rel="stylesheet"> <script src="js/jquery-1.12.3.js"></script></head><body><!--頂部導航--><div class="headr"> <div class="heard-con"> <img src="images/logo.jpg" style="margin-top: 7px;float: left;position: absolute"> <div class="headr-nav"> <ul> <li><a href="index.html">首頁</a> </li> <li><a href="hot.html">蔬果熱賣</a> </li> <li><a href="produ.html">全部產(chǎn)品</a> </li> <li><a href="consult.html" >最新資訊</a></li> <li><a href="touch.html"style="color: #4AB344"><span style="color: #4AB344">聯(lián)系我們</span></a> </li> </ul> <div class="sptopfoot"> <div class="spbottom" > </div> </div> </div> <div class="headr-right"> <i class="iconfont" style="font-size: 16px;margin-right: 10px">&#xe7d5;</i> 我的購物車 ∨ <div class="hr-car"> <i class="iconfont"style="font-size: 40px;margin-right: 10px">&#xe633;</i> 您的購物車內暫時沒有任何產(chǎn)品。 </div> </div> </div></div><!--頂部導航結束--><!--banner圖片--><div class="her-banner"></div><!--banner圖片結束--><div class="content"> <!--建議開始--> <div class="recommand clear"> <div class="rec-cont clear"> <div class="rec-left"> <div class="classily"> <div class="cltop"> <p>產(chǎn)品分類</p> </div> <div class="cltcon"> <p><a href="#">國產(chǎn)水果</a> </p> <p><a href="#"> 進口水果</a></p> <p style="border-bottom:0px dashed #999999;"><a href="#">新鮮時蔬</a></p> </div> </div> <div class="service"> <div class="cltop"> <p>在線客服</p> </div> <div class="sercon"> <div class="qqs"> <p><a hidefocus="true" href="#"> <span class="serOnline-img0 qqImg0">&nbsp;</span>蜜桃 </a> </p> <P><a hidefocus="true" href="#"> <span class="serOnline-img0 qqImg0">&nbsp;</span>芒果 </a> </P> </div> <div class="tims"> <div class="marBL-10"> <span class="worktime-header-img">&nbsp;</span> <span class="serWorkTimeText"><b>工作時間</b></span> </div> <div class="serOnline-list-v "><span>周一至周五 ：8:30-17:30</span></div> <div class="serOnline-list-v lastData"><span>周六至周日 ：9:00-17:00</span></div> </div> </div> </div> </div> <div class="rec-right"> <div class="rec-top"> <div class="rt-left"> <img src="images/tou-1.png"> </div> <div class="rt-right"> <span style="line-height: 32px;"> <span style=""><div style=""> <span style="color: rgb(51, 51, 51); font-size: 18px; background-color: transparent;"> 向越來越多的人提供最好吃的水果 </span><br style=""></div><div style=""><span style=""> <p style="color: rgb(0, 0, 0); font-family: 宋體; font-size: 12px;"> <span style="font-size: 14px; font-family: 微軟雅黑; color: rgb(51, 51, 51);"> FRESH蔬果（集團）有限公司以蔬果、水果、糧油、肉類、凍品、水產(chǎn)、南北干貨以及花卉等農(nóng)產(chǎn)品批發(fā)市場經(jīng)營管理、生鮮配送為主力業(yè)態(tài)。 </span></p> <p style="color: rgb(0, 0, 0); font-family: 宋體; font-size: 12px;"><span style="font-size: 14px; font-family: 微軟雅黑; color: rgb(51, 51, 51);"> 用畢生精力致力于水果產(chǎn)業(yè)鏈和水果專營連鎖業(yè)態(tài)的發(fā)展，為消費者提供最好吃的水果。開拓創(chuàng)新立宏愿，決心“一生只做一件事，一心一意做水果”。 </span></p></span><p style="color: rgb(0, 0, 0); font-family: 宋體; font-size: 12px;"></p></div></span><div style=""> <p style="color: rgb(0, 0, 0); font-family: 宋體; font-size: 12px;"></p></div></span> </div> </div> <div class="fk-editor simpleText "> <font style="color: rgb(5, 160, 69);" color="#05a045"> <span style="font-size: 15px;"> &nbsp; &nbsp; &nbsp; &nbsp; * 如有合作需要，請?zhí)顚懸韵卤韱?，我們將盡快給您回復，并為您提供最真誠的服務，謝謝您的支持。 </span> </font> </div> <div class="message"> <p>姓名</p> <div class="siteFormMiddle"> <input _show="1"class="g_itext" type="text"placeholder="請輸入真實姓名"> <div class="star">*</div> </div> <p>電話</p> <div class="siteFormMiddle"> <input _show="1"class="g_itext" type="text"placeholder="請輸入真實電話"> <div class="star">*</div> </div> <p>聯(lián)系時間</p> <div class="siteFormMiddle"> <select _show="1" class="resize"> <option value="none" style="display: none; ">請選擇</option> <option value="工作日">工作日</option> <option value="周末">周末</option> <option value="隨時">隨時</option> </select> </div> <p>留言內容</p> <div class="siteFormMiddle" style="height: 102px; "> <textarea class="g_textarea resize" cols="50" rows="3" maxlength="1000" placeholder="請輸入留言"></textarea> <div class="star"style="line-height: 100px;">*</div> </div> <p>購買方式</p> <div class="siteFormMiddle"> <div class="siteFormItemCheckItem_N_U siteFormItemCheckItem_N_U_A"> <input type="radio" id="M376F1siteFormRadio3I0" name="M376F1siteFormRadioR3" value="批發(fā)"> <label for="M376F1siteFormRadio3I0">批發(fā)</label> </div> <div class="siteFormItemCheckItem_N_U siteFormItemCheckItem_N_U_A"> <input type="radio" id="M376F1siteFormRadio3I1" name="M376F1siteFormRadioR3" value="零食"> <label for="M376F1siteFormRadio3I1">零食</label> </div> </div> <div class="s_ibutton"> </div> </div> </div> </div> </div> <!--建議結束--></div><!--底部--><div class="footer"> <div class="ft-con"> <div class="ft-top"> <img src="images/fot-1.jpg"> </div> <div class="ft-bo"> <div class="ft-b"> <h3>服務保障</h3> <p>正品保證</p> <p>7天無理由退換</p> <p>退貨返運費</p> <p>7X15小時客戶服務</p> </div> <div class="ft-b"> <h3>支付方式</h3> <p>公司轉賬</p> <p>貨到付款</p> <p>在線支付</p> <p>分期付款</p> </div> <div class="ft-b"> <h3>商家服務</h3> <p>商家入駐</p> <p>培訓中心</p> <p>廣告服務</p> <p>服務市場</p> </div> <div class="ft-b"> <h3>服務保障</h3> <p>免運費</p> <p>海外配送</p> <p>EMS</p> <p>211限時達</p> </div> </div> <div class="banq"> <p>?2016 果然新鮮 版權所有</p> <p>手機版 | 本站使用<span><img src="images/ft.jpg"></span>凡科建站搭建 | 管理登錄</p> </div> </div></div></body><script src="js/touch.js"></script></html>





四、學習資料

~ 關注我，點贊博文~ 每天帶你漲知識!

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

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




五、更多源碼

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



關鍵詞：水果,學生,設計,作業(yè)

74
73
25
news

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

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