- Dreamweaver+jQuery移动网页设计从新手到高手
- 张雪玲 刘琳
- 633字
- 2021-04-04 00:02:03
1.4 常见的版面布局形式
常见的网页布局形式大致有“国”字形、“厂”字形、“框架”式、“封面”式和Flash式布局。
1.4.1 “国”字形布局
“国”字形布局如图1-21所示。最上面是网站的标志、广告以及导航栏,接下来是网站的主要内容,左、右分别列出一些栏目,中间是主要部分,底部是网站的一些基本信息。这种结构是国内一些大中型网站常见的布局方式。优点是充分利用版面、信息量大;缺点是页面显得拥挤、不够灵活。
图1-21
1.4.2 “厂”字形布局
“厂”字形结构布局,是指页面顶部为标志+广告条,下方左侧为主菜单,右侧显示正文信息,如图1-22所示。这是网页设计中使用比较广泛的一种布局方式,一般应用于企业网站中的二级页面。这种布局的优点是页面结构清晰、主次分明,是初学者最容易上手的布局方法。在这种类型中,一种很常见的类型是顶部为标题及广告,左侧为导航链接。
图1-22
1.4.3 “框架”式布局
“框架”式布局一般分成上下或左右布局,一栏是导航栏目,另一栏是正文信息。复杂的框架结构可以将页面分成许多部分,常见的是三栏布局,如图1-23所示。上边一栏放置图像广告,左侧一栏显示导航栏,右侧一栏显示正文信息。
图1-23
1.4.4 “封面”式布局
“封面”式布局一般应用于网站的主页或广告宣传页上,为精美的图像加上简单的文字链接,指向网页中的主要栏目,或通过“进入”文字链接到下一个页面,如图1-24所示为“封面”式布局的网页。
1.4.5 Flash式布局
这种布局方式与“封面”式布局结构类似,不同的是页面采用了Flash技术,动感十足,可以大幅增强页面的视觉效果,如图1-25所示为Flash式布局的网页。
图1-24
图1-25