1.3 网站建设的基本步骤

创建网站是一个系统工程，有一定的工作流程，按部就班地来才能设计出满意的网站。因此在制作网站前，先要了解网站建设的基本流程，这样才能制作出更好、更合理的网站。

1.3.1 网站的定位

在创建网站时，确定站点的目标是第一步。设计者应清楚建立站点的目标，即确定它将提供什么样的服务，网页中应该提供哪些内容等。要确定站点目标，应该从以下3个方面考虑。

●网站的整体定位。网站可以是大型商用网站、小型电子商务网站、门户网站、个人主页、科研网站、交流平台、公司和企业介绍性网站、服务性网站等。首先应该对网站的整体进行一个客观的评估，同时要以发展的眼光看待问题，否则将带来许多升级和更新方面的不便。

●网站的主要内容。如果是综合性网站，那么对于新闻、邮件、电子商务、论坛等都要有所涉及，这样就要求网页要结构紧凑、美观大方；对于侧重某一方面的网站，如书籍网站、游戏网站、音乐网站等，则往往对网页美工要求较高，使用模板较多，更新网页和数据库较快；如果是个人主页或介绍性的网站，那么一般来讲，网站的更新速度较慢，浏览率较低，并且由于链接较少，内容不如其他网站丰富，但对美工的要求更高一些，可以使用较鲜艳明亮的颜色，同时可以添加Flash动画等，使网页更具动感和充满活力，否则网站没有吸引力。

●网站浏览者的教育程度。对于不同的浏览者群，网站的吸引力是截然不同的，如针对少年儿童的网站，卡通和科普性的内容更符合浏览者的品味，也能够达到网站寓教于乐的目的；针对学生的网站，往往对网站的动感程度和特效技术要求更高一些；对于商务浏览者，网站的安全性和易用性更为重要。

1.3.2 确定网站主题

在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色做出定位，规划网站的组织结构。Web站点应针对所服务对象的不同而具有不同的形式。有些站点只提供简洁的文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点还把图形表现手法和有效的组织与通信结合起来。要做到主题鲜明突出、要点明确，应以简单明确的语言和画面体现站点的主题。还要调动一切手段充分表达站点的个性和情趣，办出网站的特点。Web站点主页应具备的基本成分包括：页眉，准确无误地标识站点和企业标志；E-mail地址，用来接收用户垂询；联系信息，如普通邮件地址或电话；版权信息，声明版权所有者等。注意重复利用已有信息，如客户手册、公共关系文档、技术手册和数据库等可以轻而易举地用到企业的Web站点中。

1.3.3 网站整体规划

在设计网站以前需要对网站进行整体规划和设计，写好网站项目设计书，在以后的制作中按照这些规划和设计进行。需要从网站内容、网页美术效果和网站程序的构思3个方面进行网站的整体规划。

网站内容：在网站进行开发以前，需要构思网站的内容，需要突出哪些主要内容。例如个人网站，可以有个人文章、个人活动、生活照片、才艺展示、个人作品、联系方式等内容。还需要明确哪些是主要内容，需要在网站中突出制作的重点。

网页美术效果：页面的美术效果往往决定一个网站的档次，网站需要有美观大方的版面。可以根据个人的喜好、页面内容等设计出自己喜欢的页面效果。如果是个人网站，可以根据个人的特长和才艺等内容制作出夸张的美术作品式的网站。

网站程序的构思：还需要构思网站的功能，网站的这些功能需要由什么样的程序来实现。如果是很简单的个人主页，则不需要经常更新，更不必编程做动态网站。

1.3.4 收集资料与素材

网站的设计需要相关的资料和素材，丰富的内容才可以丰富网站的版面。个人网站可以整理个人的作品、照片、展示等资料。企业网站需要整理企业的文件、广告、产品、活动等相关资料。整理好资料后需要对资料进行筛选和编辑。

可以使用以下方法来收集网站资料与素材。

●图片：可以使用相机拍摄相关图片，对已有的照片可以使用扫描仪输入到电脑。一些常见图片可以在网站上搜索或下载。

●文档：收集和整理现有的文件、广告、电子表格等内容。对纸制文件需要输入到电脑形成电子文档。文字类的资料需要进行整理和分析。

●媒体内容：收集和整理现有的录音、视频等资料。

1.3.5 设计网页图像

在确定好网站的风格和搜集完资料后就需要设计网页图像了，网页图像设计包括LOGO、标准色彩、标准字、导航条和首页布局等。可以使用Photoshop或Fireworks软件来具体设计网站的图像。有经验的网页设计者，通常会在使用网页制作工具制作网页之前，设计好网页的整体布局，这样在具体设计过程将会胸有成竹，大大节省工作时间。如图1-11所示是设计的网页图像。

1.3.6 切图并制作成页面

完成网页效果图的设计后，需要使用Fireworks或Photoshop对效果图进行切割和优化。完成切片后的效果图，需要使用Dreamweaver进行网站页面的设计，在这一过程中实现网站内容的输入和排版。不同的页面使用超链接联系起来，用户单击这个超链接时即可跳转到这个页面。

网页制作是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂的顺序制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要灵活运用模板和库，这样可以大大提高制作效率。如果很多网页都使用相同的版面设计，就应为这个版面设计一个模板，然后就可以以此模板为基础创建网页。以后如果想要改变所有网页的版面设计，只需简单的改变模板即可。如图1-12所示是制作的网页。

1.3.7 开发动态网站模块

页面设计制作完成后，如果还需要动态功能的话，就需要开发动态功能模块，网站中常用的功能模块有搜索功能、留言板、新闻信息发布、在线购物、技术统计、论坛及聊天室等。

1．搜索功能

搜索功能是使浏览者在短时间内，快速地从大量的资料中找到符合要求的资料。这对于资料非常丰富的网站来说非常有用。要建立一个搜索功能，就要有相应的程序以及完善的数据库支持，可以快速的从数据库中搜索到所需要的职位。如图1-13所示为搜索功能。

2．留言板

留言板、论坛及聊天室是为浏览者提供信息交流的地方。浏览者可以围绕个别的产品、服务或其他话题进行讨论。顾客也可以提出问题、提出咨询，或者得到售后服务。但是聊天室和论坛是比较占用资源的，一般不是大中型的网站没有必要建设论坛和聊天室，如果访问量不是很大的话，做好了也没有人来访问，如图1-14所示为留言板页面。

3．新闻发布管理系统

新闻发布管理系统可以提供方便直观的页面文字信息的更新维护界面，提高工作效率、降低技术要求，非常适合用于经常更新的栏目或页面，如图1-15所示是新闻发布管理系统。

4．购物网站

实现电子交易的基础，用户将感兴趣的产品放入自己的购物车，以备最后统一结账。当然用户也可以修改购物的数量，甚至将产品从购物车中取出。用户选择结算后系统自动生成本系统的订单。如图1-16所示为购物系统。

1.3.8 发布与上传

网站的域名和空间申请完毕后，就可以上传网站了，可以采用Dreamweaver自带的站点管理上传文件。

01 执行“站点”|“管理站点”命令，弹出如图1-17所示的“管理站点”对话框。

02 在对话框中单击“新建站点”按钮，弹出“站点设置对象”对话框，在对话框中选择“服务器”选项卡，如图1-18所示。

03 单击（+）按钮，弹出如图1-19所示的对话框。在“连接方法”下拉列表中选择FTP，用来设置远程站点服务器的信息。

●服务器名称：指定新服务器的名称。

●连接方法：从“连接方法”弹出菜单中，选择“FTP”。

●FTP地址：输入远程站点的FTP主机的IP地址。

●用户名：输入用于连接到FTP服务器的登录名。

●密码：输入用于连接到FTP服务器的密码。

●测试：单击“测试”，测试FTP地址、用户名和密码。

●根目录：在“根目录”文本框中，输入远程服务器上用于存储公开显示的文档目录。

●Web URL：在“Web URL”文本框中，输入Web站点的URL。

04 设置完相关的参数后，单击“保存”按钮完成远程信息设置。在文件面板中单击“展开/折叠”按钮，展开“站点”管理器，如图1-20所示。

05 在站点管理器中单击“连接到远端主机”按钮，建立与远程服务器的连接，如图1-21所示。

连接到服务器后，按钮会自动变为闭合状态，并在一旁亮起一个小绿灯，列出远端网站的接收目录，右侧窗口显示为“本地信息”，在本地目录中选择要上传的文件，单击“上传文件”按钮，上传文件。

1.3.9 后期更新与维护

一个好的网站，仅仅一次是不可能制作完美的，由于市场环境在不断地变化，网站的内容也需要随之调整，给人常新的感觉，网站才会更加吸引访问者，而且给访问者很好的印象。这就要求对网站进行长期的不间断的维护和更新。

网站维护一般包含以下内容。

●内容的更新：包括产品信息的更新，企业新闻动态更新和其他动态内容的更新。采用动态数据库可以随时更新发布新内容，不必做网页和上传服务器等麻烦工作。静态页面不便于维护，必须手动重复制作网页文档，制作完成后还需要上传到远程服务器。一般对于数量比较多的静态页面建议采用模板制作。

●网站风格的更新：包括版面、配色等各种方面。改版后的网站让客户感觉改头换面，焕然一新。一般改版的周期要长些。客户对网站也满意的话，改版可以延长到几个月甚至半年。一般一个网站建设完成以后，代表了公司的形象，公司的风格。随着时间的推移，很多客户对这种形象已经形成了定势。如果经常改版，会让客户感觉不适应，特别是那种风格彻底改变的“改版”。当然如果对公司网站有更好的设计方案，可以考虑改版。毕竟长期沿用一种版面会让人感觉陈旧、厌烦。

●网站重要页面设计制作：如重大事件页面、突发事件及相关周年庆祝等活动页面设计制作。

●网站系统维护服务：如E-mail账号维护服务、域名维护续费服务、网站空间维护、与IDC进行联系、DNS设置、域名解析服务等。

1.3.10 网站的推广

互联网的应用和繁荣提供了广阔的电子商务市场和商机，但是互联网上大大小小的各种网站数以百万计，如何让更多的人都能迅速地访问到您的网站是一个十分重要的问题。企业网站建好以后，如果不进行推广，那么企业的产品与服务在网上就仍然不为人所知，起不到建立站点的作用，所以企业在建立网站后即应着手利用各种手段推广自己的网站。网站的推广有很多种方式，在后面的章节中将详细讲述，这里就不再叙述了。