网页布局的两种常见方法

来源:辉煌工作室  时间:2015-03-18 15:01:00

    如何进行网页布局,就像是你在一张白纸上画上你想要的作品,但这个作品必要有一定的规律,让你的创意在你的掌控之中,也让看到的人能够很清楚地知道你想要表达的内容。因此,一个优秀的网站讲究网页布局的方法,本文主要针对这个方面做出以下探讨。

一、纸上布局法

       在开始制作网页时,要先在纸上画出你页面的布局草图来,这能让你设计出优秀的网页来。

       1、选择合适的尺寸

       目前一般800X600的分辨率为约定俗成的浏览模式。

       2、选择合适的造型

       先在白纸上画出象征浏览器窗口的矩形,。选择一个形状作为整个页面的主题造型,我们选择圆形,因为它代表者柔和,和时尚流行比较相称,然后在矩形框架里随意画出来,你可以试者在增加一些圆形或者其它形状。这样画下来,你会发现很乱。还要注意一点,你不要担心你设计的布局是否能够实现。事实上,只要你能想到的布局都能靠现今的HTML技术实现。  

       3、增加页头:

       一般页头都是位于页面顶部,所以我们为.jpg增加了一个页头,为了和左边的弧线和右边的矩形取得平衡,我们增加了一个矩形页头并让页头相交与左边的弧线。

       4、增加文本:

       页面的空白部分加别加入文本和图形。因为在页面右边有矩形作为陪衬,所以文本放置在空白部分不会因为左边的弧线而显得不协调。

       5、增加图片:

       图片是美化页面和说明内容必须的媒体。在这里把图片加入到适当的地方。

二、软件布局法

       另外,你也可以使用Photoshop这个软件来完成布局的工作Photoshop所具有的对图像的编辑功能用到设计网页布局上更显得心应手。不像用纸来设计布局,利用Photoshop可以方便的使用颜色,使用图形,并且可以利用层的功能设计出用纸张无法实现的布局意念。

       网页布局需要应用适当的技巧,不仅需要你有创意,更要求你对相关软件熟练地应用,这是网站建设之前必须做的工作。

0