网站建设新闻

常见的网页布局类型

2020-04-20 17:31:22 合肥网站建设制作网络公司
常见的网页布局类型
网页的版面布局主要指网站主页的版面布局,其他网页应该与主页风格基本一致。为了达到最佳的视觉效果,设计者应考虑布局的合理性,使浏览者有一个流畅的视觉体 验。设计版面布局前先画出版面的布局草图,接着对版面布局进行细化和调整,反复调 整后确定最终的布局方案。常见的网页布局形式有“国”字型、“厂”字型、“框架”型、“封面”型和“Flash”型等。
“国”字型布局
“国”字型布局如图 5-3 所示。最上面是网站的标志、广告以及导航栏,接下来是网站的主要内容,左右分别列出一些栏目,中间是主要部分,最下部是网站的一些基本信息,这种结构是国内一些大中型网站常见的布局方式。其优点是充分利用版面、信息量大;缺点是页面显得拥挤、不够灵活。
图 5-3   “国”字型布局
常见的网页布局类型
5.3.2 “厂”字型布局
“厂”字型结构布局,是指页面顶部为标志和广告条,下方左侧为主菜单,右侧显示正文信息,整体效果类似“厂”字,所以称之为“厂”字型布局,如图 5-4 所示。这是网页设计中使用广泛的一种布局方式,一般应用于企业网站中的二级页面。这种布局的优点是页面结构清晰、主次分明,是初学者最容易上手的布局方法;缺点是规矩呆板, 如果色彩搭配不当,很容易让人厌烦。
 
图 5-4    “厂”字型布局
常见的网页布局类型
5.3.3 “框架”型布局
“框架”型布局一般分成上下或左右布局,一栏是导航栏目,另一栏是正文信息。复杂的框架结构可以将页面分成许多部分,常见的是三栏布局,如图 5-5 所示。上边一栏放置图片广告,左边一栏显示导航栏,右边显示正文信息。
常见的网页布局类型
图 5-5   “框架”型布局
 
5.3.4 “封面”型布局
“封面”型布局一般应用在网站主页或广告宣传页上,为精美的图片加上简单的文字链接,指向网页中的主要栏目,或通过链接链到下一个页面。图 5-6 所示为“封面” 型网页布局。
 
常见的网页布局类型
图 5-6   “封面”型布局
 
5.3.5 “Flash”型布局
这种布局与封面型的布局结构类似,不同的是页面采用了 Flash 技术,动感十足,大大增强了页面的视觉效果。图 5-7 所示的页面就是“Flash”型网页布局。
常见的网页布局类型
 
 

关于网站建设公司

网站模板超市

网络公司案例

15375431506

网络公司咨询:周一至周日 08:00~21:00