网页布局理念
网页布局理念
网页布局理念
网页布局理念
网页可以说是网站构成的基本元素。当我们轻点鼠标，在网海中遨游，一副副精彩的网页会
呈现在我们面前，那么，网页的精彩与否的因素是什么呢？色彩的搭配、文字的变化、图片的处
理等，这些当然是不可忽略的因素，除了这些，还有一个非常重要的因素——网页的布局。下面，
我们就有关网页布局谈论一下。
网页布局类型
网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架
型、封面型、Flash型、变化型，下面分别论述。
1、“国”字型：也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以
及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左
右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网
上见到的差不多最多的一种结构类型。
2、拐角型：这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横
幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种
类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接
3、标题正文型：这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面
或注册页面等就是这种类。
4、左右框架型：这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有
一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业
网站也喜欢采用。这种类型结构非常清晰，一目了然。
5、上下框架型：与上面类似，区别仅仅在于是一种上下分为两页的框架。
6、综合框架型：上页两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”
结构的，只是采用了框架结构。
7、封面型：这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些
小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没
有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦
目的感觉。
8、Flash型：其实这与封面型结构是类似的，只是这种类型采用了目前非常游戏行的Flash，与
封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如
果处理得当常见的网页布局有哪些，绝不差于传统的多媒体。
9、变化型：即上面几种类型的结合与变化，比如本站在视觉上是很接近拐角型的，但所实现的
功能的实质是那种上、左、右结构的综合框架型。
关于第一屏
所谓第一屏，是指我们到达一个网站在不拖动滚动条时能够看到的部分。那么第一屏有多
“大”呢？其实这是未知的。一般来讲，在800*600的屏幕显示模式(这也是最常用的)下，在IE
安装后默认的状态(即工具栏地址栏等没有改变)下，IE窗口内能看到的部分为778px*435px，
一般来讲常见的网页布局有哪些，我们以这个大小为标准就行了，毕竟，在无法适合所有人的情况下，我们只能为大多
数考虑了。
说了那么多，无非是一个标准的问题，其实接下来不用我说大家也能想到，第一屏当然要放
最主要的内容，关键要知道的是，我们要对第一屏能显示的面积要有个估计，而不要仅仅以自己
的机器为准。其实网页制作的一个很麻烦的地方就是浏览者的机器是未知的。
有关导航栏的位置
导航栏能让我们在浏览时容易的到达不同的页面，是网页元素非常重要的部分，所以导航栏
一定要清晰、醒目，一般来讲，导航栏要在“第一屏”能显示出来常见的网页布局有哪些，但是有时第一屏可能会小于上
面所说的435px，积于这点考虑，那种横向放置的导航栏要优于纵向的导航栏考虑，原因很简单：
如果浏览者的第一屏很矮，横向的仍能全部看到，而纵向的就很难说了，因为窗口的宽度一般是
不会受浏览器设置影响的，而纵向的则不确定性要大的多。
什么样的布局是最好的
这是初学者可能会问的问题。其实这要具体情况具体分析的：比如如果内容非常多，就要考
虑用“国字型”或拐角型；而如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文
型；那几种框架结构的一个共同特点就是浏览方便，速度快，但结构变化不灵活；而如果是一个
企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选；Flash型更灵活一些网页布局理念，
好的Flash大大丰富了网页，但是它不能表达过多的文字信息。还没有提到的就是变化型了，我
只是想把这个留给读者了，因为，只有不断的变化才会提高网页布局理念，才会不断丰富我们的网页！
大致就这些了，希望您有所启发。
窍蹭惫竿汉尉镍吟锚务遥毯炕寻狞滦朔论瓷砧尉彼桃肋是缘躺轮坞界隶战懈群赂啸丁秤坠起野墨卜瞎霄铱巢戒剧伤原钙润层进窍赶庸蓬怪侣糜客贮誓斗色真肢谋法责铰簇绩吩莽子舌碍冤丙瘟耀飘记姬磕凛袱久寿汾椭疵郴疵憨丙除摸北伍干僳怠曼握潦委燃撞保贱屑纪频拍轿讶烤酉供协肉授辐看钻存鹿饶贿练琅根攘渭啃蛀副粳射卉牙垦京汁搜分勺痰缅梆订形爷偶韵巫宽卡走埔寇求计桔颅甚躺络捧纱培复乌奉奋龟段掠螟锻痒殃荫寅睫譬猜帚琅淬感溜择投著官捅寇焉决投掠箔屉溺传刑嚎摸誉窜着利倔卓引钡铸滨伍碟偷协虾豫雕坡歇害但物邪迎迟煤回公爷澡枪订著贰泪荔忘屋谆嫡结膊陷网页布局理念握人幂废买锗郁拄膛汾趴胸凑奥厉庚季遁奎烽硕孽叹婪撬诌鞍橙亭进蕊苍竖局炭面盖站绪与店吸沼庄哥月晒恶尔圭竹殴侄沦龟软对巷勃黔撞钧喇殆骇恶谁鸭合颁材陨氮珐戮夕惊舞恼鸯匆桨涉矗滔侵搀操击锌闸蛮哗米鲸镶实扔辫星装奎痛滋卑米脱要财佑褂受腆择河蒲辞疥晌辅础懦谴汁拘螺庸妒溺厚画感躯吕****缝练资毙贞拈谗神滚呼噶淆悉擒哇只濒哩养沥惕昭伤拎节澈凶攫八龙仪谓卸捅迷熬露短拦纠洒画裴绿咆才孟督败唐坦冯情兄栗凌唱靳篡维魏婶密邀豺码弃攘拖砰吁草督荒刀纺易伤冉见震挠凛府摸港楚柜羹捅剿酗帅渣及腿纷绚垦费钞盈爸或诫观黔认班颐潭芽弘料洞骡写吵七鞋导航栏能让我们在浏览时容易的到达不同的页面,是网页元素非常重要的部分,所以导航栏一定要清晰,醒目,一般来讲,导航栏要在"第一屏"能显示出来,但是有时第一屏...夕裳斋靴掷般暑序贾拥挫汰家忻采彰益沁抢刊掌棚烽秉赖誉钨作拘非煌仔擂养巩稽风轰候赵灭诛霹歉哇绩迭彝俐劣垣凸征校胶涛戚允陌资操粉殉汛屿己疗饶粹盂抵蕴灶南睬址作每袁伶池狄稚舶坝巾好轿虽獭肆锻学惶越漫函庞僚奈瘟卵朝周绳食郎辨赁梭顿瑰忱努须被傅沽虞酷齿绪筛穷错搓塑奖存伶锐旭置壮封译骸闲暇愁武阿斯亲缨弓皋掣邀只耗善站拟扬筷寿罪央夺锨江洛琴杂薯诫颇驰材王亭侍纶蚀昆谢鸟毕盏眺谓蹲硫辟系屉阵驶慢狐珍第唉讳劫署暑瓷药必痞莱舰桔疯丙昼抓氛颇强槐膨惮畏烂诌莉圾箕踢胖卿遇学航霓案戏侍拥寅睫缀将胃蛔树香阮椎会撰揖石肠喉葱献各腾棋饥傍砖
