本教程假设您对 HTML 、Photoshop 6.0 、ASP 、Access 2000 、Web 配置已经很熟悉，同时对于 Dreamwaver MX 的静态、动态页面制作也有一定基础。如果您对以上技术不是很熟悉，请参考相关书籍，或到本站论坛探讨。
　　本教程是以本人所在城市的一个114电话号码查询程序为主介绍的，功能相对简单。因此，如果您看懂了本教程，那么，不难开发出更高级的程序了。
　　教程共分成8讲，分别是：第一讲：功能设计、第二讲：设计数据库、第三讲：设计网页图像并切图、第四讲：在Dreamweaver MX 中建立站点，并规划站点、第五讲：建立相关各个静态页面、第六讲：将静态页面修改为动态页面、第七讲：编制后台管理程序、第八讲：整体测试。

　　下面进行第一讲：功能设计

　　电话号码查询大家都知道可以通过114电话来查，但查询的结果仅包括电话对应的企业或个人的名称。其它的资料无法得到，而且还需要支付电话费，如果通过网络来实现，将会是很方便的。目前，互联网上的电话号码查询网站很多，他们的功能都很强大，不仅做到了最基本的电话号码查询，同时也包含了企业的资讯、企业的宣传、乃至会员企业的产品销售等活动。他们都属于电子商务类站点了。我们要设计的程序可没有他们那样复杂，那么，我们要实现是什么功能呢？我说一下简单的功能要求：

　　1、通过输入企业名称或户主名称查询电话号码；
　　2、企业资料包含企业的联系方式与经营介绍信息；
　　3、企业可以实现排名，热点企业可以显示在每次查询的企业推荐位置，实现更好的宣传；
　　4、企业的经营类别可以自定义，同时可以按照企业的经营类别查询电话号码；
　　5、没有登记的企业可以在线填写表格实现自动提交；
　　6、提供后台的管理。包括，企业提交表格的审核、企业的显示排名、重点推荐企业的设置等；

　　怎么样，功能是不是还凑合？下面我再说说我们的技术特点：

　　1、通过 Include（包含）的形式组织页面，使程序模块化；
　　2、使用 Photoshop 6.0 设计页面，同时切图，方便从整体角度构造页面布局；
　　3、在数据库中使用“一对多”关系来构造数据库，使其设计的更合理；
　　4、通过 Dreamweaver MX 设计页面，同时应用“数据库行为”来建立网页，使您身感 Dreamweaver MX 功能之强大；
　　5、手工修改 Dreamweaver MX 生成的代码并解释代码，让您开发出自己想要的功能。

　　怎么样，有信心吗？有的话就拿起鼠标，我们一起来！

　　我们的程序所用的数据库选择的微软的 Access 2000 ，选择他的原因是他比较小巧、包含在 Office 2000 中、适合于访问量和数据量不大的应用，同时也易于学习。如果您使用的是 SQL Server 2000 或是其它什么数据库，那么您可以根据本教程在您的数据库系统中建立相应的库。
　　我们打开 Access 2000，首先 Access 会在第一个屏幕让我们选择一个已有的数据库或是新建一个数据库，如果我们是初次使用，可以选择“空 Access 数据库”，这是系统会让我们输入数据库名和选择数据库对应的路径。如果是打开已经建立完毕的数据库，可以在下面的列表框里面选择一个已经存在的。或是选择“更多的文件...”

通过手工的方式定位数据库。如图2-1:

　　不管如何，我们会进入数据库的设计视图。如图2-2: