导航:首页 > 万维百科 > 网页首页设计结构图

网页首页设计结构图

发布时间:2020-09-13 13:53:15

1、请教如何设计这样一个页面的布局结构

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

2、网页设计的布局有哪几种

网页设计的布局有哪几种?

1.“国”字型:

2.拐角型:

3.标题正文型:

4.左右框架型:

5.上下框架型:

6.综合框架型:

7.封面型:

8.Flash型:网页设计

9.变化型:网页设计

3、网页设计页面线形图和框架结构图的区别

框图的制作是快速而廉价的,特别是当你使用诸如UXPin、Balsamiq、Axure这样的软件来制作的时内候。当容然,线框图也理当是在设计之初就使用这些工具来制作。
比起创建一个完整细致高保真的线框图,搜集反馈信息来得更加重要。为什么这么说呢?
一般而言,大家更注重软件的功能、信息架构、用户体验、用户交互流程图、可用性,这些东西,而不是考虑这些因素的美学特征。同时,在这种情况下,根据需求进行修改也无需涉及代码调整和图形编辑。

4、如何设计规划企业网站的页面布局及结构

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

5、网页的版面设计1:2.2=1结构是什么意思

您好 它是一种典型的网页结构
1.右框型布局结构
这种布局通常顶部是网站Logo、banner,下方左面是菜单,右面显示主要内容的布局结构。其优点是页面主次分明、结构明朗,是初学者最容易上手的布局结构。一般背景较,形成框字型结构,上方横条、左侧菜单、下方版权栏,这种布局方式在网页制作中较为广泛。如中国建设网等。
2.目字型布局结构
这种布局结构是在框字型结构的基础上稍作改动而生成的,右侧有增加又一个竖列,缩小中间内容的宽度,并且将菜单和导航集中在上方横列和下方横列中。其优点是充分利用版面,信息量大,一般应用于大型网站,如网易等。
3.曰字形对称布局结构
这是一种对称的布局结构,可上下对称,也可左右对称,该类布局结构具有强烈的反差对比、视觉冲击力强的特点。但是这种结构不好把握,并制作时较为困难,因此很少被采用,一般只用于设计型站点。
4.pop布局结构
这种布局结构适用于广告网页,它将页面布局得如同一张宣传海报,不讲究内容,也没有固定的排版模式,通常以精美的图片为页面的设计核心,采用这种布局结构的一般是个人网站和娱乐类网站。
5综合布局结构
这是一种较为复杂的布局,使上面几种布局结构的结合。这种方式也被广泛采用。

6、网站建设页面结构都有哪些

网站结构主要包括四方面:

一,友好的网站结构

1, 扁平or树型:

2, 链接结构

1)首页链接应该链向重要的频道页,频道页再链向下面的节点页或普通页面。同时,频道页、节点页和普通页面都应该可以链回到首页

2)无论哪些页面之间互相链接,都需要一个描述恰当的锚文本

3)链接不要放在js、flash等搜索引擎不可见的位置,使用图片做链接入口应该完善alt标签

二,通过导航让百度更好地认识站点

对于用户,导航要解决的问题是:我在网站的什么位置,我想看上一级、甚至上上一级更多内容的入口在哪里;对于spider,导航要解决的问题是:这个页面属于哪个领域,要表达的主题是什么。所以说,清晰的导航系统不仅有助于提高用户体验,对seo的意义也是重大的,所有seo做得出色的网站基本都拥有清晰明确的导航。

三,合理的domain结构

除了在网站建设的时候站长会思考到底使用二级域名还是子目录,在网站运营的过程中,也会考虑是否要把子目录的内容拆分成二级域名。

四,url结构很重要

1,url结构规律化:同一个网页有不同url,会造成多个url同时被用户推荐导致权值分散;同时百度最终选择展现的那个url不一定符合你的预期。站点应该尽量不把sessionid和统计代码等不必要的内容放在url,如果一定要这样做可以通过robots禁止百度抓取这些非规范url

2,最好能让用户从url即可判断出网页内容,便于蜘蛛解析的同时便于用户间传播

3,url尽量短

4,不要添加蜘蛛难以解析的字符

5,动态参数不要太多太复杂,目前百度对动态url已经有了很好的处理,但是参数过多过复杂的url有可能被蜘蛛认为不重要而抛弃

7、设计一个网页之前要先画一个拓铺结构图,这个要怎么画???

首页

------------------------------------------------------------
↓ ↓ ↓ ↓ ↓ ↓
注册页 登录页 内容页 搜索页 分类页 关键词

类似这样的结构就是拓扑结构。
单独一张网页分为:
index.html

------------------------------------------------------------------------------------------
↓ ↓ ↓
header body footer
↓ ↓ ↓
标题。字体设置,等等 内容,主要是浏览出来的。 版本信息,等等

8、几种常见网页布局设计

网站是有网页构成,这点相信很多的从事网站建设或者是接触过网站开发的站长应该都清楚,但是你现在的问题是,虽然很多的企业都想要建设网站,但是对于网站的布局了解的并不清楚,下面就跟着我们沃然一起来了解一下网站建设中几种常见的布局吧。
1、区块型

2、国字型
3、门户型
4、Flash型
5、左右框架型
6、拐角型
7、封面型
8、标题正文型
9、上下框架型
10、综合框架型

与网页首页设计结构图相关的知识