创建好本地站点就可以开始制作网页了。在
Dreamweaver 中制作网页非常简单,可以在网页上插入文本段落、
图像、
Flash 动画、表、动态 HTML 效果、声音以及超级连接,这些都可以在很短的时间内完成。本节主要讲述
静态页面布局设计。
1.4.1
网页布局原则
在网页设计的众多环节中,页面布局、颜色搭配是最为重要的环节之一。常规网站中页面布局有以下几种特点,
熟悉这些原则将对页面的设计有所帮助。
1
、平衡性
文字、图像等要素的空间占用上分布均匀。
色彩的平衡,要给人一种协调的感觉。
2
、对称性
对称是一种美,我们生活中有许多事物都是对称的。但过度的对称就会给人一种呆板、死气沉沉的感觉,因此要
适当地打破对称,制造一点变化。
3
、对比性
让不同的形态、色彩等元素相互对比,来形成鲜明的视觉效果。例如黑白对比,圆形与方形对比等,它们往往能
够创造出富有变化的效果。
4
、疏密度
“
”
网页要做到疏密有度,即平常所说的 密不透风,疏可跑马 。不要整个网页一种样式,要适当进行留白,运用空
格,改变行间距、字间距等制造一些变化的效果。
5
、比例
比例适当,这在布局当中非常重要,虽然不一定都要做到黄金分割,但比例一定要协调。
1.4.2
网页布局方法
在制作网页前,可以先勾画出网页的草图。网页布局的方法有两种,第一种为纸上布局;第二种为软件布局。下
面分别加以介绍:
1
、 纸上布局法
许多网页制作者不喜欢先画出页面布局的草图,而是直接在网页设计器里边设计布局边加内容。这种不打草稿的
方法不能让你设计出优秀的网页来。所以在开始制作网页时,要先在纸上画出你页面的布局草图来。
2
、 软件布局法
如果你不喜欢用纸来画出你的布局意图,那么你还可以利用
Photoshop、Fireworks 等图像处理软件来完成这
些工作。图像处理软件所具有的对图像的编辑功能用到设计网页布局上更显得心应手。不像用纸来设计布局,利
用图像处理软件可以方便的使用颜色,使用图形,并且可以利用层的功能设计出用纸张无法实现的布局意念。
1.4.3
常见版面的布局形式
网页设计要讲究编排和布局,虽然网页设计不同于平面设计,但他们有许多相近之处,应加以利用和借鉴。网页
的版面布局主要指网站主页的版面布局,其他网页的版面与主页风格基本一致。为了达到最佳的视觉表现效果,
应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验。
“ ”
“ ”
“
”
“ ”
“ ”
“
”
常见的网页布局形式大致有 厂 字型、 口 字型、 海报 型、 同 字型、 三 字型和 框架 型布局。