网站作为新媒体,具有很多与传统媒体不同的特征与特性,在开始制作网页之前,需要对网站的设计有全面的了解和认识。这一章首先介绍网页的基本概念及构成要素,帮助大家理解网页的特点与结构;接下来学习网站建设的基本流程,了解网站是如何从无到有的;此外,网页版式与风格设计是建设一个成功网站的关键,学习基本的规律有助于设计出更美观、实用的网站。
认识网页与网站
网页(Web Page)实际上是一个文件,网页经由网址(URL)来识别与存取。当浏览者输入一个网址或单击某个链接,在浏览器中显示出来的就是一个网页。
网站(Web Site)是各种各样网页的集合,有的网站内容众多,如新浪、搜狐等门户网站;有个网站只有几个页面,如个人网站。在构成网站的众多网页中,有一个页面比较特殊,称为首页(Home Page)。例如,当浏览者输入搜狐网站地址“
网页的基本构成要素
虽然网页种类繁多,形式内容各有不同。但网页的基本构成要素大体相同,包括标题(Logo)、导航、文本、图片、动画、超链接、表单、音视频等,如图所示。网页设计就是要将上述构成要素有机整合,表达出美与和谐。
网站建设的基本流程
规范的网站建设应遵循一定的流程,主要由规划设计阶段、实施发布阶段、评价阶段组成,各个阶段的具体环节如图所示。
页头
页头又可称之为页眉,页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样,访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键,它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。
页脚
页脚和页头相呼应。页头是放置站点主题的地方,而页脚是放置制作者或者公司信息的地方。你能看到,许多制作信息都是放置在页脚的。
文本
文本在页面中出现都数以行或者块(段落)出现,它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限,文本放置的位置的灵活性非常小,而随着dhtml的兴起,文本已经可以按照自己的要求放置到页面的任何位置。
图片
图片和文本是网站设计的两大构成元素,却一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。
网页版式设计
网页的版式设计是网页设计的核心,主要内容包括网页整体布局设计和导航样式的设计。本节将介绍常见的几种网页布局,以及网页导航设计应遵循的原则。
整体造型
造型就是创造出来的物体形象。这里是指页面的整体形象,这种形象应该是一个整体,图形与文本的接合应该是层叠有序。虽然,显示器和浏览器都是矩形,但对于页面的造型,你可以充分运用自然界中的其它形状以及它们的组合:矩形,圆形,三角形,菱形等。对于不同的形状,它们所代表的意义是不同的。虽然不同形状带表着不同意义,但目前的网页制作多数是接合多个图形加以设计,在这其中某种图形的构图比例可能占的多一些。
页面尺寸
由于页面尺寸和显示器大小及分辨率有关系,网页的局限性就在于你无法突破显示器的范围,而且因为浏览器也将占去不少空间,留下给你的页面范围变得越来越小。一般分辨率在800x600的情况下,页面的显示尺寸为:780x428个象素;分辨率在640x480的情况下,页面的显示尺寸为:620x311个象素;分辨率在1024x768的情况下,页面的显示尺寸为:1007x600。从以上数据可以看出,分辨率越高页面尺寸越大。浏览器的工具栏也是影响页面尺寸的原因。如果需要在同一页面显示超过三屏的内容,那么你最好能在上面做上页面内部连接,方便访问者浏览。