页面规划大致可分为“国”字型、角落型、标题正文型、左右布局型、上下布局型、综合布局型、封面型、Flash型、改变型,下面别离论述。
1、“国”字型:
也能够称为“同”字型,是一些大型网站所喜爱的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主要有些,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。这种布局是咱们在网上见到的差不多最多的一种布局类型。
2、角落型:
这种布局与上一种其实仅仅形式上的差异,其实是很附近的,上面是标题及广告横幅,接下来的左侧是一窄列连接等,右列是很宽的正文,下面也是一些网站的辅助信息。在这种类型中,一种很常见的类型是最上面是标题及广告,左侧是导航连接。
3、标题正文型:
这种类型即最上面是标题或相似的一些东西,下面是正文,比如一些文章页面或注册页面等就是这种类。
4、左右布局型:
这是一种左右为别离两页的布局布局,通常左面是导航连接,有时最上面会有一个小的标题或美丽,右面是正文。咱们见到的大有些的大型论坛都是这种布局的,有一些公司网站也喜爱采用。这种类型布局非常明晰,一目了然。
5、上下布局型:
与上面相似,差异仅仅在所以一种上下分为两页的布局。
6、综合布局型:
上页两种布局的联系,相对复杂的一种布局布局,较为常见的是相似于“角落型”布局的,仅仅采用了布局布局。
7、封面型:
这种类型基本上是出现在一些网站的首页,大有些为一些精美的平面设计联系一些小的动画,放上几个简单的连接或者仅是一个“进入”的连接甚至直接在首页的图像上做连接而没有任何提示。这种类型大有些出现在公司网站和自己主页,假如说处置的好,会给人带来赏心悦目的感觉。
8、Flash型:
其实这与封面型布局是相似的,仅仅这种类型采用了目前非常游戏行的Flash,与封面型不同的是,由于Flash强大的功能,页面所表达的信息更丰富,其视觉效果及听觉效果假如处置得当,绝不差于传统的多媒体。
9、改变型:
即上面几种类型的联系与改变,比如本站在视觉上是很接近角落型的,但所完成的功能的实质是那种上、左、右布局的综合布局型。
关于第一屏
所谓第一屏,是指咱们到达一个网站在不拖动滚动条时能够看到的有些。那么第一屏有多“大”呢?其实这是不知道的。通常来讲,在800*600的屏幕显示模式(这也是最常用的)下,在IE安装后默认的状态(即工具栏地址栏等没有改变)下,IE窗口内能看到的有些为778px*435px,通常来讲,咱们以这个大小为规范就行了,毕竟,在无法适合所有人的情况下,咱们只能为大多数考虑了。
说了那么多,无非是一个规范的疑问,其实接下来不用我说大家也能想到,第一屏当然要放最主要的内容,关键要知道的是,咱们要对第一屏能显示的面积要有个估计,而不要仅仅以自己的机器为准。其实页面制作的一个很麻烦的地方就是阅读者的机器是不知道的。
有关导航栏的位置
导航栏能让咱们在阅读时简单的到达不同的页面,是页面元素非常重要的有些,所以导航栏一定要明晰、醒目,通常来讲,导航栏要在“第一屏”能显示出来,但是有时第一屏可能会小于上面所说的435px,积于这点考虑,那种横向放置的导航栏要优于纵向的导航栏考虑,原因很简单:假如阅读者的第一屏很矮,横向的仍能全部看到,而纵向的就很难说了,由于窗口的宽度通常是不会受阅读器设置影响的,而纵向的则不确定性要大的多。
什么样的规划是最好的
这是初学者可能会问的疑问。其实这要具体情况具体分析的:比如假如内容非常多,就要考虑用“国字型”或角落型;而假如内容不算太多而一些说明性的东西比较多,则能够考虑标题正文型;那几种布局布局的一个共同特色就是阅读方便,速度快,但布局改变不灵敏;而假如是一个公司网站想展示一下公司形象或自己主页想展示自己风采,封面性是首选;Flash型更灵敏一些,好的Flash大大丰富了页面,但是它不能表达过多的文字信息。还没有说到的就是改变型了,我仅仅想把这个留给读者了,由于,只有不断的改变才会提高,才会不断丰富咱们的页面。