网页布局初学指南之常用技巧
了解了网页布局的基本概念,接下来要学习的一些简单常见的网页技巧:
1、层叠样式表的应用
在新的HTML4.0标准中,CSS(层叠样式表)被提出来,它能完全精确的定位文本和图片。CSS对于初学者来说显得有点复杂,但它的确是一个好的布局方法。你曾经无法实现的想法利用CSS都能实现。目前在许多网站上,层叠样式表的运用是一个网站优秀的体现。你可以在网上找到许多关于CSS的介绍和使用方法。
2、表格布局
表格布局好像已经成为一个标准,随便浏览一些网站,它们还是有很多是用表格布局的。表格布局的优势在于它能对不同对象加以处理,而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局的缺点是,当你用了过多表格时,网页下载速度受到影响。对于表格布局,你可以随便找一个网站的页,然后保存为HTML文件,利用网页编辑工具打开它(要所见即所得的软件),你会看到这个网页是如何利用表格的。
3、框架布局
不知道什么原故,框架结构的网页开始被许多人不喜欢,可能是因为它的兼容性、搜索引挚的收录。但从网页布局上考虑,框架结构不失为一个好的布局方法。它如同表格布局一样,把不同对象放置到不同网页加以处理,因为框架可以取消边框,所以一般来说不影响整体美观。
4、纸上布局法
许多网页制作者不喜欢先画出网页布局的草图,而是直接在网页设计器里边设计布局边加内容。这种不打草稿的方法不能让你设计出优秀的网页来。所以在开始制作网页时,要先在纸上画出你网页的布局草图来,试想一下一个在纸上勾画出十个方案的人他的脑子里已有十个以上的构思,但另一个在电脑上操作的人速度会慢很多。准备若干张白纸和一只铅笔,你要设计一个时尚网站时,铅笔会比鼠标快N倍。
目前一般1024X768的分辨率为约定俗成的浏览模式。所以为了照顾大多数访问者,你网页的尺寸以小于1024X768的分辨率为准。
先在白纸上画出象征浏览器窗口的矩形,这个矩形就是你布局的范围了。选择一个形状作为整个网页的主题造型,我们选择圆形,因为它代表者柔和,和时尚流行比较相称,然后在矩形框架里随意画出来,你可以试者在增加一些圆形或者其它形状。这样画下来,你会发现很乱。其实,如果你一开始就想设计出一个的布局来是比较困难的,而你要在这看似很乱的图形中找出隐藏在其中的特别的造型出来。还要注意一点,你不要担心你设计的布局是否能够实现。事实上,只要你能想到的布局都能靠现今的HTML技术实现。
一般页头都是位于网页顶部,LOGO及主体代表形象。
网页的空白部分加别加入文本和图形。因为在网页右边有矩形作为陪衬,所以文本放置在空白部分不会因为左边的弧线而显得不协调,铅笔会为你的重复修改提供足够的速度。
图片是美化网页和说明内容必须的媒体。在这里把图片加入到适当的地方。
5、软件布局法
如果你不喜欢用纸来画出你的布局意图,那么你还可以利用软件来完成这些工作。这个软件就是Photoshop。Photoshop所具有的对图像的编辑功能用到设计网页布局上更显得心应手。不像用纸来设计布局,利用Photoshop可以方便的使用颜色,使用图形,并且可以利用层的功能设计出用纸张无法实现的布局意念。