们为图 3 增加了一个页头,为了和左边的弧线和右边的矩形取得平衡,我们增加了一个矩形页头并让页头相交与左边的弧线,如图 2-4 。图 2-4 页头的图示然后,增加文本。页面的空白部分加别加入文本和图形。因为在页面右边有矩形作为陪衬,所以文本放置在空白部分不会因为左边的弧线而显得不协调,如图 2-5 。图 2-5 文本的图示 7 最后,增加图片。图片是美化页面和说明内容必须的媒体。在这里把图片加入到适当的地方,如图 2-6 。图 2-6 图片的图示经过以上的几个步骤,一个时尚页面的大概布局就出现了。当然,它不是最后的结果,而是你以后制作时的重要参考依据。(2 )软件布局法除了纸上布局,还可以利用软件来完成这些工作。如利用 Photoshop 。 Photoshop 所具有的对图像的编辑功能用到设计网页布局上更显得心应手。利用 Photoshop 可以方便的使用颜色,使用图形,并且可以利用层的功能设计出用纸张无法实现的布局意念。 2.3.2 网页布局技术(1 )层叠样式表的应用在新的 HTML4.0 标准中, CSS( 层叠样式表) 被提出来, 它能完全精确的定位文本和图片。 CSS 有点复杂,但它的确是一个好的布局方法[7] 。曾经无法实现的想法利用 CSS 都能实现。目前在许多站点上,层叠样式表的运用是一个站点优秀的体现。比如一些企业网站。(2 )表格布局表格布局被广泛使用,已经成为一个潜在的标准。随便浏览一个站点, 它们一定是用表格布局的。表格布局的优势在于它能对不同对象加以处理, 而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用 CSS 更加方便。表格布局唯一的缺点是,当你用了过多表格时,页面下载速度受到影响[8]。对于表格布局, 打开一个站点的首页, 然后保存为 HTML 文件, 利用网页编辑工具打开它( 要所见即所得的软件) ,会可以看到这个页面是如
全文预览
