一个网站是由一个一个的网页衔接而成,网页就是网站构成的基本元素。当我们轻点鼠标,在网海中遨游,一个个内容丰富的网页会呈现在我们面前,那么,网页的丰富与否的因素是什么呢?色彩的搭配、文字的变化、图片的处理等,这些都是不容忽视的,除了这些,还有一个非常需要注意的细节:网页的布局。下面,成都网站建设专家唯赛就有关网页布局和大家共同探讨一下。
网页布局类型
网页布局大致可分为拐角型、“国”字型、标题正文型、上下框架型、左右框架型、综合框架型、封面型、Flash型、变化型,下面分别论述。
1、什么是“国”字型:
即可称为“同”字型,是一些门户型网站所喜欢的类型,一般这种布局的网站最上面是网站的标题和横幅广告条,下来就是网站的核心内容,左右分列两小条的内容,中间一般是网站的主要部分,与左右两侧一起排列到底,最下面是网站的一些版权信息、联系方式、友情链接等。这种结构是做多的。
2、拐角型:
这种布局结构与第一种只是形式上的区别,其实是很相近的,上面也是标题及广告横幅条,页面下方的左侧是一窄列链接等,右列往往是很宽的正文,下面也是网站的一些辅助信息。在这种类型中,一般网站设计者喜欢最上面是标题及广告,左侧是导航链接。
3、标题正文型:
这种网页布局一般顶部是标题或类似的一些东西,下面是正文,比如一些文章内容页面或注册页面等。
4、左右框架型:
这种类型是一种左右为分别两页的框架结构,一般左侧是导航链接,有时最上面会有一个小的标题或快捷导航或标志,右面是正文。我们熟知的大部分的论坛往往都是这样的,有一些专业性很强的网站也喜欢采用。这种类型布局的特点是非常清晰,一目了然。
5、上下框架型:
与上面相同,区别仅仅在于是一种上下分为两页的框架。
6、综合框架型:
上页两种布局的联合,相对庞大的一种框架布局,较为常见的是雷同于“拐角型”布局的,只是接纳了框架布局。
7、封面型:
这种范例根本上是出如今一些网站的首页,大部门为一些精致的平面计划联合一些小的动画,放上几个简朴的链接大概仅是一个“进入”的链接乃至直接在首页的图片上做链接而没有任何提示。这种范例大部门出如今企业网站和小我私家主页,要是说处置处罚的好,会给人带来赏心好看的觉得。
8、Flash型:
其实这与封面型结构是类似的,只是这种类型采用了目前非常游戏行的Flash,与封面型不同的是,由于Flash强大的功能,页面所表达的信息更丰富,其视觉效果及听觉效果如果处理得当,绝不差于传统的多媒体。
9、变化型:
即上面几种范例的联合与变革,好比本站在视觉上是很靠近拐角型的,但所实现的功效的实质是那种上、左、右布局的综合框架型。
关于第一屏
所谓第一屏,是指我们到达一个网站在不拖动转动条时可以大概看到的部门。那么第一屏有多“大”呢?实在这是未知的。一样通常来讲,在800*600的屏幕表现模式(这也是最常用的)下,在IE安置后默认的状态(即东西栏地点栏等没有转变)下,IE窗口内能看到的部门为778px*435px,一样通常来讲,我们以这个巨细为尺度就行了,终究,在无法得当全部人的环境下,我们只能为大多数思量了。
说了那么多,无非是一个尺度的题目,实在接下来不消我说各人也能想到,第一屏固然要放最重要的内容,要害要知道的是,我们要对第一屏能表现的面积要有个预计,而不要仅仅以本身的呆板为准。实在网页制作的一个很贫苦的地方便是欣赏者的呆板是未知的。
有关导航栏的位置
导航栏能让我们在欣赏时容易的到达差另外页面,是网页元素非常重要的部门,以是导航栏肯定要清楚、夺目,一样通常来讲,导航栏要在“第一屏”能表现出来,但是偶然第一屏大概会小于上面所说的435px,积于这点思量,那种横向安排的导航栏要优于纵向的导航栏思量,缘故原由很简朴:要是欣赏者的第一屏很矮,横向的仍能全部看到,而纵向的就很难说了,由于窗口的宽度一样通常是不会受欣赏器设置影响的,而纵向的则不确定性要大的多。
什么样的布局是最好的
这是初学者大概会问的题目。实在这要详细环境详细阐发的:好比要是内容非常多,就要思量用“国字型”或拐角型;而要是内容不算太多而一些阐明性的东西比力多,则可以思量标题正文型;那几种框架布局的一个配合特点便是欣赏方便,速率快,但布局变革不机动;而要是是一个企业网站想展示一下企业形象或小我私家主页想展示小我私家风范,封面性是首选;Flash型更机动一些,好的Flash大豪富厚了网页,但是它不克不及表达过多的笔墨信息。还没有提到的便是变化型了,我只是想把这个留给读者了,由于,只有不停的变革才会进步,才会不停富厚我们的网页。
关于网页的布局大抵成都网站建设专家唯赛佳业就说这些,期望对您有所启发。