首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

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

第一种:“同”字布局

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

第二种:拐角型布局

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

第三种:标题正文型

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

第四种:左右框架型

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

第五种:上下框架型

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

第六种:综合框架型

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

第七种:封面型

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

第八种:Flash型

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

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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190904A0G7ZK00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券