首页新闻动态正文

Web前端页面结构介绍

更新时间:2023年03月06日 11时29分54秒 来源:黑马程序员

Web前端页面一般都会有引导栏、 header、导航栏、banner、内容区、版权信息这几模块。

1566751043651_前端3.jpg

(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前端页面结构,如果想系统学习web前端,可以点击页面咨询按钮了解黑马程序员大前端课程。



黑马中级程序员课程


推荐了解热门学科

java培训Python人工智能Web前端培训PHP培训
智能机器人软件开发影视制作培训C++培训产品经理培训
UI设计培训新媒体培训产品经理培训Linux运维
大数据培训



以下是黑马程序员热门视频教程,欢迎学习关注!


Python入门教程完整版(懂中文就能学会)【点击】

零起点打开Java世界的大门【点击】
C++| 匠心之作 从0到1入门学编程【点击】

PHP|零基础入门开发者编程核心技术【点击】
Web前端入门教程_Web前端html+css+JavaScript【点击】

软件测试入门到精通【点击】
分享到:
在线咨询 我要报名
和我们在线交谈!