网站建设过程中的三大关键阶段揭秘：网站开发的标准流程全解析

网站建设的常规流程是怎样的

无论是开发软件还是搭建网站，我们常常遇到的难题并非软件操作本身，而是技术以外的因素。一个网站能否成功，关键在于设计、定位、推广等非技术层面的因素。

一、梳理规划。

网站建设的起点需设定一个整体的战略目标，即明确站点的目的。

首先，要确立一个总的目标，即这个网站旨在做什么。有的旨在展示设计水平，这就要求页面美观；有的为求职而建，这就要求提供充分的信息以展示个人能力；有的旨在服务用户，这就要求网站具备较强的互动性。本站建设初衷是为了更好地学习网络知识，仅出于兴趣，站名“网页教学网”一看便知是介绍网页知识的站点。域名申请也是相当关键的，众所周知，web可译为网、网页、网络等，j是jiao的第一个字母，x是xue的第一个字母，本站的字母缩写！当然，在申请注册域名时，可以申请自己名字的拼音等！在此不做过多介绍。

目标明确后，还需确定网站的目标受众。包括以下几种情况：

1.目标受众的访问速度。许多在线教育网站使用不同的软件制作在线课件，但视频在目前中国网络带宽下并不适合，提高网络带宽也是一种发展趋势。

2.目标受众的计算机配置和浏览器版本。计算机硬件技术发展迅速，现在使用的计算机配置普遍较高！

因此，在设计网页时，其实无需过多考虑计算机配置。需要注意的是，在设计过程中，要在不同浏览器中查看网页，确保没有变化。

3.插件问题。对于某些软件，如Flash插件，现在大部分浏览器都已安装此类插件。如果网页中播放视频，就需要考虑浏览器是否需要安装相应插件，此时最好在网站中说明并提供插件和播放器的下载。现在许多电影网站都做得很好，它们都提供播放器和插件的下载！

二、创建站点

规划好站点后，就可以使用专门的网页开发软件创建站点了。

在创建站点之前，应在磁盘上创建一个文件夹，用于存放站点内的所有资源。如果站点资源丰富，可以建立子文件夹存放相应资源。例如：站点文件夹为myweb，子文件夹images用于存放图片，upfiles用于存放上传的文件，admin用于存放站点后台程序等。创建站点在Dreamweaver软件中操作简单，本站已提供相应的视频教程，如不熟悉，可查阅。

刚建立的站点是空的文件夹，用户首先需要设计站点结构。在制作专业网站之前，要有一个详细的计划，这样虽然会耗费一些人力和物力，但总比出现问题后再修改要好得多。

在网站规划中，一个很重要的问题是确定站点结构。设计站点结构，需确定站点子栏目；设计站点结构，需确定图片、多媒体文件的存放位置；设计站点结构，需设计导航条。专业网站中，必须要有导航条。

三、搜集资源

确定好站点目标和结构后，接下来要做的就是搜集有关网站的资源，包括以下资源：

1.文字资料：文字是网站的主题。无论是什么类型的网站，都离不开叙述性的文字。离开了文字，即使图片再华丽，浏览者也不知所以然。因此，制作一个成功的网站，必须提供足够的文字资料。

2.图片资料：网站的一个重要要求是图文并茂。如果只有文字，浏览者可能会觉得枯燥无味。文字的解说加上相关的图片，可以让浏览者了解更多信息，增强印象。

3.动画资料：在网页上插入动画可以增添页面的动感效果。现在Flash动画在网页上应用相当广泛，因此建议大家学习Flash制作动画的相关知识。

4.其他资料：例如网站上的应用软件、音乐网站上的音乐文件等。

四、页面布局

设计站点结构和搜集了足够的资源后，就可以开始布局页面了。在Dreamweaver中，可以通过以下方式排版：

1.利用表格进行排版：表格主要有三个元素－表格、行和列及单元格，而且表格还可以嵌套。但在此建议不要将所有网页都放在一个大表格中，嵌套最好不要超过3层，因为这样会增加浏览器解析时间，降低访问速度。

2.利用层进行排版：层适合自由排版，现在WEB标准建议排版时抛弃表格。但初学者学习层排版时还需学习其他相关知识，其中最重要的是CSS和JavaScript。使用CSS辅助层可以对网页实现排版，解决表格带来的烦恼。如果对WEB标准感兴趣，那么应该好好学习CSS！

3.利用布局视图进行排版：在Dreamweaver MX 2004中有专门的布局视图，初学网页设计时可以使用它进行排版。

4.利用框架进行排版：它是一种用浏览器窗口显示多个网页的形式。前几天记得有人在论坛中求网页格式的课件，网页格式的课件大部分是用框架做出来的。

五、编辑文档与超级链接

经过上述几个步骤后，所有准备工作都已就绪，现在可以将收集到的资料和制作的组件放入页面布局中，为它们指定位置。

将元素插入网页布局后，文字字号、风格、颜色相同；图片大小不一。因此，此时需要对各种元素进行编辑，例如，改变文本字体、字号、颜色、大小等，调整图片大小、表格等，调整按钮行为等！

插入到网页布局之后，文字均为统一字号、风格、色彩；图片尺寸各异。因此，此时需对各类元素进行编辑，例如，调整文本字体、字号、色彩、尺寸等，对图片进行尺寸、表格的调整，按钮功能的调整等等！

联系是网页的核心。浏览者在浏览网页时，点击网页设定的超级链接可跳转至相关页面，因此，一个优秀的网页是离不开联系的。

六、发布网站

网站的发布

网站发布即把网站上传至互联网，以便供浏览者浏览。上传前需检查域名和主页空间的申请状况，以及网页和网站的连接状况等。建议最好安装IIS，本站内均提供了iis5.01、iis6.0、iis5.0的安装程序。

上传软件通常采用FTP，上传至服务器中申请的域名下（具体可查看申请空间时，他人提供的开通信息），上传软件通常有CuteFTP、LeadFTP等

网站的维护

网站发布后还需经常对网站进行维护。网站维护即不断优化网站功能和更新网页内容。维护网站的目的在于使网站结构规划合理、内容与形式统一、主题鲜明，经常更新网页内容，使网站与时俱进。

如何自学网页设计

先学习HTML，挑选一本易懂的教材，以浏览为主，无需记住所有概念，只需掌握使用原理即可，此阶段大约三天即可；然后花两天时间学习CSS，方法同上；进而再花些时间了解JavaScript。

然后就可以用记事本尝试编写几个网页，切记此时不要使用那些可视化工具，如FrontPage、Dreamweaver（这些以后再学）。

有一个提高自己“编写网页”的捷径，就是上各大网站，将网页保存下来（什么？你说你不会保存网页？就是“文件→另存为”），然后打开保存下来的网页，点击右键→查看源文件，看看别人的网页是如何编写的，然后模仿他们的写法，不断规范自己的代码。嘿嘿，这个方法不错吧。先好好模仿一下吧。

接下来该学习Fireworks了。建议一开始就到网上找些实例教程，这些实例教程一般都介绍得很详细，跟着它一步一步做下来，每学会一个实例就掌握了几项操作，而且也有了自己的作品，很有成就感，长期积累下来对自己的提高很有帮助。学习Fireworks主要是学习图片处理，如添加一些效果，还有很重要的就是切图，这对于初学者来说是很重要的。

这时还可以结合Dreamweaver进行学习，你就可以体会到Dreamweaver和Fireworks的无缝集成了。利用这些工具多做几个网页，你就可以达到一定水平了。

要是想让你的网页多一些炫目的效果，建议你学习一下Flash，难度并不大，而且要是前面的JavaScript基础打得好的话，学到Flash中ActionScript时，你会有一种似曾相识的感觉，因为这两种语法几乎是一模一样的。

到这时，相信你就可以真正领会到“网页三剑客”的威力了。

在实践中不断提升

要是每天能抽出两个小时来学习，完成以上这些学习大约只需20天。要是天赋高的话（比如说像我这样的，呵呵)，所需时间就更少了。接下来该实习了，找个地方锻炼一下自己，如可以去一些公司做兼职，或是为自己的单位设计一下主页等。

最好是能进入一个正规的开发团队，你就会学会如何以团队合作的方式开发网站，特别是如何与程序组合作，将页面与后台程序数据库配合起来。可能你会担心自己是新手，人家会嫌弃你，没关系，只要努力去找，总会有机会的。

到此，你就基本可以称为是一个“准Web设计师”了，不过要从根本上提高自己，最好去学学美术，这是成为一个网页设计师的基本功。