互联网观察 网站建设 网站运营 网上创业 电子商务 建站软件 建站软件教程 网站开发 网页制作 收藏本站
建站常识 | 域名 | 主机 | 网上开店 | 搜索引擎优化 | 网站推广 | 网络赚钱 | 站长经验 | 个人建站 | 网站设计 | 网页特效 | wap网站

Dreamweaver MX 2004设计留言本实战(组图)


  9月份设计界最热的消息莫过于Macromedia公司的StudioMX2004了,朋友们都很关心新版软件的新特性,那么就让我通过这个留言本的教程跟大家一起体验StudioMX2004中的Dreamweaver MX 2004(以下简称DW2004)吧。

  一、IIS(Internet 信息服务)安装配置

  这里以WindowsServer2003(以下简称Win2003)为例。因为Win2003是服务器级的操作系统,所以自带有IIS6.0,其它版本的系统可以在添加或删除程序>>添加/删除Windows组件对话框中把Internet信息服务(IIS)前的勾选中,点下一步进行安装就行了(注:在这之前应把系统安装盘放到光驱)。

Dreamweaver MX 2004设计留言本实战(组图)(图一)
  IIS装好之后再作一下简单的配置。定位到开始>>管理工具>>Internet信息服务(IIS)管理器,打开IIS管理器。在本地计算机>>网站>>默认网站上右键单击,在快捷菜单里选属性(或者直接在操作菜单下选属性),弹出如下对话框:

Dreamweaver MX 2004设计留言本实战(组图)(图二)
  切换到主目录标签(图2),重新选择网站根目录(笔者选择的是E盘下的Work目录),默认是系统盘:\\\\\\\\Inetpub\\\\\\\\wwwroot,因为系统盘不宜放太多的非系统文件,所以在这里重设默认网站要目录,如果嫌麻烦可以跳过这步。再切换到文档标签,通过添加、删除、上移、下移,把站点的默认文档设置如图所示:

Dreamweaver MX 2004设计留言本实战(组图)(图三)
  :1

  可能有些朋友会疑惑,设置默认内容文档有什么作用?细心的朋友应该会发现,在浏览一些大网站的首页时用它的一级域名就行了,并不需要指定请求页的文件名,这就是设置了默认内容文档的缘故,它的作用就是在浏览器请求没有指定文档的名称时,将默认文档提供给浏览器。要得到更详尽的解释说明,可以点击图3中的帮助。之所以有这步,是因为网站的默认内容页中没有index.asp,不大符合国人习惯。

  二、数据库设计

  先构想一下,一个功能齐全的留言本应该有哪些内容需要保存?访客名字(Name)、访客主页(Homepage)、访客QQ(QQ)、访客信箱(Email)、访客形象(ICON)、访客IP(IP)、留言内容(Content)、留言时间(Date)这是访客的有关信息,如果主人要回复留言呢?好,再加上回复(Reply)和回复时间(RDate),嗯......再想想有没有漏掉什么?对了,还有主人的管理帐号:用户名(Username)、密码(Password)。

  要保存这么多信息,数据库应该怎么设计?访客的留言是不断增加的,而主人的管理帐号固定不变,所以应该分开两个表,一个保存所有访客的留言和访客的资料信息,另一个则保存主人的管理帐号。OK,现在可以开始设计数据库了。打开ACCESS(在微软的Office软件中有)软件,新建一空白数据库,ACCESS会提示先保存数据库,定位到你的留言本所在文件夹(笔者是在站点根目录下建了一个guestbook文件夹),保存为data.mdb:

Dreamweaver MX 2004设计留言本实战(组图)(图四)
  :2

  然后双击使用设计器创建表,完成后如图:

Dreamweaver MX 2004设计留言本实战(组图)(图五)
  为了优化数据库,有些字段需要作点设置:

  ID:设为主键,确定数据唯一性以保证在管理时能准确定位到相应记录

  Name:字段大小设为15(很少有人的名字有这么长的吧?)

  Email:字段大小为20(也很少有Email地址的长度超过这个数字)

  ICON:字段大小为6(看完后面的教程就明白为什么设这么小了)

  IP:字段大小为15(可以算出来,四个三位长的数字再加三个小数点)

  Homepage:字段大小为30(很多朋友还在用二级甚至三级的域名,所以放宽一点)

  Date:默认值为Now ()(用Now()取得插入新记录时系统的时间)

  关闭表窗口,会提示是否保存对表的修改,选是,然后把表名改为main,同理创建表admin,以保存管理帐号:

  最后还需要一个记录IP对应地址的表,这个IP库可以在网上搜索一下,或者到http://x-lover.com/temp/ip.mdb下载,然后打开数据库data.mdb,在文件菜单下选择获取外部数据>>导入,再在弹出的对话框里选择刚才下载的数据库,导入,选择address表,确定,现在数据库data.mdb中应该有这样的三个表:

Dreamweaver MX 2004设计留言本实战(组图)(图六)
  :3

  至此,准备工作全完成。

  程序运行配置完了,废话不多说,直接开始我们的DW MX 2004的体验之旅吧。

  三、DW的站点定义

  上一节我们在IIS里把站点根目录定义在E:\\\\\\\\Work,现在进到这个目录下新建一文件夹并命名为geustbook。

  打开DW,在Site菜单下找到Manage Sites...项单击,见下图:

Dreamweaver MX 2004设计留言本实战(组图)(图七)
  打开Manage Site对话框,点New ...,在出来的下拉菜单里选Site定义新站点:

Dreamweaver MX 2004设计留言本实战(组图)(图八)
  跟着新站点定义向导一步一步来定义我们的留言板站点。在站点名称上填上geustbook:

Dreamweaver MX 2004设计留言本实战(组图)(图九)
  :4

  继续下一步的后台技术选择,这里我们选择用VBScript作脚本的ASP:

Dreamweaver MX 2004设计留言本实战(组图)(图十)
  点Next>继续下一步的站点文件夹设置,因为我们现在是在本地测试,而且gustbook文件夹在E:\\\\\\\\Work\\\\\\\\guestbook,所以设置如下:

Dreamweaver MX 2004设计留言本实战(组图)(图十)
  点Next>继续下一步的设置DW的测试URL:

Dreamweaver MX 2004设计留言本实战(组图)(图十二)
  :5

  继续下一步,因为我们在本机测试,不需要远程服务器参与,所以选择No:

Dreamweaver MX 2004设计留言本实战(组图)(图十三)
  点Next>继续下一步,这里显示的是我们刚才所填的信息,目的是要我们确认一下,如果发现有错,可以点back

Dreamweaver MX 2004设计留言本实战(组图)(图十四)

  细心一点的朋友也许会发现,在站点定义对话框上有两个标签:Base和Advanced,其实用途是一样的,只不过Base是一步一步的向导模式,而Advanced是给对DW有一定了解的朋友用的高级模式,有兴趣的朋友可以自行切换到Advanced模式看看。

  




上一篇:Ultradev教程5.1:简单网站后台
下一篇:教程/dreamweaver/高级 深入DREAMWEAVER插件的奥秘(5)
相关分类
网页制作 (4121)
  html教程 (591)
  css教程 (546)
  Dreamweaver教程 (1006)
  JavaScript教程 (834)
  网页制作技巧 (378)
  网页特效 (766)
 



版权所有 Copyright© 2006 黑马建站宝典 联系方式:heima123#gmail.com