時(shí)間：2023-09-28 02:18:01 | 來源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-09-28 02:18:01 來源：網(wǎng)站運(yùn)營(yíng)
HTML5期末大作業(yè)：網(wǎng)頁設(shè)計(jì)——小米商城官網(wǎng)首頁(1頁) HTML+CSS+JavaScript web期末作業(yè)設(shè)計(jì)網(wǎng)頁_清新淡雅個(gè)人網(wǎng)頁大學(xué)生網(wǎng)頁設(shè)計(jì)作業(yè)成品：常見網(wǎng)頁設(shè)計(jì)作業(yè)題材有作者主頁-更多源碼個(gè)人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動(dòng)漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他等網(wǎng)頁設(shè)計(jì)題目,A+水平作業(yè), 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計(jì)需求, 喜歡的可以下載!
在線咨詢
1.網(wǎng)頁作品簡(jiǎn)介 ：HTML期末大學(xué)生網(wǎng)頁設(shè)計(jì)作業(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、表單、二級(jí)三級(jí)頁面等，視頻、 音頻元素 、Flash，同時(shí)設(shè)計(jì)了logo（源文件），基本期末作業(yè)所需的知識(shí)點(diǎn)全覆蓋。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/xiaomi.css"/> <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script> <script src="js/jquery.animate-colors-min.js"></script></head><body> <div class="head_box"> <div id="head_wrap"> <div id="head_nav"> <a class="head_nav_a">大米網(wǎng)</a> <span>|</span> <a class="head_nav_a">MIUI</a> <span>|</span> <a class="head_nav_a">米聊</a> <span>|</span> <a class="head_nav_a">游戲</a> <span>|</span> <a class="head_nav_a">多看閱讀</a> <span>|</span> <a class="head_nav_a">云服務(wù)</a> <span>|</span> <a class="head_nav_a">大米移動(dòng)版</a> <span>|</span> <a class="head_nav_a">問題反饋</a> <span>|</span> <a class="head_nav_a" id="Select_Region_but">Select Region</a> </div> <div id="head_right"> <div id="head_landing"> <a class="head_nav_a">登陸</a> <span>|</span> <a class="head_nav_a">注冊(cè)</a> </div> <div id="head_car"> <a class="head_car_text">購(gòu)物車（0）</a> <div id="car_content" style="height: 0px;width:0px ;background-color: #edffc6;z-index: 999"> <a class="car_text"></a> </div> </div> </div> </div> </div> <div id="main_head_box"> <div id="menu_wrap"> <div id="menu_logo"> <img src="img/xiaomi_logo.png"> </div> <div id="menu_nav"> <ul> <li class="menu_li" control="xiaomiphone">大米手機(jī)</li> <li class="menu_li" control="hongmiphone">紅米</li> <li class="menu_li" control="pingban">平板</li> <li class="menu_li" control="tv">電視 盒子</li> <li class="menu_li" control="luyou">路由器</li> <li class="menu_li" control="yingjian">智能硬件</li> <li><a>服務(wù)</a></li> <li><a>社區(qū)</a></li> </ul> </div> <div id="find_wrap"> <div id="find_bar"> <input type="text" id="find_input"> </div> <div id="find_but">GO</div> </div> </div> </div> <div id="menu_content_bg" style="height: 0px;"> <div id="menu_content_wrap"> <ul style="top: 0px;"> <li id="xiaomiphone"> <div class="menu_content"> <img src="img/mi4!160x110.jpg"> <p class="menu_content_tit">大米手機(jī)4</p> <p class="menu_content_price">1499元起</p> </div> <span class="menu_content_line"></span> <div class="menu_content"> <img src="img/minote!160x110.jpg"> <p class="menu_content_tit">大米NOTE標(biāo)準(zhǔn)版</p> <p class="menu_content_price">1999元起</p> </div> <span class="menu_content_line"></span> <div class="menu_content"> <img src="img/minotepro!160x110.jpg"> <p class="menu_content_tit">大米NOTE頂配版</p> <p class="menu_content_price">2999元起</p> </div> </li> <li id="hongmiphone"> <div class="menu_content"> <img src="img/hongmi2a!160x110.jpg"> <p class="menu_content_tit">紅米手機(jī)2A</p> <p class="menu_content_price">499元</p> </div> <span class="menu_content_line"></span> <div class="menu_content"> <img src="img/hongmi2!160x110.jpg"> <p class="menu_content_tit">紅米手機(jī)2</p> <p class="menu_content_price">599元</p> </div> <span class="menu_content_line"></span> <div class="menu_content"> <img src="img/note!160x110.jpg"> <p class="menu_content_tit">紅米NOTE</p> <p class="menu_content_price">699元</p> </div> <span class="menu_content_line"></span> <div class="menu_content"> <img src="img/note2!160x110.jpg"> <p class="menu_content_tit">紅米NOTE2</p> <p class="menu_content_price">799元</p> </div> </li> <li id="pingban"> <div class="menu_content"> <img src="img/mipad16!160x110.jpg"> <p class="menu_content_tit">大米平板16G</p> <p class="menu_content_price">1299元</p> </div> <span class="menu_content_line"></span> <div class="menu_content"> <img src="img/mipad64!160x110.jpg"> <p class="menu_content_tit">大米平板64G</p> <p class="menu_content_price">1499元起</p> </div> </li> <li id="tv"> <div class="menu_content"> <img src="img/mitv40!160x110.jpg"> <p class="menu_content_tit">大米電視2 40英寸</p> <p class="menu_content_price">1999元</p> </div> <span class="menu_content_line"></span> <div class="menu_content"> <img src="img/mitv48!160x110.jpg"> <p class="menu_content_tit">大米電視2S 48英寸</p> <p class="menu_content_price">2999元起</p> </div> <span class="menu_content_line"></span> <div class="menu_content"> <img src="img/mitv49!160x110.jpg"> <p class="menu_content_tit">大米電視2 49英寸</p> <p class="menu_content_price">3399元起</p> </div> <span class="menu_content_line"></span> <div class="menu_content"> <img src="img/mitv55!160x110.jpg"> <p class="menu_content_tit">大米電視2 55英寸</p> <p class="menu_content_price">4499元起</p> </div> <span class="menu_content_line"></span> <div class="menu_content"> <img src="img/hezimini!160x110.jpg"> <p class="menu_content_tit">大米盒子MINI版</p> <p class="menu_content_price">199元</p> </div> <span class="menu_content_line"></span> <div class="menu_content"> <img src="img/hezis!160x110.jpg"> <p class="menu_content_tit">大米盒子增強(qiáng)版</p> <p class="menu_content_price">299元</p> </div> </li> <li id="luyou"> <div class="menu_content"> <img src="img/miwifi!160x110.jpg"> <p class="menu_content_tit">全新大米路由器</p> <p class="menu_content_price">699元起</p> </div> <span class="menu_content_line"></span> <div class="menu_content"> <img src="img/miwifimini!160x110.jpg"> <p class="menu_content_tit">大米路由器 MINI</p> <p class="menu_content_price">129元</p> </div> <span class="menu_content_line"></span> <div class="menu_content"> <img src="img/miwifilite!160x110.jpg"> <p class="menu_content_tit">大米路由器 青春版</p> <p class="menu_content_price">79元</p> </div> <span class="menu_content_line"></span> <div class="menu_content"> <img src="img/wifiExtension!160x110.jpg"> <p class="menu_content_tit">大米WIFI放大器</p> <p class="menu_content_price">39元</p> </div> </li> <li id="yingjian"> <div class="menu_content"> <img src="http://c1.mifile.cn/f/i/15/goods/nav/scale!160x110.jpg"> <p class="menu_content_tit">體重稱</p> <p class="menu_content_price">99元</p> </div> <span class="menu_content_line"></span> <div class="menu_content"> <img src="img/xiaoyi!160x110.jpg"> <p class="menu_content_tit">攝像頭</p> <p class="menu_content_price">129元起</p> </div> <span class="menu_content_line"></span> <div class="menu_content"> <img src="img/yicamera!160x110.jpg"> <p class="menu_content_tit">運(yùn)動(dòng)相機(jī)</p> <p class="menu_content_price">399元起</p> </div> <span class="menu_content_line"></span> <div class="menu_content"> <img src="img/ihealth!160x110.jpg"> <p class="menu_content_tit">血壓計(jì)</p> <p class="menu_content_price">199元</p> </div> <span class="menu_content_line"></span> <div class="menu_content"> <img src="img/chazuo!160x110.jpg"> <p class="menu_content_tit">智能插座</p> <p class="menu_content_price">59元</p> </div> <span class="menu_content_line"></span> <div class="menu_content"> <img src="img/smart!160x110.jpg"> <p class="menu_content_tit">查看全部 <br>智能硬件</p> </div> </li> </ul> </div> </div> <div id="big_banner_wrap"> <ul id="banner_menu_wrap"> <li class="active"img> <a>手機(jī) 平板</a> <a class="banner_menu_i">></a> <div class="banner_menu_content" style="width: 600px; top: -20px;"> <ul class="banner_menu_content_ul"> <li> <a><img src="img/minote.jpg"></a><a>大米NOTE</a><span>選購(gòu)</span></li> <li> <a><img src="img/mi4.jpg"></a><a>大米手機(jī)4</a><span>選購(gòu)</span></li> <li> <a><img src="img/hongmi2.jpg"></a><a>紅米手機(jī)2</a><span>選購(gòu)</span></li> <li> <a><img src="img/hongmi2a.jpg"></a><a>紅米手機(jī)2A</a><span>選購(gòu)</span></li> <li> <a><img src="img/note2.jpg"></a><a>紅米NOTE2</a><span>選購(gòu)</span></li> <li> <a><img src="img/note2.jpg"></a><a>紅米NOTE 4G雙卡</a><span>選購(gòu)</span></li> </ul> <ul class="banner_menu_content_ul"> <li> <a><img src="img/mipad.jpg"></a><a>大米平板</a><span>選購(gòu)</span></li> <li> <a><img src="img/telcom.jpg"></a><a>電信版</a></li> <li> <a><img src="img/heyue.jpg"></a><a>合約機(jī)</a></li> <li> <a><img src="img/zhongxin.jpg"></a><a>中信特權(quán)</a></li> <li> <a><img src="img/compare.jpg"></a><a>對(duì)比手機(jī)</a></li> </ul> </div> </li> <li> <a>電視 盒子</a> <a class="banner_menu_i">></a> <div class="banner_menu_content" style="width: 600px; top: -62px;"> <ul class="banner_menu_content_ul"> <li> <a><img src="img/tv40.jpg"></a><a>大米電視40英寸</a></li> <li> <a><img src="img/tv48.jpg"></a><a>大米電視48英寸</a></li> <li> <a><img src="img/tv49.jpg"></a><a>大米電視49英寸</a></li> <li> <a><img src="img/hezis.jpg"></a><a>大米電視55英寸</a></li> <li> <a><img src="img/hezis.jpg"></a><a>大米盒子</a></li> <li> <a><img src="img/hezis.jpg"></a><a>大米盒子MINI</a></li> </ul> <ul class="banner_menu_content_ul"> <li> <a><img src="img/dianshipeijian.jpg"></a><a>大米電視配件</a><span>選購(gòu)</span></li> </ul> </div> </li> <li> <a>路由器 智能配件</a> <a class="banner_menu_i">></a> <div class="banner_menu_content" style="width: 900px; top: -104px;"> <ul class="banner_menu_content_ul"> <li> <a><img src="img/miwifi.jpg"></a><a>大米路由器</a></li> <li> <a><img src="img/miwifilite.jpg"></a><a>大米路由器 青春版</a></li> <li> <a><img src="img/air.jpg"></a><a>凈化器</a></li> <li> <a><img src="img/xiaoyi.jpg"></a><a>攝像機(jī)</a></li> <li> <a><img src="img/scale.jpg"></a><a>體重稱</a></li> <li> <a><img src="img/scale.jpg"></a><a>智能插頭</a></li> </ul> <ul class="banner_menu_content_ul"> <li> <a><img src="img/miwifimini.jpg"></a><a>大米路由器MINI</a></li> <li> <a><img src="img/wifiExtension.jpg"></a><a>大米WIFI放大器</a></li> <li> <a><img src="img/yicamera.jpg"></a><a>運(yùn)動(dòng)相機(jī)</a></li> <li> <a><img src="img/water.jpg"></a><a>凈水器</a></li> <li> <a><img src="img/ihealth.jpg"></a><a>血壓計(jì)</a></li> <li> <a><img src="img/ihealth.jpg"></a><a>床頭燈</a></li> </ul> <ul class="banner_menu_content_ul"> <li> <a><img src="img/zhinengtaozhuang.jpg"></a><a>智能家庭套裝</a></li> <li> <a><img src="img/shouhuan.jpg"></a><a>大米手環(huán)</a></li> <dd>預(yù)約親臨到店服務(wù)</dd> </dl> <dl> <dt>關(guān)注我們</dt> <dd>新浪微博</dd> <dd>大米部落</dd> <dd>官方微信</dd> </dl> </div> <div class="foot_bottom_r"> <a>400-100-5678</a> <a>周一至周日 8:00-18:00</a> <a>（僅收市話費(fèi)）</a> <span> 24小時(shí)在線客服</span> </div> </div> </div> <div class="foot_note_box"> <div class="foot_note_wrap"> <div class="foot_note_con"> <span class="foot_logo"><img src="img/mi-logo.png" width="38px" height="38px"></span> <span class="foot_note_txt"> <a>大米網(wǎng)</a><h>|</h><a>MIUI</a><h>|</h><a>米聊</a><h>|</h><a>多看書城</a><h>|</h><a>大米路由器</a><h>|</h><a>大米后院</a><h>|</h><a>大米天貓店</a><h>|</h><a>大米淘寶直營(yíng)店</a><h>|</h><a>大米網(wǎng)盟</a><h>|</h><a>問題反饋</a><h>|</h><a>Select Region</a> <a> 5555555號(hào)</a> </span> </div> </div> </div> </div><script type="text/javascript" src="js/xiaomi.js"></script></body></html>web前端 零基礎(chǔ)-入門到高級(jí) (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程) 適合入門到高級(jí)的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站 【百度網(wǎng)盤-源碼下載地址】HTML5期末考核大作業(yè)源碼 包含 個(gè)人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動(dòng)漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他* 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計(jì)需求, 喜歡的可以下載! 關(guān)鍵詞：設(shè)計(jì),作業(yè),小米,商城
客戶&案例
營(yíng)銷資訊
關(guān)于我們
客戶&案例
營(yíng)銷資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
