如今我们要做一个网站，只需求单纯静态页面设计的情况很少了，要么就是设计像易趣、淘宝这样的网络店铺页面，或者是博客页面。要创建一个完整的网站，大家都会使用一套ASP、PHP的网站系统，然后再在系统的基础上设计网站的页面。因此如今的网站页面设计方式就和以前完全不同了。目前使用得比较广泛的免费的网站系统程序包括动易的网站管理系统（http://www.asp163.net)、动网旧事系统（http://www.aspsky.net），网站论坛以动网论坛最抢手。这些系统只需求到官方网站免费下载后就可以使用了，系统安装后生成一个整套的asp脚本编写的网站程序，用户只需求把文件上传到支持ASP的FTP空间上就要可以进入网站后台设计，设计网站的栏目、结构、添加网站内容等操作了。

　　下面我们就以动网旧事为例，向大家简单引见一下用网站系统创建互动网站的常规步骤与方法。希望大家能举一反三、触类旁通运用到实际中。

　　一、网站系统下载与安装

　　我们先下载好动网旧事网站程序，安装完成后，整个网站的相关文件如图1所示。

图1

　　这些文件只需求上传到FTP空间的某个目录下，再依据网站系统的说明书把有些文件放到FTP空间的根目录下，就可以在浏览器输入网站所在的URL地址，进入管理空间控制站点后台程序了。如图2，我们可以通过浏览器管理网站后台程序。

图2

　　如今几乎所有的免费网站程序结构都和上面引见的系统类似，只是功用设计上有所不同，由于大家习惯用这样的网站管理系统，所当前来的编程者也是按照这个模式来编写各种网站管理程序，如一些电子商务网站系统，结构也差不多。

　　在一个成熟的网站管理系统基础上设计网站页面，大家首先需求对网站系统的功用和结构十分熟悉才行。在掌握了手上的系统功用后，才能游刃不足的设计网站页面。所以这个网站制造的先后顺序千万别颠倒，否则设计好了页面过后才发现有些功用是系统实现不了的，到时候改起来就非常麻烦了。

　　二、修正数据库文件名

　　拿到上面的一套程序，由于是免费的，所以即便不懂ASP编程的朋友也要看看网站的说明书，修正网站的数据库文件名。如果直接拿来用数据库的文件名和地址都是免费程序提供的默认值，这样的网站实在是太不安全了，很多人都可以在浏览器中直接输入网站+数据库文件所在地址调出数据库来篡改网站数据库文件。例如动网旧事的数据库文件是在“db”目录下的，大家必须把这个目录下的文件名改为本人的，然后再修正网站调用数据库的cofig文件，动网旧事的cofig文件根目录下的“web.config”文件，用记事本打开它，可以看到系统调用数据库指向的地址（图3），在“db/...”后的数据库文件要用户本人更改才行，普通网站说明书对数据库名的修正有详细的引见。

图3

　　三、熟悉网站系统的标签

　　把网站程序和数据库都安装好当前，下面要看看网站程序使用的标签（或者叫函数），例如在系统的栏目中添加了新的栏目，这些内容要想在首页上体现出来，而且保证新添加了栏目或删除栏目后页面的格式不乱，那么就要看看网站系统的标签是怎样设计的。动网旧事的标签使用在系统说明书上写得比较清楚（图4）。

图4

　　例如要在首页上显示最新添加的文章，那么在首页设计的页面中显示最新旧事的位置处，添加“TopListSummary (Int32 cids,?Int32 topNum, bool showHits)”这一段标签，其中括号内的参数依据本人的需求来设置，控制能否显示文章点击的次数的参数是showHits，如果括号内有这个参数表示显示文章点击次数。括号内的每个参数都由本人的顺序，如果顺序错了，则设定的内容可能在页面上体现不出来。每个网站系统都有本人独有的标签格式，大家在选择使用哪个网站系统之前需求先了解一下标签的使用，看看功用能否强大，标签设计能否合理，能否能满足本人的需求。例如在旧事文章后面本人想要跟随一个图片，但标签的参数中没有设计能否显示图片的格式，则说明系统限制实现不了这个功用，那么本人就要重新考虑一下页面的设计版式了。

　　四、了解网站系统的模板和风格管理功用

　　接下来要看看网站页面该如何使用系统来制造了，基本上所有的网站程序都是将页面模板和网站风格款式（CSS）分开单独来设计的，例如动网旧事，进入网站后台程序后在“系统管理”（图5）中可以看到有“风格管理”和“模板管理”的选项。普通免费的系统程序都自带了一套完整的网页模板和风格，只是说如果大家都用这种自带的模板那么每个选择这套系统的网站都是一样的外观，没有区别，置信大家都不情愿本人的网站是和别人的相反吧，所以还得本人来设计页面才行。如今有很多朋友热衷于建立一个电子商务网站，有一些网站制造公司提供的整套电子商务网站售价可以低到500元/套，这样的东西价格是很便宜，但使用功用不强而且页面没有特色，其实拿来实际的用途并不大，所以要想省钱，大家只能本人掌握网页设计技术本人来做。

图5

　　在网站后台系统中添加模板很简单，我们只需求用Dreamwaver设计好html或asp的页面，在模板管理中添加一个新模板，并把模板归纳到首页、栏目页还是文章页面中，把代码直接拷贝到系统模板中（图6），再设计这个模板为当前使用形状，这样网站前台相应的位置上就可以看到效果了。

图6

　　小提示：页面模板中如果要调用网站后台添加的内容，则源代码中必需要包含需求使用到的各种标签才行。

　　网站的文字颜色、背景颜色、一些图片等效果是通过网站风格CSS来设计的，把网站所使用到的所有风格都保存在一个CSS文件中，再把它拷贝到网站后台风格管理中并使用（图7），前台的页面就可以用到本人设计的CSS风格了。不过作