JavaEE
鴻蒙應用開發(fā)
HTML&JS+前端
Python+大數(shù)據(jù)開發(fā)
人工智能開發(fā)
跨境電商
電商視覺設計
軟件測試
新媒體+短視頻
集成電路應用開發(fā)
C/C++
狂野架構師
IP短視頻
網(wǎng)站頁面有哪些結構？Web前端之頁面結構分析
更新時間:2019年07月15日15時58分 來源:傳智播客 瀏覽次數(shù):
雖然網(wǎng)頁的表現(xiàn)形式千變?nèi)f化，但大部分網(wǎng)頁的基本結構都是相同的。了解頁面結構可以方便我們開發(fā)前端頁面，加快開發(fā)進度。網(wǎng)站頁面的基結構主要包含引導欄、 header、導航欄、banner、內(nèi)容區(qū)、版權信息這幾模塊。
(1)引導欄位于界面的頂部，通常用來放置客服電話、幫助中心、注冊和登錄等息，高度一般為35~50px。
(2) header位于引導欄正下方，主要放置企業(yè)logo等內(nèi)容信息。高度一般80-100px。但是目前的流行趨勢是將 header和導航合并放置在一起，高度一般85-130px。
(3)導航欄是網(wǎng)站子級頁面入口的集合區(qū)域，相當于網(wǎng)站的菜單。導航欄高度一般為內(nèi)容字體的2倍或2.5倍，一般為40-60pX。
(4)網(wǎng)站 banner是網(wǎng)站中最主要的廣告形式。baer將文字信息圖片化，以直觀的方式進行展示，從而提高頁面轉化率。 banner高度通常為300-500px。
(5)內(nèi)容區(qū)和版權信息高度不限，可根據(jù)內(nèi)容信息的進行調(diào)整。內(nèi)容區(qū)通過單列布局、兩列布局等布局方式將內(nèi)容合理展示，版權信息主要放置一些公司信息或者制作者信息。
以上內(nèi)容我們介紹了“網(wǎng)站頁面的結構”，希望對您有所幫助。如果在web前端學習過程中還遇到其他問題，可以點擊咨詢按鈕獲得幫助。
推薦了解熱門學科
python
區(qū)塊鏈培訓
軟件測試培訓
(2) header位于引導欄正下方，主要放置企業(yè)logo等內(nèi)容信息。高度一般80-100px。但是目前的流行趨勢是將 header和導航合并放置在一起，高度一般85-130px。
(3)導航欄是網(wǎng)站子級頁面入口的集合區(qū)域，相當于網(wǎng)站的菜單。導航欄高度一般為內(nèi)容字體的2倍或2.5倍，一般為40-60pX。
(4)網(wǎng)站 banner是網(wǎng)站中最主要的廣告形式。baer將文字信息圖片化，以直觀的方式進行展示，從而提高頁面轉化率。 banner高度通常為300-500px。
(5)內(nèi)容區(qū)和版權信息高度不限，可根據(jù)內(nèi)容信息的進行調(diào)整。內(nèi)容區(qū)通過單列布局、兩列布局等布局方式將內(nèi)容合理展示，版權信息主要放置一些公司信息或者制作者信息。
以上內(nèi)容我們介紹了“網(wǎng)站頁面的結構”，希望對您有所幫助。如果在web前端學習過程中還遇到其他問題，可以點擊咨詢按鈕獲得幫助。
推薦了解熱門學科
python
區(qū)塊鏈培訓
軟件測試培訓
最新資訊
0
分享到：
文章列表.jpg)
據(jù)學科列表頁右側.png)
江蘇傳智播客教育科技股份有限公司 版權所有Copyright 2006-2024 All Rights Reserved 蘇ICP備16007882號營業(yè)執(zhí)照增值電信業(yè)務經(jīng)營許可證出版物經(jīng)營許可證
蘇公網(wǎng)安備 32132202001156號