時(shí)間:2022-08-06 03:45:02 | 來(lái)源:網(wǎng)站運(yùn)營(yíng)
時(shí)間:2022-08-06 03:45:02 來(lái)源:網(wǎng)站運(yùn)營(yíng)
常見(jiàn)網(wǎng)頁(yè)設(shè)計(jì)作業(yè)題材有個(gè)人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動(dòng)漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書(shū)籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他
等網(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> <head> <meta charset="utf-8"> <title></title> <meta name="keywords" content=""> <meta name="description" content=""> <link rel="stylesheet" href="css/safe/css.css" /> <link rel="stylesheet" href="css/safe/common.min.css" /> <link rel="stylesheet" href="css/safe/ms-style.min.css" /> <link rel="stylesheet" href="css/safe/personal_member.min.css" /> <link rel="stylesheet" href="css/safe/Snaddress.min.css" /> <link rel="stylesheet" href="css/sui.css" /> <script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script> <script type="text/javascript" src="js/sui.js" ></script> <style> a{ color: #000000; } </style> </head> <body class="ms-body"> <div id="" class="ng-top-banner"></div> <div class="ng-toolbar"> <div class="ng-toolbar-con wrapper"> <div class="ng-toolbar-left"> <a class="ng-bar-node ng-bar-node-backhome" id="ng-bar-node-backhome" style="display: block;"> <span><img src="img/Home.png" style="margin-right: 10px;"/>返回買啦首頁(yè)</span> </a> <div class="ng-bar-node-box ng-site-nav-box"> <a href="" class="ng-bar-node ng-bar-node-site"> <span><img src="img/daohang.png" style="margin-right: 5px;" />網(wǎng)站導(dǎo)航</span><em class="ng-iconfont down"></em> </a> <div class="ng-sn-site-nav ng-d-box site-nav-child" style="display:none;"> <dl class="sn-site-list lnb"> <dt> 特色購(gòu)物 </dt> <dd> <p><a target="_blank">###</a></p> <p><a target="_blank">###</a></p> <p><a target="_blank">###</a></p> </dd> </dl> <dl class="sn-site-list"> <dt> 主題頻道 </dt> <dd> <p><a target="_blank">###</a></p> <p><a target="_blank">###</a></p> <p><a target="_blank">###</a></p> <p><a target="_blank">###</a></p> <p><a target="_blank">###</a></p> <p><a target="_blank">###</a></p> </dd> </dl> <dl class="sn-site-list"> <dt> 生活助手 </dt> <dd> <p><a target="_blank">###<i class="hot"></i></a></p> <p><a target="_blank">###</a></p> <p><a target="_blank">###</a></p> <p><a target="_blank">###</a></p> <p><a target="_blank">###</a></p> <p><a target="_blank">###</a></p> </dd> </dl> <dl class="sn-site-list"> <dt> 會(huì)員服務(wù) </dt> <dd> <p><a target="_blank">###<i class="hot"></i></a></p> <p><a target="_blank">###</a></p> <p><a target="_blank">###</a></p> <p><a target="_blank">###</a></p> </dd> </dl> <dl class="sn-site-list rnb"> <dt> 更多熱點(diǎn) </dt> <dd> <p><a target="_blank">###</a></p> <p><a target="_blank">###</a></p> <p><a target="_blank">###<i class="hot"></i></a></p> </dd> </dl> <a href="" class="ng-close"><em class="ng-iconfont"></em></a> </div> </div> </div> <div class="ng-toolbar-right"> <a href="" class="ng-bar-node username-bar-node username-bar-node-showside" id="" rel="nofollow" style="display:none;"> <span id="">吉米小子</span> <em class="hasmsg ng-iconfont"></em> </a> <div class="ng-bar-node-box username-handle" id="" style="display: block;"> <a href="" rel="nofollow" class="ng-bar-node username-bar-node username-bar-node-noside"> <span id="">吉米小子</span> <em class="hasmsg ng-iconfont"></em> <em class="ng-iconfont down"></em> </a> <div class="ng-d-box ng-down-box ng-username-slide" style="display:none;"> <a href="" class="ng-vip-union" target="_blank" rel="nofollow">賬號(hào)管理</a> <a href="" rel="nofollow">退出登錄</a> </div> </div> <div class="ng-bar-node reg-bar-node" id="reg-bar-node" style="display: none;"> <a href="" rel="nofollow" class="login">登錄</a> <a href="" target="_blank" class="login reg-bbb" rel="nofollow">注冊(cè)</a> </div> <div class="ng-bar-node-box myorder-handle"> <a class="ng-bar-node ng-bar-node-fix touch-href ng-bar-node-pr5"><span>我的買啦</span><em class="ng-iconfont down"></em></a> <div class="ng-down-box ng-d-box myorder-child" style="display:none;"> <a>待支付<em id="waitPayCounts"></em></a> <a>待收貨<em id="waitDeliveryCounts"></em></a> <a>待評(píng)價(jià)<em id="waitEvaluation"></em></a> <a>修改訂單</a> </div> </div> <a class="ng-bar-node ng-bar-node-mini-cart" rel="nofollow" href=""> <span><img src="img/購(gòu)物車.png" />購(gòu)物車</span> <span class="total-num-bg-box"> <em></em> <i></i> </span> </span> </a> <div class="ng-bar-node-box mysuning-handle"> <a href="" rel="nofollow" name="" class="ng-bar-node ng-bar-node-fix touch-href ng-bar-node-pr5"><span>收藏夾</span><em class="ng-iconfont down"></em></a> <div class="ng-down-box ng-d-box mysuning-child" style="display:none;"> <a href="" rel="nofollow" target="_blank">我的二手</a> <a href="" rel="nofollow">我的收藏</a> </div> </div> <div class="ng-bar-node-box app-down-box"> <a href="" target="_blank" rel="nofollow" class="ng-bar-node mb-suning touch-href"> <span>關(guān)注買啦</span> </a> <div class="ng-mb-box ng-d-box mb-down-child" style="display:none;"> <div class="ng-code-box"> <p class="ng-tip"> <a href="" rel="nofollow" target="_blank"></a> </p> <a target="_blank"> <img src="" height="80" width="80"> </a> </div> <div class="ng-app-box"> <div class="ng-app-list"> <a href="" target="_blank" rel="nofollow" class="ng-app"> <img src="" title="###"></a> <a href="" target="_blank" rel="nofollow" class="ng-app"> <img src="" title="###"></a> <a class="ng-app"> <img src="" title="###"></a> <a href="" target="_blank" rel="nofollow" class="ng-app"> <img src="" title="###"></a> </div> </div> <a href="" target="_blank" rel="nofollow"> <img src="" height="35" width="242"> </a> <a href="" class="ng-close" rel="nofollow"><em class="ng-iconfont"></em></a> </div> </div> <a href="" class="ng-bar-node ng-bar-node-pr5" target="_blank"><span>賣家中心</span><em class="ng-iconfont down"></em></a> <div class="ng-bar-node-box service-handle"> <a href="" class="ng-bar-node ng-bar-node-service ng-bar-node-fix touch-href ng-bar-node-pr5" rel="nofollow"><span>聯(lián)系我們</span><em class="ng-iconfont down"></em> </a> <div class="ng-down-box ng-d-box service-center-child ng-ser-list" style="display:none;"> <a>幫助中心</a> <a>查找門(mén)店</a> <a>退換貨</a> <a>幫客預(yù)約</a> <a>建議反饋</a> </div> </div> </div> <div id="ng-minicart-slide-box"></div> </div> </div> <header class="ms-header ms-header-inner ms-head-position"> <article class="ms-header-menu"> <style type="text/css"> .nav-manage .list-nav-manage { position: absolute; padding: 15px 4px 10px 15px; left: 0; top: -15px; width: 90px; background: #FFF; box-shadow: 1px 1px 2px #e3e3e3, -1px 1px 2px #e3e3e3; z-index: 10; } .ms-nav li { float: left; position: relative; padding: 0 20px; height: 44px; font: 14px/26px "Microsoft YaHei"; color: #FFF; cursor: pointer; z-index: 10; } </style> <div class="header-menu"> <div class="ms-logo"> <a class="ms-head-logo" name="Myyigou_index_none_daohangLogo"><span style="font-size: 30px;color: #fff;font-weight: bold; line-height: 28px;;">我的買啦</span></a> </div> <nav class="ms-nav"> <ul> <li class=""><a href="" data-url="">首頁(yè)</a><i class="nav-arrow"></i></li> <li class="nav-manage selected"> <a href="" data-url="">賬戶管理<em></em></a><i class="nav-arrow"></i> <div class="list-nav-manage " hidden=""> <p class="nav-mge-hover">賬戶管理<em></em></p> </div> </li> <li class="ms-nav-msg"><a>消息</a><i class="nav-arrow"></i></li> </ul> <div class="ms-search"> <form> <input id="" type="text" value=""> </form> </div> </nav> </div> </article> <article class="ms-useinfo"> <div class="header-useinfo" id=""> <div class="ms-avatar"> <div class="useinfo-avatar"> <img src="img/頭像.png"> <div class="edit-avatar"></div> <a class="text-edit-avatar">修改</a> </div> <a>sunshine</a> </div> <div class="ms-name-info"> <div class="link-myinfo"> <a>我的編號(hào):99653</a> </div> <div class="info-member"> <span class="name-member member-1"> <i></i><a target="_blank" >注冊(cè)會(huì)員</a></span> <span style="margin-left: 20px;"> <a target="_blank" >我的資料</a></span> </div> <div class="info-safety"> <span class="safety-lv lv-3"> <a >安全等級(jí):<span>中</span></a> </span> <a class="bind-phone"> <i style="background-image: url(img/修改手機(jī).png);"></i>修改手機(jī)</a> <a class="bind-email"> <i style="background-image: url(img/綁定郵箱.png);"></i>修改郵箱</a> <a class="manage-addr"><i style="background-image: url(img/地址管理.png);"></i>地址管理</a> </div> </div> </div> </article> </header> <div id="ms-center" class="personal-member"> <div class="cont"> <div class="cont-side"> <div class="side-neck" style="margin-top: 20px;"> <i></i> </div> <div class="ms-side" style="margin-top: 20px;" > <article class="side-menu side-menu-off"> <dl class="side-menu-tree" style="padding-left: 50px;"> <dt><img src="img/左側(cè)/我的購(gòu)物車.png" style="margin-right: 10px;margin-left: -20px;"/>我的購(gòu)物車</dt> <dt><img src="img/左側(cè)/file.png" style="margin-right: 10px;margin-left: -20px;"/>訂單管理</dt> <dd> <a>我的訂單</a> </dd> <dd> <a>我的收藏</a> </dd> <dd> <a>我的評(píng)價(jià)</a> </dd> <dd> <a>我的足跡</a> </dd> <dd> <a>我的拍賣</a> </dd> <dd> <a>我的優(yōu)惠券</a> </dd> <dt><img src="img/左側(cè)/我的買啦.png" style="margin-right: 10px;margin-left: -20px;"/>我的買啦</dt> <dd> <a>我的推薦</a> </dd> <dd> <a style="color:#f70">我的錢包</a> </dd> <dd> <a>我要提現(xiàn)</a> </dd> <dd> <a>我的買豆</a> </dd> <dd> <a>邀請(qǐng)管理</a> </dd> <dt><img src="img/左側(cè)/v-card-3.png" style="margin-right: 10px;margin-left: -20px;"/>售后服務(wù)</dt> <dd> <a>退換貨</a> </dd> <dd> <a >意見(jiàn)/投訴</a> </dd> </dl> <a ison="on" class="switch-side-menu icon-up-side"><i></i></a> </article> </div> </div> <div class="cont-main"> <div class="main-wrap mt15" style="border: 0px;"> <h3 style="background-color:#fafbff ;padding: 15px;width: 980px;"> <strong>賬戶余額:<font style="font-size: 20px;color: #F37B1D;"> 1045.<font style="font-size: 12px;color: #F37B1D;font-weight: bold;">98元</font></font></strong> <button style="margin-left:100px;padding: 5px; border: 1px #CCCCCC solid;border-radius: 5px;background-color:#f3f3f3;">充值</button><button style="margin-left:20px;padding: 5px; border: 1px #CCCCCC solid;border-radius: 5px;background-color:#f3f3f3;">提現(xiàn)</button><button style="margin-left:20px;padding: 5px; border: 1px #CCCCCC solid;border-radius: 5px;background-color:#f3f3f3;">轉(zhuǎn)賬</button> </h3> <div class="profile-info"> <div class="control-group clearfix " style="margin-top: 21px;width: 1010px;"> <div > <span style="margin-left:15px;"> <font style="font-size: 14px;color: #333333; font-weight:bold;" >最近交易記錄</font> </span> <a style="color: #007AFF;margin-left: 10px;margin-right: 20px;font-size: 14px;">充值記錄</a><span style="color: #e3e3e3;">|</span><a style="color: #007AFF;margin-left: 20px;margin-right: 20px;font-size: 14px;">提現(xiàn)記錄</a><span style="color: #e3e3e3;">|</span><a style="color: #007AFF;margin-left: 20px;font-size: 14px;">退款記錄</a> <div style="float:right;display: inline;margin-left:120px;border: 1px #ccc solid;display: inline-block;background-color: #F5F5F5;height: 25px;width: 150px;"> <input type="text" placeholder="余額收支明細(xì)" style="width:130px;border: 0px;background-color: #fff;line-height: 25px;border-right: 1px #ccc solid;" /> <img src="img/搜索.png" style="height: 10px;width: 10px;" /> </div> </div> </div> </div> <div style="margin-top: 10px;background:#f3f5fa;height:50px;width:1014px;"> <table class="sui-table table-bordered-simple" > <tr style="background-color: #f8f8f8;color: #797d7d;" > <th style="line-height:50px;" ><font style="font-size: 14px;margin-left:28px; ">分類</font></th> <th style="line-height:50px;margin-left:135px;" nowrap><font style="font-size: 14px; ">創(chuàng)建時(shí)間</font></th> <th style="line-height:50px;" nowrap><font style="font-size: 14px;margin-left: 41px; ">名稱 | 對(duì)方 | 交易</font></th> <th style="line-height:50px; "nowrap ><font style="font-size: 14px;margin-left:44px; ">金額 | 明細(xì)</font></th> <th style="line-height:50px; " nowrap><font style="font-size: 14px;margin-left:35px; ">狀態(tài)</font></th> <th style="line-height:50px; " nowrap ><font style="font-size: 14px;margin-left:35px; ">操作</font></th> </tr> <tr > <td style="padding: 30px;font-size: 14px;"> 中國(guó)移動(dòng) </td> <td style="font-size: 14px"> 2016-04-15 <br /> 10:00:00 </td> <td style="font-size: 14px;padding-left: 50px;"> 啦啦啦啦啦啦啦 </td> <td style="font-size: 14px;"> <span style="margin-left: 41px;">+500</span> </td> <td style="font-size: 14px"> <span style="margin-left: 28px;">交易成功</span> </td> <td style="font-size: 14px"> <span style="margin-left: 35px;color: #007AFF;">詳情</span> </td> </tr> <tr > <td style="padding: 30px;font-size: 14px;"> 中國(guó)移動(dòng) </td> <td style="font-size: 14px;"> 2016-04-15 <br /> 10:00:00 </td> <td style="font-size: 14px;padding-left: 50px"> <span >啦啦啦啦啦啦啦</span> </td> <td style="font-size: 14px"> <span style="margin-left: 41px;">-90</span> </td> <td style="font-size: 14px"> <span style="margin-left: 28px;">交易成功</span> </td> <td style="font-size: 14px"> <span style="margin-left: 35px;color: #007AFF;">詳情</span> </td> </tr> </table> <p style="text-align:right;margin-top: 130px;width: 100%;"> <span class="fenye" style="margin-right: 10px;"><</span><span class="fenye">1</span><span class="fenye">2</span><span class="fenye">3</span><span class="fenye">4</span><span class="fenye">5</span>.....<span class="fenye">></span>共1頁(yè),到<input type="text" value="1" style="width: 20px;margin-left: 10px;margin-right: 10px;" />頁(yè)<button style="background-color: #f95555;padding: 3px;border: 0px;color: #fff;margin-left: 10px;">確認(rèn)</button> </p> </div> </div> </div> </div> </div> </div> <div class="clear"></div> <div class="ng-footer"> <textarea class="footer-dom" id="footer-dom-02"> </textarea> <div class="ng-fix-bar"></div> </div> <style type="text/css"> .fenye{ border: 1px #ccc solid; padding: 3px; width: 20px; } .ng-footer { height:514px; margin-top: 0; } .ng-s-footer { height: 130px; background: none; text-align: center; } .ng-s-footer p.ng-url-list { height: 25px; line-height: 25px; } .ng-s-footer p.ng-url-list a { color: #666666; } .ng-s-footer p.ng-url-list a:hover { color: #f60; } .ng-s-footer .ng-authentication { float: none; margin: 0 auto; height: 25px; width: 990px; margin-top: 5px; } .ng-s-footer p.ng-copyright { float: none; width: 100%; } .root1200 .ng-s-footer p.ng-copyright { width: 100%; } </style> <script type="text/javascript" src="js/safe/ms_common.min.js"></script> </body></html>
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)、 鮮花、 禮品、 汽車、 其他
* 可滿足大學(xué)生網(wǎng)頁(yè)大作業(yè)網(wǎng)頁(yè)設(shè)計(jì)需求, 喜歡的可以下載! 關(guān)鍵詞:設(shè)計(jì),作業(yè)
客戶&案例
營(yíng)銷資訊
關(guān)于我們
客戶&案例
營(yíng)銷資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。