• Dreamweaver教程
  • FrontPage教程 Flash教程 CSS教程 javascript教程
    当前位置:教程 > 网页制作 > Dreamweaver教程 > 正文

    DreamWeaver打造Web查询系统

    编辑:教程网 来源:网络 时间:2011年11月06日 15:43
    本教程假设您对 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。

  • 原文来自 教程网 转载请注明:http://www.websmill.com/wangye/Dreamweaver/31622.html

  • 上一篇:网页特效之文字来回出现
  • 下一篇:网站设计多媒体教程:制作首页