ITPub博客

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

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

作者:25minutes 时间:2019-09-05 09:37:14 0 删除 编辑


第一种:“同”字布局

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

第二种:拐角型布局

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

第三种:标题正文型

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

第四种:左右框架型

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

第五种:上下框架型

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

第六种:综合框架型

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

第七种:封面型

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

第八种:Flash型

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

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

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4328/viewspace-3148920/ ,如需转载,请注明出处,否则将追究法律责任。

下一篇: jQuery 遍历方法
请登录后发表评论 登录
全部评论

注册时间:2019-07-17

  • 博文量
    336
  • 访问量
    14905