在静态网页制作时,需要注意网页切图、Dreamweaver CS6 排版、网页中样式使用等一些常用的技巧。
这些是网页设计的基础能力,需要在这些方面做大量的学习和理解。
1、网页切图与Dreamweaver 排版的关系
网页中的效果,特别是不规则的图案效果,是需要用图片来表现出来的。
用 Dreamweaver 只能通过表格布局等方式,对表格的背景或边框进行设置,实现简单的颜色效果。
因此,网页中的效果必须用Fireworks切图的方式来实现。
但是,当网页中需要的这种效果过多时,就会产生很多切割的图片,这时可以使用背景图片的方式。
网页中表格的背景图片是反复排列布满整个区域的。
3个标题的背景玻璃效果可以用3个图片来实现,但更好的切片方法是用背景来实现。
在切图时,先把3个标题切割成大小相同的图片,然后将其中一个图片的单一颜色区域切割成一个很小的图片。
在 Dreamweaver中删除原来的图片,将切割的小图片作为单元格背景,再输入文字与切割插入小装饰图片。
这样即与切割插入大图片有相同的效果了,却使用了很少的图片。
用这种方法,可以大大减少网页中图片的数量和图片的大小,有利于提高网页的性能。
2、网页中背景与细节的表现技巧
网页中的效果需要用图片来表示,但会在网页中产生大量的图片,不利于网页的布局与排版,可以用其他方法实现网页的效果。
规则边框的效果,可以用表格或文本的边框来表示,这样可以减少图片的数量。
利用CSS,可以设置出美观的边框效果而不必使用图片。对文本与表格使用边框的样式,就可以有很好的边框效果。
这些效果可以不用图片实现。
实际上,这一效果是在CSS样式表中对这一样式分别描述不同方向的边框线型来实现的。
用来表现背景效果的图片,应该合理切片,而且常常是布满在整个背景上的。
背景图片不能很大,切割小图片有利于下载速度。
公司宣传网站是最常用的网站形式。企业可以通过网站来展示企业的产品与形象。
公司网站的设计,重点要求网页的版面效果与网页内容。
建站公司讲述了静态公司宣传网站的制作。
静态网站并没有要求强大的交互功能,所有设计的重点应该是网页的色彩、布局和内容。
通过个性化有创意的设计,对企业的产品与形象进行表现,使用户对企业的产品与形象得到认可。