网页设计布局有哪几种.docxVIP

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