网站制作指南
网络与通信
这里分几步介绍一下网站的制作过程，希望读者可以了解网页制作的基础知识，从而将拥有网站的梦想变为现实。事实上，只要有足够的时间和足够的耐心，任何人都能制作出具有专业水准的网站。
一、规划网站的栏目
在着手制作自己的网站之前，要做的第一件事就是问自己，建立这个网站的目的是什么呢？网站最忌讳多而杂，一个网站不可能面面俱到，如果是纯粹的个人网页，那么就一定要突出自身的个性，选择自己最擅长的或者是最有兴趣的内容。这样在制作时，才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，很难设计制作出优秀的网站。
初学者最容易犯的错误就是：确定题材后立刻开始制作。当你一页一页制作完毕后才发现：网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。所以在开始制作网页之前就应该规划好网页的栏目。
网站栏目的实质是一个网站内容的大纲索引。网站栏目的设置原则一是重点突出，二是浏览方便，应该帮助浏览者寻找到他所需要的东西。在设置栏目时，要仔细考虑内容的轻重缓急，合理安排，突出重点。
具体做法可以从以下几个方面入手。
1.细致划分主要内容
将主要内容按一定的方法分类，并为它们设立专门的栏目。例如一个以提供动画素材为主的站点，可以将栏目分为动物动画、标志动画、三维动画、卡通动画等。记住，主题栏目的个数在主栏目中要占有绝对的优势，这样的网站主题突出，容易给人留下深刻的印象。
2.开门见山列出主要内容
网页的阅读方式与图书不同，网页的内容一般分为几个层次，上下呈线形分布结构，所以处于线末端的内容需要鼠标点击几次才会找到，如果它与另一条线末端的内容之间没有链接的话，浏览者只有沿原路返回后再去浏览它，也就是通常所说的藏得太深。由于这个原因，网站的主要内容一定要放在首页或者一、二级栏目中，如果因内容结构问题不得不放在较深的位置上，一定设法在首页安排它的超级链接，同时在其他网页中放置多个超级链接，以方便浏览者很容易地找到它。
3.设定双向交流的栏目
比如论坛、留言本、邮件列表等，可以让浏览者有机会发表他们的意见，参与网站的活动。有调查表明，提供双向交流的站点比简单地留一个“E-mail me”的站点更具有亲和力。网络最大的优势之一就是为人们提供相互沟通的手段（图1）。
二、确定网站的目录结构
网站的目录结构对于初学者来说是一个容易被忽略的问题，大多数人在制作网站时，都未经规划随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点的维护、未来内容的扩充和移植都有着重要的影响。
下面是建立目录结构的一些建议。
1.不要将所有文件都存放在根目录下
有的网友为了方便，将所有文件都放在根目录下。这样容易造成文件管理混乱。你常常搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些文件是相关联的，从而影响你的工作效率。另外也影响上传速度。服务器一般都会为根目录建立一个文件索引。如果你将所有文件都放在根目录下，那么即使只上传、更新一个文件，服务器也要将所有文件再检索一遍后，建立新的索引文件。很明显，文件数量越多，等待的时间也将越长。
2.按栏目内容建立子目录
子目录的建立，首先按主菜单栏目建立。例如网页教程类站点可以按技术类别分别建立相应的目录：如Flash、DHTML、JavaScript等；企业站点可以按公司简介、产品介绍、价格、在线定单、反馈联系等建立相应目录。其他的次要栏目，类似what's new、友情链接等内容较多，需要经常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，例如：关于本站、关于站长、站点经历等可以合并放在一个统一目录下。所有程序都存放在特定目录，例如：CGI程序放在cgi-bin目录，便于维护管理。所有需要下载的内容也最好放在一个目录下。
3.每个主栏目下建立独立的images目录
通常一个站点根目录下都有一个images目录。通过工作实践，笔者发现为每个主栏目建立一个独立的images目录是最方便管理的。而根目录下的images目录只用来存放首页和一些次要栏目的图片。
三、版面的布局
动手设计网页的第一步是版面的布局。所谓布局就是指在一个限定的面积范围内合理安排、布置图像、文字的位置，把信息按照轻重缓急的秩序陈列出来的同时对页面进行修饰、美化。
版面设计是整个网站构思过程中最重要的一部分，因为好的版面布局给浏览者不但会留下好的第一印象，而且还会带来一个好的心情。如果你做的是娱乐站点，那么版面设计应该明快、亮丽，让浏览者一进入你的网站，就能产生很愉快的心情，并带着这种愉快的心情去浏览你的网站；同样，如果你做的是一个历史文化站点，那么你的版面设计应该古朴、大方；如果是一个军事、政治站点，版面设计应该凝重、整齐；如果是一个女性站点，那么就需要能体现出女人味的版面设计了。
就像传统的报刊杂志编辑一样，可以将网页看作一张报纸，一本杂志来进行排版布局。虽然动态网页技术飞速发展，但是静态的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的，领会要点，便可举一反三，触类旁通。
1.创意草案
草案的形成决定着将来网页的基本面貌，类似一个设计创意。它往往来自于一些现有设计作品、图形图像素材的组合、改造、加工。其思维方式有两种：借鉴模仿和逆向重组。
构思伊始，设计师可能会受现存的一些网页设计的影响，借鉴现有的设计样式是很自然的事，但不能照抄照搬。吸取成功作品中的一些视觉元素及其组合方式，加入自己的新元素，形成新的组合(有些由素材本身决定的)，这种借鉴模仿可以比较顺利地产生网页方案的雏形。
逆向重组是利用反向思维来完成设计和创作，把现有作品的视觉元素的性质加以改变、重组，与自己的素材结合而产生新的设计作品。比如，原有作品的背景色是黑色的，你把它改成白色，就会变成另外一个样子。也就是说将某一视觉元素中的某一描述参数加以改变，从而实现新的设计作品。
由此可见，设计师的工作很像作曲家创作音乐作品，需要从民间音乐中寻找素材，把一首歌谣创作成一首乐曲，把单独的乐曲发展成一个乐章。应该说明的是，借鉴模仿和逆向重组都是对视觉元素的量的改变，至于变化到什么程度，需要有专业的眼光、素养才能把握住。你可以用一张白纸和一支铅笔，把你最初的创意画出来。这属于创造阶段，不讲究细腻工整，不必考虑细节，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本（图2）。
2.粗略布局
在草案的基础上，将你确定需要放置的功能模块安排到页面上。功能模块我们在前面已提过，主要包含网站标志、主菜单、栏目条、广告位、邮件列表、计数器等。注意，这里我们必须遵循突出重点、平衡协调的原则，将网站标志、主菜单、商品目录等最重要的模块放在最显眼、最突出的位置，然后再考虑次要模块的排放。
3.最后定案
将粗略布局精细化、具体化。在布局过程中，我们可以遵循的原则有：
①平衡：指画面的图像文字的视觉效果在左右、上下几个方位基本相等，分布匀称。
②呼应：在不平衡的布局中的补救措施，使一种元素同时出现在不同的地方，形成相互的联系。
③对比：利用不同的色彩、线条等视觉元素相互映衬，造成画面的多种变化，达到丰富视觉的效果。
④疏密：疏，是指画面中元素稀少(甚至空白)的部分；密，是指画面中元素繁多的部分，在网页设计中就是空白的处理运用，太满、太密、太平均是任何版式设计的大忌，适当的疏密搭配可以使画面产生节奏感，体现出网站的格调与品位。
以上的设计原则，虽然枯燥，但是如果能运用到页面布局里，效果就大不一样了。比如，网页的白色背景太虚，则可以加些色块；版面零散，可以用线条和符号串联；左面文字过多，右面则可以插一张图片保持平衡；经过不断的尝试和推敲，一个崭新的设计方案便完成了。
四、网页色彩的应用
网页的色彩选择和搭配是网页设计重点之一。网页的色调、背景、文字、图标、边框、链接，应该采用什么样的色彩，应该搭配什么色彩才能最好地表达网站的内涵呢？都是网页设计一开始就必须考虑的问题。
让我们首先来了解一些色彩的基本知识：
红、黄、蓝是三种最基本的颜色，又称三原色，其他的色彩都可以用这三种色彩调和而成。HTML语言中的基本色彩是红(R)、绿(G)、蓝(B)，三种颜色的数值均为255，例如：红色是color(R：255，G：0，B：0)；十六进制的表示方法为(FF0000)。白色为(R：255，G：255，B：255)，十六进制的表示法是(FFFFFF)，我们经常看到的“bgcolor=#FFFFFF”就是指背景色为白色。任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以至少可以制作出几百万种色彩。
色彩虽然千变万化，但它的基本变化可以从Photoshop的Pick color取色条里显示出来。如果将取色条变成环形，首尾相接，色彩按“红→黄→绿→蓝→红”依次渐变过渡，就可以得到一个色彩环。我们将色环中的色彩叫色相。
这些色相能够给人以冷热感觉上的联想，蓝色、绿色给人的感觉是冰冷的，人们将它们称为冷色；红色、黄色给人的感觉是火热的，人们将它们称为暖色；黑、白、灰色属于中性偏冷色。色彩的冷暖感觉叫做色性。冷暖色的划分将颜色看作两大类型，有助于我们在网页色调的设计时注意色调基本倾向，便于把握网页的整体效果，从而达到和谐美观的效果。
由于色彩与人的情绪有着微妙的联系，利用不同的色调设计网页会给浏览者不同的心理感受。人们一般这样认为：
·红色是一种激奋的色彩，能使人产生冲动，亢奋，热情，充满活力的感觉。
·绿色介于冷暖色的中间，有和睦、宁静、健康、安全的感觉，它和金黄、白色搭配，可以产生优雅，青春的气氛。
·橙色也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨的效果 ，但橙黄色对人的视觉器官刺激较强，给人的视觉造成负担。
·黄色具有快乐，希望，和轻快的个性，它的明亮度最高。它和白色混合，能体现柔顺，淡雅，浪漫的气氛。
·灰色具有中庸，平凡，温和，谦让，中立和高雅的感觉。
每种色彩在纯度，明亮度上略微变化就会给人不同的感觉。以绿色为例，绿色中加上较多的黄色有青春、旺盛的视觉意境，而含有较多蓝色成分则显得幽静、阴深。