|
网页布局基本知识都有：http://taobao.qingxinedu.cn/
1.网页显示尺寸
网页是在浏览器中显示的，所以缺省情况下，网页只能在除浏览器本身占用的屏幕空间以外显示。如果再加上屏幕本身的分辨率限制，网页的显示区可以说相当有限。当然可以借助于浏览器的滚动条来扩大网页的显示范围，但是这么一来，访问者需要拖动滚动条才能浏览到屏幕之外的信息。所以如果想在一屏之内显示更多的信息，就应该了解屏幕的分辨率和页面的显示尺寸。
一般来说，计算机显示器屏幕的分辨率可以设置为640 x 480、800 x 600和IO24x768三种，其中比较常用的是800x600和IO24X768。同一个网页显示在不同的分辨率下会有很大差别，所以在制作网页的时候，一定要考虑不同分辨率的支持问题。
网页的显示尺寸是指除浏览器所占屏幕之外剩余的区域，通常分辨率在800 x 600的情况下，网页的显示尺寸为:780 x 490;分辨率在640 x 480的情况下，网页的显示尺寸为:623 X35。;分辨率在IO24X768的情况下，网页的显示尺寸为:loo7x638。从这些数据中也可以看出，屏幕的分辨率越大，网页的显示尺寸占整个屏幕尺寸的比例也越大。
同一分辨率下，浏览器界面的设置不一样，网页的显示尺寸也不一样。比如说全屏方式，就是在整个屏幕上只显示网页。了解这个之后，就可以比较精确地布局网页中的各个元素了。
2.页面的贡点区域
页面是指你所看到的整个屏幕。一个页面并没有固定的区域划分，但是从人们的浏览习惯上说，通常有两个区域是最引人注目的地 方，那就是页面的左上角和页面的中央位置。也就是说，人们在浏览一个主页的时候，往往第一眼都会停留在页面的左上角或中间的地方，然后才是整体的页面。
所以一般来说，都把站点的标志放在页面的左上角，让访问者第一眼就能看见这个站点的标志。把网页中最经典、最吸引人的一些内容放在页面的中央，以便以最快的速度来吸引访问者访问这个站点。
比如搜狐的主页，也是将搜狐的标志，一个写着“搜狐”的图片和一个小狐狸的图片，分别放在页面的左上角和右上角。搜狐是一个门户站点，所以在页面的中央位置，罗列了搜狐对所有站点的分类目录。
3.页面的框架
页面的框架是页面布局中最重要的概念，设计页面的框架实际上就是指怎样把页面的显示区划分开来。页面框架的设计是页面布局的第一步。一般来说，页面的框架有以下几种模式:
(1)左右型。在这种模式中，一般其中一块区域是放置主体内容的地方，它占据的比例较大。另一块区域占据的比例较小，可以在页面的左边或者右边，其中放置的是站点的一些内容索引.左右型的框架结构。
(2)上下型。与左右型类似，也有一个主帧。
(3)复合型。这是前面两种类型的结合，这种类型现在比攀普遍，大多数的电子商务站点，因为其巨大的信息量，都会采用这种类型的框架结构，以期在有限的页面空间上排列更多的内容。
以上只是说明了几种目前比较流行的框架结构，实际中，可以根据需要设计出更复杂、更新颖的框架结构。当然，并不是所有的网页页面都是有框架的，无框架的网页往往都具有相当鲜明的个性。它将网页的内容很好地融人到图片当中，给人一种与众不同的感觉。许多著名的大公司、大学以及个人站点都采用无框架结构，但是这种网页在设计的时候就需要很高的美术基础了。
4.网页布局的基本元素
随着网页技术的发展，可以在网页上嵌人的对象越来越多，比如说视频、flash动画、ActiveX控件等，但是在网页布局的时候，最基本的元素仍然是文字和图片。在布局时，可以把任何除文字与图片之外的对象都当成是一幅图片去对待，所以如何编排文字和图片的位置就成了网页布局的关键。熟悉网页制作的人在拿到网页的相关内容后，也许很快就可以在脑子里形成大概的布局，并且可以直接用网页制作工具开始制作。但是对不熟悉网页布局的人来说，这样做有相当大的困难，所以这时，就需要借助于其他的方法来进行网页布局。
|
