正文

常见的四种网页布局结构（常见的网页布局分类）

发布时间：2023-04-14 18:58:44 稿源：创意岭阅读： 71

大家好！今天让创意岭的小编来大家介绍下关于常见的四种网页布局结构的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等

只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端

官网：https://ai.de1919.com。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，如需了解SEO相关业务请拨打电话175-8598-2043，或添加微信：1454722008

本文目录:

1、网页布局结构有哪些
2、网页组成结构
3、常见的几种WEB网页布局结构(PC端)
4、网站有哪几种常见基本结构？

常见的四种网页布局结构（常见的网页布局分类）

一、网页布局结构有哪些

布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。网页布局有以下几种常见结构：1.“同”字型结构布局所谓同字型就够就是指页面顶部为“网站标志+广告条+主菜单”或主菜单，下方左侧为二级栏目条，右侧为链接栏目条，屏幕中间显示具体内容的布局。这种布局的优点是充分利用版面，页面结构清晰，左右堆成，主次分明，信息量大；缺点是页面拥挤，太规矩呆板，如果细节色彩上缺少变化调剂，很容易让人感到单调缺乏。2.“国”字型布局“国”字型布局是在“同”字型布局基础上演化而来的，在保留“同”字型的同时，在页面的下方增加一横条状的菜单或广告，是一些大型网站所喜欢的类型。一般最上面是网站标题及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是在网上见到的最多的一种结构类型。这种布局的优点是充分利用版面，信息量大，与其他页面的链接切换方便，缺点是页面拥挤，四面封闭，令人感到憋气。3.T型布局这是一个形象的说法，是指页面的顶部是“网站标志+广告条”，左面是主菜单，右面是主要内容。这种布局的优点是页面结构清晰、主次分明，是初学者最容易上手的布局方法；缺点是页面呆板，如果不注意细节上的色彩，很容易让人“看之无味”。4.“三”字型布局这种布局多用于国外站点，国内用得不多。特点是在页面上有横向两条色块，将页面整体分割为但部分，色块中大多放广告条、更新和版权提示。5.对比布局顾名思义，这种布局采用左右或者上下对比的方式：一半深色，一半浅色。一般用于设计型站点。优点是视觉冲击力强；缺点是将两部分有机地结合比较困难。6.POP布局POP引自广告术语，是指页面布局像一张宣传海报，一一张精美的图片作为页面的设计中心。这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接，甚至直接在首页的图片上做链接而没有任何提示。这种布局大部分出现在企业网站和个人主页，如果处理得好的话，会给人带来赏心悦目的感觉。7.Flash布局这种布局是指整个或大部分幅面的网页本身就是一个Flash动画，它本身就是动态的，画面一般不叫绚丽、有趣，是一种比较新潮的布局方式。其实这与封面型结构是类似的，只是这种类型才采用了目前非常流行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。

二、网页组成结构

一、网站组成结构

1、后台程序

2、空间（服务器）

3、域名

二、页面的组成结构

1、导航

2、banner常见构图方式

A-左右构图：横向banner,左右构图会有更大的发挥空间；平衡性好

B-中轴构图：视觉焦点好

C-上下构图：视觉冲击力好

D-三角构图：稳定性好

E-倾斜构图：

3、Main内容

A-左右布局：不方便；左边会浪费大量空间

B-上下布局：一屏一页，冲击力强

C-三字型布局：简约，排版快，美观；常见的布局形式。

4、Footer页脚

三、常见的几种WEB网页布局结构(PC端)

布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。网页布局有以下几种常见结构：

6.上下框架型

上下框架型布局与前面的左右框架型布局类似。其区别仅在于是一种上下分为两页的框架。一半深色一半浅色，一般用于设计型站点。

优点是视觉冲击力强，缺点是很难将两部分有机地结合起来

四、网站有哪几种常见基本结构？

网站的几种常见的组织结构

一基本概念

1.主页（Home Page）

主页（Home Page)它是一个网页，是进入一个网站的开始画面，就同“瘟酒吧”的蓝天白云一样。也就是说，主页是一个网站的门面，要想设计出一个优秀的网站，就必须有一个“要让浏览者想不看都难”的主页，它必须引人入胜，能吸引每一个来访者的注意力，引发人们的好奇心，能让人产生一种深入探索你的网站的冲动。优秀的主页是一个好的网站必须具备的第一要素。

2.超级链接（Hyperlink)

超级链接是WWW的神经系统，它也是向导，把你从一个网页带到另一个网页，或者从网页的某一部分引导到另一部分。超级链接是用特殊的文本或图象来实现链接的，单击它就可以实现它的功能。

3.网页（Web Page)

网页就是、、、、（很难懂的概念，极其抽象，看得见摸不着），你为什么到互联网去，你在WWW上看到的就是网页。它是由HTML编写的文件，上面有贴图，有音乐，有、、、、

4.超文本（HyperText)

超文本是一种新的文件形式，指一个文件的内容可以无限地与相关资料链接。超文本是自然语言文本与计算机交互、转移和动态显示等能力结合，超文本系统允许用户任意构造链接，通过Hyperlink来实现。

5 超文本语言（Hyper Text Markup Language）

超文本语言(HTML)是制作编写网页、包含超级链接的超文件的标准语言，它由文本和标记组成。超文本文件的扩展名一般为 .html或.htm。二，网站的组织结构上网的网虫一定觉得网络上内容丰富、信息繁杂，但你是否想过一个网站的组织结构。网页的组织结构有以下四种：1、线性结构

这是网站最简单的一种结构，它是以某种顺序组织的，可以是时间顺序，也可以是逻辑甚至是字母顺序。通过这些顺序呈线性地链接。如一般的索引就采用线性结构。线性结构是组织网页的基本结构，复杂的结构也可以看成是由线性结构组成的。

2、二维表结构

这种结构允许用户横向、纵向地浏览信息。它就好象一个二维表，如看课表一样。

3、等级结构

等级结构由一条等级主线构成索引，每一个等级点又由一条线性结构构成。如网站导航等就是这种结构。在构造等级之前，你必须完全彻底的理解你的网站内容，避免线性组织不严的错误，不方便浏览者。

4、网状结构

这是最复杂的组织结构，它完全没有限制，网页组织自由链接。这种结构允许访问者从一个信息栏目跳到另一个栏目去，其目的就是充分利用网络资源和充分享受超级链接。整个互联网就是一个超级大的“网”状结构。组织信息的最简单方式就是序列,在一个序列中你可以提供一种线性的叙述。作为一种有序的叙述或者处在一种逻辑秩序中的信息最适合组织成序列。这种序列可以是按时间排列的,也可以是从一般到特殊的一种逻辑主题的系列,甚至可以是按字母顺序排列的,比方说在索引、百科全书与词汇表中就是如此。然而,最简单的序列组织通常只用于较小的站点,一旦叙述较为复杂,就要求更复杂的结构了。较复杂的站点仍然可以作为一个序列来组织,但在主要序列中的每一页可以有一页或更多分支页面和插入信息,或者是作为通向其它站点信息的中间链接。分栏

程序手册、大学课程表、或者医院的个案描述,最好是按分栏的方式来组织,分栏一种连接各种变数的好方式,比方说,历史年表就可以分出诸如"事件"、"技术发展"、"文化"等等栏目。要做到成功地分栏,在这一分栏中的各个单位就应该共享一个高度统一的主题和次级主题的结构,这些主题常常并没有特别的重要性等级,例如"结核病"并不比"胸膜炎"重要或者次要,但在观念上这两种疾病的描述都共享着一个统一的次级主题结构这样用户就能够顺栏而下,阅读有关结核病的材料,或者穿栏而过,比较这两种病的"诊断图像"。当然,假如用户缺少对有关信息相互联系的知识,他们使用起这种分栏来就会感到困难。所以,我们要假定这类站点的读者是相对有经验的读者,他们对主题及其结构已经有一种基本的理解。在采用分栏的站点中,一种概观的图像是很有用的。等级

按等级划分信息,是组织复杂信息的最好方式之一,并且含有等级组织的结构特别适合于在站点上使用,原因是网上的站点一般都被组织得由一个单一的主页向下延伸。大多数用户都熟悉这种等级的图形结构,都会觉得这些结构能帮助他们一步步深入。一种等级组织也施加了一种有用的训练,它对你分析你自己站点的内容施加了一种有用的训练,因为只有当你彻底地理解了你的材料,你才能使这种等级秩序工作得最好。另外,等结在公司与人们日常生活中是如此地为人熟知,用户也容易建立这样一种进入站点的认知结构。网网状的组织结构对信息类型的使用几乎不施加什么限制,它的目的经常是模仿思想的连续和观念的自由流动。在这种结构中,用户可以按他的兴趣,以一种对每个访问者都是独特的、具有启发性的方式随意浏览。这种组织方式在互联网上得到了长足的发展,它可以把访问者带到一个站点的其他信息栏目中去,也可以把他带到其他的站点上去,其目的就是要充分地利用网上的资源和链接。但是,网状的组织结构也可能容易造成混乱和模糊观念,因为它们难于使用户理解和预测你的站点的内容。只有对于那些由链接列表控制的小站点,并且它的访问者主要是受过较高教育或较有经验的用户为寻求进一步的提高,它才工作得最好,而对理解你的基本主题却不是最适用的。

以上就是关于常见的四种网页布局结构相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。