1.2 网站的设计及制作

学习时间：30分钟

对于一个网站来说，除了网页内容外，还要对网站进行整体规划设计。格局凌乱的网站，内容再精彩也不能说是一个好网站。要设计出一个精美的网站，前期的规划是必不可少的。网站的成功与否很大程度上取决于它的构思，好的创意及丰富翔实的内容才能够让网页焕发出勃勃生机。

1.2.1 如何确定网站的风格和布局

在对网页插入各种对象、修饰效果前，要先确定网站的总体风格和布局。

例如，新浪的网站给人的感觉是平易近人的，新闻给人一种耳目一新的感觉，IBM是专业严肃的。这些都是网站给人们留下的各种不同的感觉，如图所示。

根据不同的网页制作的风格，可以将网页分为商业网页和个人网页。商业网页内容丰富、信息量大，一般都有统一的布局设计，如图所示。

个人网页风格样式多，内容也比较专一、形式比较灵活，更容易创造出美感。

设计好网页风格后，要对网页的布局进行调整规划，也就是网页上的网站标志、导航栏及菜单等元素的位置。不同网页的各种网页元素所处的位置也不同，一般，重要的元素放在突出位置。

常见的网页布局有“同”字型、“厂”字型、标题正文型、分栏型、封面型和Flash型等。

1.“同”字型

“同”字型是大型网站常用的页面布局，特点是内容丰富、链接多、信息量大。网页的上部是徽标和导航栏，下部为3列，两边区域是图片或文字链接和小图片广告，中间是网站的主要内容，底部是版权信息等，如图所示。

2.“厂”字型

“厂”字型布局的特点是内容清晰、一目了然，网页的顶端是徽标和导航栏，左侧是文本和图片链接，右边是正文信息区，如图所示。

3.标题正文型

标题正文型布局的特点是内容简单，网页上部是网站标志，标题下部是网页正文，如图所示。

4.分栏型

分栏型布局一般分为左右（或上下）两栏或多栏。一栏是导航链接，另一栏是正文信息，如图所示。

5.封面型

封面型布局比较接近于平面设计艺术，主要应用在首页，一般为设计精美的图片或动画，多用于个人网页，如果处理得好，会给人们带来赏心悦目的感觉，如图所示。

6.Flash型

Flash型布局采用Flash技术制作完成，页面所表达的信息极富感染力，其视觉效果与听觉效果与传统页面不同，给浏览者以很大的冲击。Flash网页很受年轻人的喜爱，如图所示。

确定好网站的风格和布局后，就要开始搜集素材了。要让自己的网站有声有色、能吸引人，就尽量多地搜集素材，包括文字、图片、音频动画及视频等，如图所示，资料收集越充分，制作网站就越容易。搜集素材时不仅可以在网站上搜索，还可以自己制作，然后把搜集的素材截取好的部分用来制作网页。

1.2.2 规划站点、制作网页

规划站点就是对站点中所使用的素材和资料进行管理和规划，对网站中栏目的设置、颜色搭配、版面设计、文字图片的运用等进行规划。一般情况下，将站点中所用的图片和按钮等图形元素放在Images文件夹中，HTML文件放在根目录下，动画和视频等放在Flash文件夹中。将站点中的素材进行分化，便于日后管理。

制作网页是一个复杂而细致的过程，一定要先按照先大后小、先简单后复杂的顺序来制作。所谓先大后小，就是在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题及时修改。

在网页排版时，要尽量保持网页风格的一致性，不至于在网页跳转时产生不协调的感觉。在制作网页时灵活运用模板，可以大大提高制作效率。将相同版面的网页做成模板，基于此模板创建网页，以后想改变网页时，只需修改模板就可以了。

1.2.3 怎样更新、发布网站

网页制作完毕后，应该利用上传工具将其发布到Internet上供大家浏览、观赏和使用，上传工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，可以很方便地把网站发布到所申请的网页服务器上。上传网站之前，要在浏览器中打开网站，逐一对站点中的网页进行测试，发现问题要及时修改，然后再上传。

网站要经常更新内容，以保证内容的新鲜，只有不断地补充新内容，才能吸引更多的浏览者。