网页设计的体系架构是什么（网页设计基本框架）

本文目录一览：

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

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

1、布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。网页布局有以下几种常见结构： “同”字型结构布局 所谓同字型就够就是指页面顶部为“网站标志+广告条+主菜单”或主菜单，下方左侧为二级栏目条，右侧为链接栏目条，屏幕中间显示具体内容的布局。

2、优点：这种布局对设计师和CSS作者来说都是最简单的，并且没有兼容性问题。缺点：很明显你不能改变用户的屏幕尺寸。目前，大多数门户网站、大多数企业PC广告网站都采用了这种布局。固定像素大小的web页面是匹配固定像素大小的显示的最简单方法。然而，这种方法不是一种完全兼容的方式来创建未来的web页面。

3、网站设计中.新鲜和个性是布局的最高境，能加强视觉效果。T结构布局，就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景教深，整体效果类似英文字母T，这是网页设计中用的最广返的一种布局方式。这种布局的优点是页面结构清晰，主次分明。

4、口型布局的优点是充分利用版面，信息量大。其缺点是页面拥挤，不够灵活。3POP布局POP引自广告术语，是指页面布局象一张宣传海报，以一张精美图像作为页面的设计中心，在适当位置放置主菜单。这种布局不讲究上下左右对称，但要平衡和有韵律，能达到强调、动感、高注目性的效果，常用于时尚类网站。

5、由于外层是position：relative，所以里层是absolute的话，则会以外层的左上角为位移参考对齐。当然外层只写position：relative，写上left，top这两个值，则表示以：以这个元素的本来应该在的位置为布局参照原点进行left，top对齐。