程序地带

前端开发工程师不可不知的8种布局方式


作为前端开发工程师,布局方式有多种,针对不同的情况有不一样的处理,但是很多初学的同学都不知道这些情况,那么我们今天就来说说,那些前端开发工程师不可不知的8种布局方式!下面和千锋重庆web前端小编一起来看看吧!


第一种:“同”字布局


什么是“同”字布局。其实就是和同字差不多的结构。顶上方是该网站的标题以及横幅名称,然后左右两列分列一些内容,中间部分为主要内容,下方一般为网站的信息、联系方式等。这种排版是大家生活中比较常见的,一般大型网站都比较喜欢这种排版方式。


第二种:拐角型布局


其实这种布局和“同”字布局很相像,只是少了右面的那一条。顶上方是网站的标题以及横幅名称,然后左边是一些窄的链接内容,右边是宽的网站的主要内容,下方是网站的信息、联系方式。这种布局也十分常见。像:中国日报中文网、中国经济网等都用的是这种网页布局。


第三种:标题正文型


其实这种网页布局很简单,上方为标题,下方为正文,这种布局多出现在一些文章界面和一些新闻界面。


第四种:左右框架型


这种界面比较清晰,一般左面为导航连接,右边为正文。这种界面在大型论坛上使用的比较多。


第五种:上下框架型


上下框架型其实和左右框架型有异曲同工之处。上一个是把界面分为左右两部分,而上下框架是把界面分为上下两部分。


第六种:综合框架型


其实综合框架型是左右框架和上下框架的结合体。


第七种:封面型


这种网页布局充满艺术性,带给人省心悦目的视觉体验。一般放在一些网站的首页,多为一些精美的平面设计。


第八种:Flash型


这种与封面型相似,能带给人视觉、听觉的双重感受,传达的信息内容也更为丰富。这款类型非常近很火。


这8种前端开发的布局方式,你常用的是哪几种呢?欢迎留言评论哦!


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qf2019/article/details/111246079

随机推荐

HCIP-VLAN知识总结

HCIP-VLAN知识总结

VLAN的介绍1.什么是VLAN?•VLAN(VirtualLAN),即“虚拟局域网”。LAN可以是由少数几台家用计算机构成的网络,也可以是数以百计的计算机构成的企业网络。...

whisepr01 阅读(972)

1&2 网页基础知识

http协议认识http协议基本结构headbody<html><head><title>百度一下,你就知道</title></he...

SailR 阅读(264)

pymysql 1

importpymysqlconnc=pymysql.connect(host='127.0.0.1',user='root',password...

flowerxxxxx 阅读(234)

无心剑:【简爱】读后感

这部作品,语言文字的优美流畅,那何须我多说。而女主人公那份坎坷曲折的经历和她追求平等真挚爱情的执著精神深深地感动了我,我真的很喜欢她。简·爱自幼失恃ÿ...

howard2005 阅读(639)

CSS 奇思妙想边框动画

CSS 奇思妙想边框动画

今天逛博客网站--shoptalkshow,看到这样一个界面,非常有意思:觉得它的风格很独特,尤其是其中一些边框。嘿嘿,所以来一篇边框特辑,看看运用CSS,可以在边框上整些什么花样。border属性谈...

ChokCoco 阅读(363)

数据结构例22.判断s1是否是s2的子串

/*从键盘上输入二个定长串s1与s2,试编写一个算法判断s1是否是s2的子串,如果是则输出1否则输出0*/#include<iostrea...

_77777 阅读(491)