background image

5.页脚:

页脚和页头相呼应。页头是放置站点主题的地方,而页脚是放置制作者或者公司信息的

地方。你能看到,许多制作信息都是放置在页脚的。

6.图片 

图片和文本是网页的两大构成元素,却一不可。如何处理好图片和文本的位置成了整个

页面布局的关键。而你的布局思维也将体现在这里。

7.多媒体 

除了文本和图片,还有声音,动画,视频等等其它媒体。虽然它们不是经常能被利用到,

但随着动态网页的兴起,它们在网页布局上也将变得更重要。

.网页布局的方法

网页布局的方法有两种,第一种为纸上布局;第二种为软件布局。下面分别加以介绍:

1.纸上布局法

许多网页制作者不喜欢先画出页面布局的草图,而是直接在网页设计器里边设计布局

边加内容。这种不打草稿的方法不能让你设计出优秀的网页来。所以在开始制作网页时,要

先在纸上画出你页面的布局草图来。

 

准备一若干张白纸和一只铅笔,你要设计一个时尚站点。

*尺寸选择: 

目前一般

800X600 的分辨率为约定俗成的浏览模式。所以为了照顾大多数访问者,你

页面的尺寸以

800X600 的分辨率为准。

*造型的选择:

先在白纸上画出象征浏览器窗口的矩形,这个矩形就是你布局的范围了。选择一个形状

作为整个页面的主题造型,我们选择圆形,因为它代表者柔和,和时尚流行比较相称,然

后在矩形框架里随意画出来,你可以试者在增加一些圆形或者其它形状。这样画下来,你会

发现很乱。其实,如果你一开始就想设计出一个完美的布局来是比较困难的,而你要在这看

似很乱的图形中找出隐藏在其中的特别的造型出来。还要注意一点,你不要担心你设计的布

局是否能够实现。事实上,只要你能想到的布局都能靠现今的

HTML 技术实现。 

考虑到左边向左凹的弧线,为了取得平衡我们在页面右边增加了一个矩形

(也可以是一

条线段

)。

*增加页头:

.jpg 是我们从.jpg 和 2.jpg 得到的布局造型,那么我们该增加页头了。一般页头都是位于