网站建设中网页布局类型有哪些?

2016-09-23    分类: 网站建设

网站建设中,网页布局很有讲究,布局的思路有哪些?布局的的类型又有哪些?下面跟随成都网站建设一起来了解一下下吧!

网页布局思路:

1.要有整体意识。当我们在页面布局时,首先可以从整体出发,了解页面的大概内容,清楚应该把一个网页分成几个大的模块

2.从外向内,层层递进。写清标签的嵌套关系,简单明了的层级关系,不仅便于我们查找页面内容,方便在出现错误时能够快速地修改,而且在书写js代码时更好的找到我们所需要的元素。对后期其他开发人员在修改代码时提供了便利,减少了工作量,提高了工作效率。

3.模块化。在把握页面大模块的同时,分析组成大模块的局部,把局部模块化,可以为我们排除很多其他页面元素的干扰,降低页面在出现错误时,可能的影响范围。保证我们在写代码时的思路。

4.命名规则

在给页面元素命名时,尽量做到望名知意。一个只有自己知道的名字,是一个不合格的名字。因为我们的代码,写出来不只是给自己看的,后期还需要大量的维护和更新。如果没有意义的名字太多,就会大大影响后面人的维护,这也能体现我们的职业素养。毕竟我们自己也不希望接到存在同样问题的项目。最好是在命名时还要体现元素的嵌套关系,这样在书写CSS代码时,就会便捷许多。

网页布局类型:

网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型,下面分别论述。

1、“国”字型:

也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主 要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。

2、拐角型:

这种结构与上一种其实只是形式上的区别,其实是很相近的,上面是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。在这种类型中,一种很常见的类型是最上面是标题及广告,左侧是导航链接。

3、标题正文型:

这种类型即最上面是标题或类似的一些东西,下面是正文,比如一些文章页面或注册页面等就是这种类。

4、左右框架型:

这是一种左右为分别两页的框架结构,一般左面是导航链接,有时最上面会有一个小的标题或标致,右面是正文。我们见到的大部分的大型论坛都是这种结构的,有一些企业网站也喜欢采用。这种类型结构非常清晰,一目了然。

5、上下框架型:

与上面类似,区别仅仅在于是一种上下分为两页的框架。

6、综合框架型:

上页两种结构的结合,相对复杂的一种框架结构,较为常见的是类似于“拐角型”结构的,只是采用了框架结构。

7、封面型:

这种类型基本上是出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图 片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页,如果说处理的好,会给人带来赏心悦目的感觉。

8、Flash型:

其实这与封面型结构是类似的,只是这种类型采用了目前非常游戏行的Flash,与封面型不同的是,由于Flash强大的功能,页面所表达的信息更丰富,其视觉效果及听觉效果如果处理得当,绝不差于传统的多媒体。

9、变化型:

即上面几种类型的结合与变化,比如本站在视觉上是很接近拐角型的,但所实现的功能的实质是那种上、左、右结构的综合框架型。

分享名称:网站建设中网页布局类型有哪些?
文章起源:https://www.cdcxhl.com/news/44010.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站建设

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都app开发公司