時(shí)間：2023-08-31 16:48:01 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-08-31 16:48:01 來源：網(wǎng)站運(yùn)營
制作一個(gè)企業(yè)網(wǎng)站——html華為官網(wǎng)購物商城項(xiàng)目的設(shè)計(jì)與實(shí)現(xiàn)：常見網(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ì)需求都能滿足你的需求。原始HTML+CSS+JS頁面設(shè)計(jì), web大學(xué)生網(wǎng)頁設(shè)計(jì)作業(yè)源碼，畫面精明，排版整潔，內(nèi)容豐富，主題鮮明，非常適合初學(xué)者學(xué)習(xí)使用。
在線咨詢
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>華為-構(gòu)筑萬物互聯(lián)的智能世界</title> <link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/top-nav.css"> <link rel="stylesheet" href="css/nav-con.css"> <link rel="stylesheet" href="css/slideshow.css"> <link rel="stylesheet" href="css/recommend.css"> <link rel="stylesheet" href="css/img-show.css"> <link rel="stylesheet" href="css/news-activity.css"> <link rel="stylesheet" href="css/link-btn.css"> <link rel="stylesheet" href="css/footer.css"> <link rel="stylesheet" href="css/corner.css"> <link rel="stylesheet" href="http://www.ylcp.shop/files/files/1650896299792/font-awesome/css/all.css"> <link rel="stylesheet" href="css/iconfont1.css"> <script src="js/top-nav.js"></script></head><body> <!-- 上側(cè)導(dǎo)航區(qū)域 --> <div class="top-nav"> <!-- 最上面?zhèn)€導(dǎo)航欄 --> <div class="top-bar"> <ul> <li class="login"> <a href="login.html"> <i class="fas fa-user"></i> 登錄 </a> </li> <li class="pull"> <i class="fas fa-globe"></i> <span>選擇區(qū)域/語言</span> <i class="fas fa-angle-down"></i> </li> <li class="pull"> <i class="fas fa-border-all"></i> <span>集團(tuán)網(wǎng)站</span> <i class="fas fa-angle-down"></i> </li> </ul> </div> <!-- 集團(tuán)網(wǎng)站下拉框 --> <div class="net"> <ul class="brief"> <li class="title"> <i class="fas fa-chevron-right"></i> <span>集團(tuán)網(wǎng)站</span> </li> <li class="intro"> 公司介紹、新聞動(dòng)態(tài)、展會(huì)活動(dòng)等信息 </li> </ul> <ul> <li class="link"> <a href="javascript:;"> 消費(fèi)者業(yè)務(wù)網(wǎng)站 <i class="fas fa-angle-right"></i> </a> </li> <li class="intro"> 手機(jī)，PC和平板等智慧生活產(chǎn)品 </li> </ul> <ul> <li class="link"> <a href="javascript:;"> 企業(yè)業(yè)務(wù)網(wǎng)站 <i class="fas fa-angle-right"></i> </a> </li> <li class="intro"> 企業(yè)商用產(chǎn)品、解決方案和云服務(wù) </li> </ul> <ul> <li class="link"> <a href="javascript:;"> 運(yùn)營商網(wǎng)絡(luò)業(yè)務(wù)網(wǎng)站 <i class="fas fa-angle-right"></i> </a> </li> <li class="intro"> 運(yùn)營商網(wǎng)絡(luò)解決方案、產(chǎn)品及服務(wù) </li> </ul> <ul> <li class="link"> <a href="javascript:;"> 華為云網(wǎng)站 <i class="fas fa-angle-right"></i> </a> </li> <li class="intro"> 華為云服務(wù)及解決方案 </li> </ul> </div> <!-- 語言區(qū)域下拉框 --> <div class="region"> <h3>選擇地區(qū)/語言</h3> <ul class="first"> <li> <span> Japan - <a href="javascript:;">日本語</a> </span> </li> <li> <span> Myanmar - <a href="javascript:;">??????</a> </span> </li> <li> <span> Spain - <a href="javascript:;">Espa?ol</a> </span> </li> <li> <span> United Kingdom - <a href="javascript:;">English</a> </span> </li> <li> <span> Global- <a href="javascript:;">English</a> </span> </li> </ul> <ul> <li> <span class="zhong"> <i class="fas fa-angle-right"></i> China - <a href="javascript:;">簡體中文</a> </span> </li> <li> <span> Kazakstan - <a href="javascript:;">русский</a> </span> </li> <li> <span> New Zealand - <a href="javascript:;">English</a> </span> </li> <li> <span> Switzerland - <a href="javascript:;">English</a> </span> </li> <li> <span> United States - <a href="javascript:;">English</a> </span> </li> </ul> </div> </div> <!-- 導(dǎo)航欄 --> <div class="nav-con"> <div class="nav"> <!-- 最左側(cè)logo --> <a href=""> <img src="picture/huawei_logo.png"> </a> <!-- 中間選項(xiàng)卡 --> <ul class="center"> <li class="product"> <span>個(gè)人及家庭產(chǎn)品</span> <!-- 個(gè)人及家庭產(chǎn)品下拉框 --> <li> <a href="javascript:;">隱私保護(hù)</a> </li> <li> <a href="javascript:;">除名查詢</a> </li> </ul> </div> </div> <!-- 流動(dòng)客服及回到頂部 --> <div class="corner"> <div class="to-serve"> <i class="iconfont"></i> </div> <div class="to-top"> <i class="fas fa-chevron-up"></i> </div> </div></body></html>.news-activity{ width: 85%; margin: 0 auto; overflow: hidden; margin-bottom: 60px;}.exhibition1{ width: 31%; overflow: hidden; float: left; height: 435px;}.exhibition2{ width: 31%; height: 435px; overflow: hidden; float: left; margin-left: 3.5%;}.exhi .tip{ width: 92px; height: 32px; background: #999999; text-align: center; line-height: 32px;}.exhi .tip span{ font-size: 14px; color: #fff;}.exhi img{ width: 100%; height: 170px; transition: all 0.5s;}.exhi .message{ width: 100%; background: #F8F8F7; margin-top: -5px; overflow: hidden; line-height: 2;}.message h3{ margin-left: 25px; margin-top: 30px; color: #333333; font-size: 16px;}.message .location{ margin-left: 25px; color: #333333; font-size: 14px; margin-right: 20px;}.location i{ margin-right: 10px;}.message .date{ color: #333333; font-size: 14px;}.date i{ margin-right: 10px;}.message p{ margin-left: 25px; margin-top: 20px; color: #333333; font-size: 14px; margin-bottom: 60px;}.exhi:hover img{ transform: scale(1.03);}.exhi:hover .message{ background: #F3F2F1;}.news-activity .news3{ width: 31%; height: 432px; overflow: auto; float: right; background: #F8F8F7; position: relative;}.news3 .tip3{ width: 65px; height: 32px; background: #999999; text-align: center; line-height: 32px; color: #fff; font-size: 14px; position: absolute; top: 0;}.news3 ul{ margin-top: 62px; margin-left: 30px; margin-right: 30px; line-height: 1.6;}.news3 ul li{ margin-bottom: 30px;}.news3 ul li p{ color: #333333; font-size: 16px; font-weight: bolder;}.news3 ul li span{ color: #666666; font-size: 14px;}.news3 li a:hover p,.news3 li a:hover span{ color: #F70000;}.news3 .fog{ width: 100%; height: 60px; position: absolute; bottom: 0; background: rgba(248, 248, 248, 0.9); box-shadow: 0 20px 20px 30px rgba(248, 248, 248, 0.9);}/* 設(shè)置滾動(dòng)條樣式 */.news3::-webkit-scrollbar{ width: 4px;}.news3::-webkit-scrollbar-thumb { border-radius: 10px; box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.2);}.news3::-webkit-scrollbar-track { box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1);}請 “ 點(diǎn)贊” “??評論” “ 收藏”一鍵三連哦！??【關(guān)注我| 獲取更多源碼 | 優(yōu)質(zhì)文章】帶您學(xué)習(xí)各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板 、大學(xué)生畢業(yè)HTML模板 、期末大作業(yè)模板 、等! 「在這里有好多 前端 開發(fā)者，一起探討 前端 Node 知識，互相學(xué)習(xí)」！關(guān)鍵詞：項(xiàng)目,商城,實(shí)現(xiàn),設(shè)計(jì),企業(yè)
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
