当用户打开一个网站的时候,首先映入用户眼前的就是网站的页面布局。而且优秀的页面布局可以让用户第一时间就找到想要的内容。那么作为初学者创建网站到底要怎样做好页面布局呢?又应该掌握什么布局知识呢?
首先要了解页面布局的类型有哪些?页面的布局大概可以分为以下几种:国字型、拐角型、标题型、左右框架类型、上下框架类型、综合框架类型等等。
国字类型,也被称为同字型,很多大型网站都比较喜欢使用这种布局类型。这种类型的布局:最上面部分是网站的标题、网站横幅、广告条,然后是网站的主体内容个,而左右分别是一些比较小的内容条,中间就是主要内容。而最下面就是关于网站的一些基本信息、联系方式、版权等等一些比较固定的信息。互联网上最多的就是这种类型。
拐角型,这一种类型就是国字型的变形,只是在形式上不一样。最上面的部分是网站的标题以及网站的横幅广告条,下面的左侧比较窄,是一些链接,右侧比较宽,是正文内容,最下面是网站的一些常规信息。
标题正文类型,上面是网站的标题,或者是类似的东西,接着就是网站的正文内容,例如是一些文章或者是注册登录页面。
左右框架类型,这种类型是左右分别为两页的一种框架,一般布局是:左边是导航链接,最上面有时是一个标题,而右面就是主要内容。最常使用这种类型布局的是论坛网站,企业网站中的内页有很多是采用这种布局方式的。这种类型的布局的特点是结构清晰明了。
上下框架类型,与左右框架类型类似,只是这种类型是上下两页的结构。
综合框架类型,其实就是左右框架类型和上下框架类型的结合体。
第二、了解了布局有哪些类型之后,就来谈谈第一屏的设计。第一屏指的是不用滚动就能看到那一部分。第一屏的大小是不确定,因为每个终端的分辨率是不一样的。例如:1024*768的分辨率下,IE浏览器默认状态下,可以看到的那一部分,很多时候都是以这个为标准的。第一屏肯定要展现一些最重要的内容,首先要对第一屏的空间做一个估算。在网站建设过程中,最困难的一个地方就是用户使用的终端与浏览器是未知的。
第三、导航栏应该要放在哪里?一个网站的导航栏有引导的作用,可以指引用户到达不同的页面,是网站的主要组成部分。导航栏在设计的时候一定要清晰、鲜明。最好是在第一屏就能够展示出来。在这里建议使用横向的导航栏,因为第一屏的面积有限,横向的话,可以完全看到导航栏的内容。
第四、到底什么样的布局是最完美的呢?很多新手们都想知道这个问题。但是我们要学会具体问题具体分析。如果网站的内容比较多,那么建议使用国字型布局或者是拐角型,内容不多的,可以选择标题正文型。
以上就是,在网站建设过程中,经常使用的布局类型,以及页面布局的一些技巧。大家也可以结合《网站建设中要怎样合理布局页面》的知识作为参考。