现在咱们要做一个网站，只要求单纯静态页面设计的情况很少了，要么就是设计像易趣、淘宝这样的网络店铺页面，或者是博客页面。要创建一个完整的网站，大家都会应用一套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风格了。不过作者认为自己制作C