DreamWeaver打造Web查询系统

　　本教程假设您对 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:

　　

　　下面，我们新建数据表，在窗口中选择“使用设计器创建数据表”，然后建立两个表，表名分别是行业情况表和电话号码表，分别取名为，hy和tele。

　　这里需要注意的是，我们通过在tele表里面建立hy_id字段，实现对行业表之间“一对多关系”的建立，以方便以后扩充行业情况。同时，在电话表里面除了配置基本的电话信息外，还配置了一些标志性字段。例如：Is_Top、Is_Good、Is_Pass。意义为：假如Is_Top的值是1，则此条信息将在电话号码本中的顶部显示。Is_Good 为推荐标志，假如此字段为1，则表示将用红字显示此条电话号码。而Is_Pass则表示，假如用户在线填写表单，那么填写的内容将不马上显示到查询结果中，而是需要以后通过我们的审核，审核通过后才能显示出来。那么，假如该字段为1，则表示已通过审核。以上三个字段默认值均为0。

　　至此，我们的数据库便建立完毕了。大家主要注意的是关系的建立和标志性字段的建立。这些将有效的提高我们程式的功能。

　　在下一部分中，我们将介绍设计网页图像并切图，让我们的网页有个最初的视觉效果。

　　假如网页中没有图像，那么效果一定很糟。对于网页图像的制作，每位朋友都有自己的制作方法。比如，有的朋友喜欢每用到一个图像画一个图像；有的朋友喜欢直接在别的网站找些Gif动画图像或将素材库里面的素材修改后直接插入到自己的网页中。至于那种方法比较好，我不准备评价，毕竟各有各的好处。

　　在这里，我说说我做网页的步骤：第一步是先用Photoshop建立一个760宽1000多象素高的画布，在这个花布上完成每个页面图像的绘制。假如网页中有Flash动画，便留下位置，以后在Flash中制作。第二步是将画好的页面切图。第三步，在Dreamweaver MX 中拼合这些切图。第四步，画下一个页面。周而复始，直至把任何的页面都画完。

　　这就是我画页面的步骤，当然，画页面也能够在Fireworks或Imageready中完成，用他们做页面的同时还能够建立动画或下拉菜单等更好的视觉效果。但因为我们主要以程式为主，因此就没有太追求更好的视觉效果。更有一部分人喜欢动态Flash站，他们的制作顺序只有Flash、ASP（假如用ASP做后台编程环境）和数据库，我也将在以后推出一个【用Flash MX 2004 ＋ Dreamweaver MX 2004 ＋ ASP ＋ Access2000 打造Flash留言本】的教程中介绍。

　　最后说一下，以上的步骤是个人建立网站时的步骤。假如您的网站规模比较大，有专门的程式员编写程式，也有相应的美工设计界面，至于数据库，甚至更有专门建立数据库的人员。那么建立的方法将不会仅仅这几步。毕竟我们网友中有很多人是个人搞网站，什么都由一个人来，那么本教程将很适合您。（但这种形式不是正规的形式，就像一个公司只有一个人搞，这样的公司怎么能搞大呢。但在我国互连网发展初期，只能如此了 ^_^）

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有