html 同字形布局结构,网页的布局

网页常见的布局结构有“国”字形布局、“匡”字形布局、“三”字形布局、“川”字形布局、封面型布局、Flash布局、标题文本型布局、框架型布局和变化型布局等。

1.“国”字形布局

2.“匡”字形布局

这种结构与上一种其实只是形式上的区别，它去掉了“国”字形布局的最右边的部分，给主内容区释放了更多空间。这种布局上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。

3.“三”字形布局

这是一种简洁明快的网页布局，在国外用的比较多，国内比较少见。这种布局的特点是在页面上由横向两条色块将网页整体分割为3部分，色块中大多放置广告条与更新和版权提示。如图所示即是一种三字形布局的网页。

4.“川”字形布局

整个页面在垂直方向分为三列，网站的内容按栏目分布在这三列中，最大限度地突出主页的索引功能。如图1-19所示的“Beijing 2008”网站就是一种川字形的布局。

5.海报型布局

这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。

6.Flash布局

这种布局是指整个网页就是一个Flash动画，它本身就是动态的，画面一般比较绚丽、有趣，是一种比较新潮的布局方式。其实这种布局与封面型结构是类似的，不同的是由于Flash强大的功能，页面所表达的信息更丰富。其视觉效果及听觉效果如果处理得当，会是一种非常有魅力的布局。

7.标题文本型布局

标题文本型布局是指页面内容以文本为主，这种类型页面最上面往往是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这一类。

8.框架型布局

采用框架布局结构，常见的有左右框架型、上下框架型和综合框架型。由于兼容性和美观等因素，这种布局目前专业设计人员采用的已不多，不过在一些大型论坛上还是比较受青睐的，有些企业网站也有应用。

9.变化型布局

即上述几种类型的结合与变化。

原文：http://www.cnblogs.com/8854920gp66/p/5754192.html

html 同字形布局结构,网页的布局相关推荐

前端必经之路：CSS页面布局(深入理解浮动布局、定位布局、圣杯布局和双飞翼布局等重要布局方案)
建筑师在对一栋建筑物进行施工之前,首先会根据建筑图纸上的平面图.立体图.剖面图和构造详图等对建筑物进行整体布局后再从局部施工(当然不排除有先装修完厕所再砌卧室围墙的奇葩).在一个网页页面的搭建过程中, ...
Android官方开发文档Training系列课程中文版：布局性能优化之布局层级优化
原文地址:http://android.xsoftlab.net/training/improving-layouts/index.html 引言布局是直接影响用户体验的关键部分.如果实现的不好,那 ...
php layout布局文件,layout（布局） - jQuery EasyUI中文文档 - EasyUI中文站
Layout(布局) 使用$.fn.layout.defaults重写默认值对象. 布局容器有5个区域:北.南.东.西和中间.中间区域面板是必须的,边缘的面板都是可选的.每个边缘区域面板都可以通过拖拽 ...
wordpress page显示未找到页面_通过Avada主题了解网页基本结构和页面布局
Avada主题是目前很流行的国外建站主题,我们在学习 avada主题建站初期有必要先了解网页基本结构和页面布局情况,这样对后面使用 avada主题建站,了解 avada主题Theme Options设 ...
html5结构与表现分离原则,网页简单布局之结构与表现原则分享
一般来说html结构 css表现 javascrip行为,网页布局要考虑到结构,表现,行为分离原则,首先重点放在结构和语义化上面,再考虑CSS,JS等,便于后期维护和分析. 结构与表现相关内容简介 h ...
前端：HTML/07/综合案例：月福首页，开发网站的流程，网站布局结构，排版准备，图片热点，网页多媒体
开发网站的一个流程 1,业务员与客户进行沟通,包括:风格,功能(论坛,留言板,支付,用户登录等) 2,业务员与美工沟通,制作网页效果图(首页,列表页,内容页) 3,制作人员开始切图排版,排成网页形式的 ...
网页设计基础——网页布局结构
几大常用网页布局结构作为网页设计初学者,掌握几个页面布局结构将会让网页变得更加美观,并且大大提升设计效率. 一. 国子型(大型网站常用类型) 如图所示,我们可以看出,国子型页面结构主要分为五个部分. ...
html怎样布局完美,一篇文章带你了解HTML的网页布局结构
大家好,我是IT共享者,人称皮皮.这篇我们来讲讲CSS网页布局. 一.网页布局网页布局有很多种方式,一般分为以下几个部分:头部区域.菜单导航区域.内容区域.底部区域. 1. 头部区域头部区域位于整 ...
复习：前台页面设计——网页设计的布局、HTML常用的布局结构
1.网页设计的布局 "国"字型布局: 国型布局也称为同型布局,布局结构与"国"字相似而得名是一些大型网站所喜欢的类型页面最上部分一般放置网站的标志和导航栏或 ...

html 同字形布局结构,网页的布局

html 同字形布局结构,网页的布局相关推荐

最新文章

热门文章