時間：2023-10-08 18:06:01 | 來源：網(wǎng)站運營
時間：2023-10-08 18:06:01 來源：網(wǎng)站運營
HTML5期末大作業(yè)：生活購物商城網(wǎng)站設(shè)計——生活購物商城網(wǎng)頁模板(22頁)：常見網(wǎng)頁設(shè)計作業(yè)題材有個人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他等網(wǎng)頁設(shè)計題目,A+水平作業(yè), 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載!
在線咨詢
PC電腦端關(guān)注我們1.網(wǎng)頁作品簡介 ：HTML期末大學(xué)生網(wǎng)頁設(shè)計作業(yè) A+水平 ,喜歡的可以下載，文章頁支持手機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、表單、二級三級頁面等，視頻、 音頻元素 、Flash，同時設(shè)計了logo（源文件），基本期末作業(yè)所需的知識點全覆蓋。<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus?"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE"> <meta name="renderer" content="webkit"> <meta content="歪秀購物, 購物, 大家電, 手機" name="keywords"> <meta content="歪秀購物，購物商城。" name="description"> <title>會員系統(tǒng)我的訂單</title> <link rel="shortcut icon" type="image/x-icon" href="theme/icon/favicon.ico"> <link rel="stylesheet" type="text/css" href="theme/css/base.css"> <link rel="stylesheet" type="text/css" href="theme/css/member.css"> </head> <body><!--- header begin--><header id="pc-header"> <div class="BHeader"> <div class="yNavIndex"> <ul class="BHeaderl"> <li><a href="#">登錄</a> </li> <li class="headerul">|</li> <li><a href="#">訂單查詢</a> </li> <li class="headerul">|</li> <li><a href="#">我的收藏</a> </li> <li class="headerul">|</li> <li id="pc-nav" class="menu"><a href="#" class="tit">我的商城</a> <div class="subnav"> <a href="#">我的山城</a> <a href="#">我的山城</a> <a href="#">我的山城</a> </div> </li> <li class="headerul">|</li> <li><a href="#" class="M-iphone">手機悅商城</a> </li> </ul> </div> </div> <div class="container clearfix"> <div class="header-logo fl"><h1><a href="#"><img src="theme/icon/logo.png"></a> </h1></div> <div class="member-title fl"><h2></h2></div> <div class="head-form fl"> <form class="clearfix"> <input type="text" class="search-text" accesskey="" id="key" autocomplete="off" placeholder="洗衣機"> <button class="button" onClick="search('key');return false;">搜索</button> </form> <div class="words-text clearfix"> <a href="#" class="red">1元秒爆</a> <a href="#">低至五折</a> <a href="#">農(nóng)用物資</a> <a href="#">買一贈一</a> <a href="#">佳能相機</a> <a href="#">稻香村月餅</a> <a href="#">服裝城</a> </div> </div> <div class="header-cart fr"><a href="#"><img src="theme/icon/car.png"></a> <i class="head-amount">99</i></div> </div></header><!-- header End --><div class="containers"><div class="pc-nav-item"><a href="#">首頁</a> > <a href="#">會員中心 </a> > <a href="#">商城快訊</a></div></div><!-- 商城快訊 begin --><section id="member"> <div class="member-center clearfix"> <div class="member-left fl"> <div class="member-apart clearfix"> <div class="fl"><a href="#"><img src="theme/img/bg/mem.png"></a></div> <div class="fl"> <p>用戶名：</p> <p><a href="#">亞里士多德</a></p> <p>搜悅號：</p> <p>389323080</p> </div> </div> <div class="member-lists"> <dl> <dt>我的商城</dt> <dd class="cur"><a href="#">我的訂單</a></dd> <dd><a href="#">我的收藏</a></dd> <dd><a href="#">賬戶安全</a></dd> <dd><a href="#">我的評價</a></dd> <dd><a href="#">地址管理</a></dd> </dl> <dl> <dt>客戶服務(wù)</dt> <dd><a href="#">退貨申請</a></dd> <dd><a href="#">退貨/退款記錄</a></dd> </dl> <dl> <dt>我的消息</dt> <dd><a href="#">商城快訊</a></dd> <dd><a href="#">幫助中心</a></dd> </dl> </div> </div> <div class="member-right fr"> <div class="member-head"> <div class="member-heels fl"><h2>訂單號：1234567890</h2></div> <div class="member-backs fr"><a href="#">返回訂單首頁</a></div> </div> <div class="member-border"> <div class="member-order"> <dl> <dt>發(fā)貨信息</dt> <dd class="member-seller">賣家已發(fā)貨 <a href="#">（物流查詢）</a> </dd> </dl> <dl class="member-custom clearfix "> <dt>訂單信息</dt> <dd>訂單編號：98654091436</dd> <dd>訂單金額：￥10000000</dd> <dd>付款時間：2015-09-22 08：22</dd> <dd>發(fā)貨時間：2015-09-22 08：22</dd> </dl> <dl> <dt>配送信息</dt> <dd class="member-seller"><span>收貨地址：<em>張子琪</em></span> <span>18801066117</span> <span>杭州市海淀區(qū)中關(guān)村南街99號，幸福小區(qū)3號樓4門401</span></dd> </dl> <dl class="member-custom clearfix "> <dt>發(fā)票信息</dt> <dd>發(fā)票類型：電子發(fā)票 發(fā)票下載</dd> <dd>發(fā)票抬頭：公司</dd> <dd>發(fā)票內(nèi)容：化妝品</dd> </dl> <dl> <dt>商品信息</dt> <dd class="member-seller">本訂單是由 “以純甲醇旗艦店” 發(fā)貨并且提高售后服務(wù)，商品在下單后會盡快給您發(fā)貨。 </dd> </dl> </div> <div class="member-serial"> <ul> <li class="clearfix"> <div class="No1">商品編號</div> <div class="No2">商品詳情</div> <div class="No3">數(shù)量</div> <div class="No4">單價</div> <div class="No5">小計</div> </li> <li class="clearfix"> <div class="No1">987645</div> <div class="No2"><a href="#">BWXD日系復(fù)古男士松緊腰小腳九分褲簡約休閑收口運動潮褲垮褲百搭</a> </div> <div class="No3">1</div> <div class="No4">￥78.00</div> <div class="No5">￥99.00</div> </li> <li class="clearfix"> <div class="No1">908756</div> <div class="No2"><a href="#">現(xiàn)貨包郵小米手環(huán)充電線 小米手環(huán)充電器 小米手環(huán)數(shù)據(jù)線 有腕帶</a> </div> <div class="No3">2</div> <div class="No4">￥78.00</div> <div class="No5">￥99.00</div> </li> </ul> </div> </div> <div class="member-settle clearfix"> <div class="fr"> <div><span>商品金額：</span><em>￥270.00</em></div> <div><span>運費：</span><em>￥270.00</em></div> <div class="member-line"></div> <div><span>共需支付：</span><em>￥280.00</em></div> </div> </div> </div> </div></section><!-- 商城快訊 End --><!--- footer begin--><div class="aui-footer-bot"> <div class="time-lists aui-footer-pd clearfix"> <div class="aui-footer-list clearfix"> <h4> <span><img src="theme/icon/icon-d1.png"></span> <em>消費者權(quán)益</em> </h4> <ul> <li><a href="#">保障范圍 </a> </li> <li><a href="#">退貨退款流程</a> </li> <li><a href="#">服務(wù)中心 </a> </li> <li><a href="#">服務(wù)中心</a> </li> <li><a href="#"> 更多特色服務(wù) </a> </li> </ul> </div> <div class="aui-footer-list clearfix"> <h4> <span><img src="theme/icon/icon-d2.png"></span> <em>新手上路</em> </h4> <ul> <li><a href="#">退貨退款流程</a> </li> <li><a href="#">服務(wù)中心 </a> </li> <li><a href="#">服務(wù)中心</a> </li> <li><a href="#"> 更多特色服務(wù) </a> </li> </ul> </div> <div class="aui-footer-list clearfix"> <h4> <span><img src="theme/icon/icon-d3.png"></span> <em>保障正品</em> </h4> <ul> <li><a href="#">退貨退款流程</a> </li> <li><a href="#">服務(wù)中心 </a> </li> <li><a href="#">服務(wù)中心</a> </li> <li><a href="#"> 更多特色服務(wù) </a> </li> </ul> </div> <div class="aui-footer-list clearfix"> <h4> <span><img src="theme/icon/icon-d1.png"></span> <em>消費者權(quán)益</em> </h4> <ul> <li><a href="#">退貨退款流程</a> </li> <li><a href="#">服務(wù)中心 </a> </li> <li><a href="#">服務(wù)中心</a> </li> <li><a href="#"> 更多特色服務(wù) </a> </li> </ul> </div> </div> <div style="border-bottom:1px solid #dedede"></div> <div class="time-lists aui-footer-pd time-lists-ls clearfix"> <div class="aui-footer-list clearfix"> <h4>購物指南</h4> <ul> <li><a href="#">保障范圍 </a> </li> <li><a href="#">購物流程</a> </li> <li><a href="#">會員介紹 </a> </li> <li><a href="#">生活旅行</a> </li> <li><a href="#"> 常見問題 </a> </li> <li><a href="#"> 聯(lián)系客服購物指南 </a> </li> </ul> </div> <div class="aui-footer-list clearfix"> <h4>特色服務(wù)</h4> <ul> <li><a href="#">退貨退款流程</a> </li> <li><a href="#">服務(wù)中心 </a> </li> <li><a href="#">服務(wù)中心</a> </li> <li><a href="#"> 更多特色服務(wù) </a> </li> <li><a href="#"> 更多特色服務(wù) </a> </li> <li><a href="#"> 更多特色服務(wù) </a> </li> <li><a href="#"> 更多特色服務(wù) </a> </li> </ul> </div> <div class="aui-footer-list clearfix"> <h4>幫助中心</h4> <ul> <li><a href="#">退貨退款流程</a> </li> <li><a href="#">退貨退款流程</a> </li> <li><a href="#">退貨退款流程</a> </li> <li><a href="#">退貨退款流程</a> </li> <li><a href="#">服務(wù)中心 </a> </li> <li><a href="#">服務(wù)中心</a> </li> <li><a href="#"> 更多特色服務(wù) </a> </li> </ul> </div> <div class="aui-footer-list clearfix"> <h4>新手指導(dǎo)</h4> <ul> <li><a href="#">退貨退款流程</a> </li> <li><a href="#">退貨退款流程</a> </li> <li><a href="#">服務(wù)中心 </a> </li> <li><a href="#">服務(wù)中心</a> </li> <li><a href="#">服務(wù)中心</a> </li> <li><a href="#"> 更多特色服務(wù) </a> </li> <li><a href="#"> 更多特色服務(wù) </a> </li> </ul> </div> </div></div><!-- footer End --></body></html>~ 關(guān)注我，點贊博文~ 每天帶你漲知識!相關(guān)問題可以相互學(xué)習(xí)，可關(guān)注↓公Z號 獲取更多源碼 !web前端 零基礎(chǔ)-入門到高級 (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程) 適合入門到高級的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站 HTML5期末考核大作業(yè)源碼 包含 個人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他* 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計需求, 喜歡的可以下載! 關(guān)鍵詞：商城,生活,模板,設(shè)計,作業(yè)
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
