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