网页基础教程：如何设计网页布局？

　　这是初学者也许会问的题目，其拭魅这要详细环境详细说明的：好比假如内容很是多，就要思量用“国字型”或拐角型;而假如内容不算太多而一些声名性的对象较量多，则可以思量问题正文型;那几种框架布局的一个配合特点就是赏识利便，速率快，但布局变革不机动;而假如是一个企业网站想展示一下企业形象或小我私人主页想展示小我私人风范，封面性是首选;Flash型更机动一些，好的Flash大大富厚了网页，可是它不能表达过多的笔墨信息。还没有提到的就是变革型了，我只是想把这个留给列位伴侣了，由于，只有不绝的变革才会进步，才会不绝富厚我们的网页!

　　导航栏的位置

　　导航栏能让我们在赏识时轻易的达到差异的页面，是网页元素很是重要的部门，以是导航栏必然要清楚、精明，一样平常来讲，导航栏要在“第一屏”能表现出来，可是偶然第一屏也许会小于上面所说的435px，基于这点思量，那种横向安排的导航栏要优于纵向的导航栏思量，缘故起因很简朴：假如赏识者的第一屏很矮，横向的仍能所有看到，而纵向的就很难说了，由于窗口的宽度一样平常是不会受赏识器配置影响的，而纵向的则不确定性要大的多。

　　网页机关范例

　　网页机关大抵可分为“国”字型、拐角型、问题正文型、阁下框架型、上下框架型、综合框架型、封面型、Flash型、变革型，下面别离阐述。

　　1. “国”字型：也可以称为“同”字型，是一些大型网站所喜好的范例，即最上面是网站的问题以及横幅告白条，接下来就是网站的首要内容，阁下排列一些两小条内容，中间是首要部门，与阁下一路摆列到底，最下面是网站的一些根基信息、接洽方法、版权声明等。这种布局是我们在网上见到的差不多是最多的一种布局范例。

　　2. 拐角型：这种布局与上一种着实只是情势上的区别，着实是很临近的，上面是问题及告白横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的帮助信息。在这种范例中，一种很常见的范例是最上面是问题及告白，左侧是导航链接。

　　3. 问题正文型：这种范例即最上面是问题或相同的一些对象，下面是正文，好比一些文章页面或注册页面等就是这种类。

　　4. 阁下框架型：这是一种阁下为别离两页的框架布局，一样平常左面是导航链接，偶然最上面会有一个小的问题或标致，右面是正文。我们见到的大部门的大型论坛都是这种布局的，有一些企业网站也喜好回收。这种范例布局很是清楚，一览无余。

　　5. 上下框架型：与上面相同，区别仅仅在于是一种上下分为两页的框架。

　　6. 综合框架型：上页两种布局的团结，相对伟大的一种框架布局，较为常见的是相同于“拐角型”布局的，只是回收了框架布局。

　　7. 封面型：这种范例根基上是呈此刻一些网站的首页，大部门为一些精细的平面计划团结一些小的动画，放上几个简朴的链接可能仅是一个“进入”的链接乃至直接在首页的图片上做链接而没有任何提醒。这种范例大部门呈此刻企业网站和小我私人主页，假如说处理赏罚的好，会给人带来赏心好看的感受。

　　8. Flash型：其拭魅这与封面型布局是相同的，只是这种范例回收了今朝很是游戏行的Flash，与封面型差异的是，因为Flash强盛的成果，页面所表达的信息更富厚，其视觉结果及听觉结果假如处理赏罚适合，毫不差于传统的多媒体。

　　9. 变革型：即上面几种范例的团结与变革，好比本站在视觉上是很靠近拐角型的，但所实现的成果的实质是那种上、左、右布局的综合框架型。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!