華為商城主頁(Web靜態(tài)頁面)

這是我的第一篇博客，主要分享一下期末大作業(yè)：華為商城主頁，只涉及靜態(tài)頁面。

結(jié)構(gòu)框架：

華為商城首頁，根據(jù)每個(gè)部分的功能，可以將整個(gè)頁面分為三部分： 頭部header、主內(nèi)容區(qū)content、頁腳footer。

header部分：可由上至下分為3塊： 新品推薦h-new、導(dǎo)航條h-nav、頭部內(nèi)容區(qū)h-content。

其頁面內(nèi)容代碼如下：

………

content部分： 這部分內(nèi)容比較繁多。由上到下總共可以分為18塊：

.c-banner(廣告條幅)

.c-nav(導(dǎo)航條)

.c-promo(促銷)

. hots-goods(熱銷單品)

.recommend-goods(精品推薦)

.c-banner2(廣告條幅2)

.phone-channel(手機(jī)專欄)

.computer-channel(筆記本專欄)

.panel-computer-channel(平板專欄)

.smartwatch-channel(智能穿戴)

.more-goods-channel(更多商品1)

.smarthome-channel(智能家居)

.more-goods-channel(更多商品2)

.hotparts-channel(熱銷配件)

.more-goods-channel(更多商品3)

.brandparts-channel(品牌配件)

.more-goods-channel(更多商品4)

.last-one(結(jié)尾)

其頁面內(nèi)容代碼如下：

………………………………………………

footer部分： 由上至下可以分為3塊：標(biāo)語f-slogan、服務(wù)f-service、f-container。

其頁面內(nèi)容代碼如下：

………

效果圖如下：

標(biāo)簽：Web,goods,主頁,content,華為,more,channel,頁面

來源： https://blog.csdn.net/brench/article/details/106609764

總結(jié)

以上是生活随笔為你收集整理的html华为官网静态网页,Web静态页面：华为商城主页的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。