网站页面有哪些结构?Web前端之页面结构分析

传智播客旗下品牌:|||||

全国咨询热线:400-618-4000

网站页面有哪些结构?Web前端之页面结构分析

创建时间:2019年07月15日15时58分

虽然网页的表现形式千变万化,但大部分网页的基本结构都是相同的。了解页面结构可以方便我们开发前端页面,加快开发进度。网站页面的基结构主要包含引导栏、 header、导航栏、banner、内容区、版权信息这几模块。

网站结构
(1)引导栏位于界面的顶部,通常用来放置客服电话、帮助中心、注册和登录等息,高度一般为35~50px。

(2) header位于引导栏正下方,主要放置企业logo等内容信息。高度一般80-100px。但是目前的流行趋势是将 header和导航合并放置在一起,高度一般85-130px。

(3)导航栏是网站子级页面入口的集合区域,相当于网站的菜单。导航栏高度一般为内容字体的2倍或2.5倍,一般为40-60pX。

(4)网站 banner是网站中最主要的广告形式。baer将文字信息图片化,以直观的方式进行展示,从而提高页面转化率。 banner高度通常为300-500px。

(5)内容区和版权信息高度不限,可根据内容信息的进行调整。内容区通过单列布局、两列布局等布局方式将内容合理展示,版权信息主要放置一些公司信息或者制作者信息。

以上内容我们介绍了“网站页面的结构”,希望对您有所帮助。如果在web前端学习过程中还遇到其他问题,可以点击咨询按钮获得帮助。

推荐了解热门学科
python
区块链培训
软件测试培训
头奖彩票 头奖彩票 五百万彩票 好运快三 头奖彩票 六合宝典 六合宝典 六合在线 六合在线 头奖彩票