使用Dreamweaver制作留言簿.ppt

1、使用Dreamweaver制作留言簿,-此教程将指导您在不编写ASP代码的情况下开发一个简易的留言簿,全屏播放网络课件,下载PPT课件,一、创建站点文件夹和数据库,操作提示：1、双击桌面上“我的电脑”图标，打开“我的电脑”窗口,一、创建站点文件夹和数据库,操作提示：2、双击“E盘“图标，打开“E盘”,一、创建站点文件夹和数据库,操作提示：3、在空白处右单击，选择新建/文件夹，创建wwwroot文件夹,一、创建站点文件夹和数据库,操作提示：4、双击wwwroot文件夹图标，打开wwwroot文件夹,一、创建站点文件夹和数据库,操作提示：5、右单击空白处，选择新建/Microsoft Office

2、 Access 应用程序，建一个Access数据库guest.mdb,一、创建站点文件夹和数据库,操作提示：6、双击guest.mdb文件图标，打开guest数据库,一、创建站点文件夹和数据库,操作提示：7、出现安全警告对话框，点击”否“进入下一步,一、创建站点文件夹和数据库,操作提示：8、点击”是“进入下一步,一、创建站点文件夹和数据库,操作提示：9、点击“打开”进入下一步,一、创建站点文件夹和数据库,操作提示：10、双击“使用设计器创建表”，开始创建表,一、创建站点文件夹和数据库,操作提示：11、输入字段名称，并为时间字段设置默认值now(),一、创建站点文件夹和数据库,操作提示：12、保

3、存为guest表,一、创建站点文件夹和数据库,操作提示：13、保存时提示是否创建主键，点击“是”创建编号字段为主键,一、创建站点文件夹和数据库,操作提示：14、设置完成后，关闭当前表,一、创建站点文件夹和数据库,操作提示：15、双击guest表名，打开guest表,一、创建站点文件夹和数据库,操作提示：16、依次输入9条数据并保存,一、创建站点文件夹和数据库,操作提示：17、再次使用设计器创建用户表,一、创建站点文件夹和数据库,操作提示：18、输入字段username和password,一、创建站点文件夹和数据库,操作提示：19、在username上右单击，设置username为主键,一、创建

4、站点文件夹和数据库,操作提示：20、保存为user表,一、创建站点文件夹和数据库,操作提示：21、双击user表名，打开user表,一、创建站点文件夹和数据库,操作提示：21、录入1条数据并保存，最后关闭表和数据库,一、创建站点文件夹和数据库,二、配置ODBC数据源,二、配置ODBC数据源,操作提示：1、依次点击“开始/设置/控制面板”，打开控制面板窗口,操作提示：2、打开“管理工具”,二、配置ODBC数据源,操作提示：3、打开ODBC数据源管理器,二、配置ODBC数据源,操作提示：4、切换到“系统DSN”选项卡，点击“添加”按钮添加数据源,二、配置ODBC数据源,操作提示：5、选择驱动程序“

5、Microsoft Access Driver(*.mdb)”,二、配置ODBC数据源,操作提示：6、输入数据源名guest，点击 “选择”按钮定位数据库,二、配置ODBC数据源,操作提示：7、选择站点下的数据库guest.mdb,二、配置ODBC数据源,操作提示：8、完成后点“确定”按钮退出,二、配置ODBC数据源,操作提示：9、ODBC数据源guest配置完成,二、配置ODBC数据源,三、配置IIS运行环境,三、配置IIS运行环境,操作提示：1、打开Internet信息服务(IIS)管理器,操作提示：2、在默认网站上右单击，选择属性，打开站点属性窗口,三、配置IIS运行环境,操作提示：3、

6、转到“主目录”选项卡，点击“浏览”按钮定位站点主目录,三、配置IIS运行环境,操作提示：4、选择e:wwwroot作为站点主目录,三、配置IIS运行环境,操作提示：5、点击“配置”按钮,三、配置IIS运行环境,操作提示：6、转到“选项”选项卡，选中“启用父路径”,三、配置IIS运行环境,操作提示：7、转到“文档”选项卡，点击“添加”按钮,三、配置IIS运行环境,操作提示：8、添加index.asp作为默认内容页,三、配置IIS运行环境,操作提示：9、至此IIS运行环境配置完成,三、配置IIS运行环境,四、配置站点和测试服务器,四、配置站点和测试服务器,操作提示：1、打开Dreamweaver,

7、操作提示：2、点击”站点/新建站点”,四、配置站点和测试服务器,操作提示：3、设置站点名称为guest，再点击本地根文件夹右边的图标,四、配置站点和测试服务器,操作提示：4、选择e:wwwroot作为本地根文件夹,四、配置站点和测试服务器,操作提示：5、在左边分类中选择“测试服务器”,四、配置站点和测试服务器,操作提示：6、选择服务器模型”ASP VBScript“,四、配置站点和测试服务器,操作提示：7、选择访问方式”本地/网络”,四、配置站点和测试服务器,操作提示：8、站点和测试服务器配置完成,四、配置站点和测试服务器,五、设置首选参数,五、设置首选参数,操作提示：1、依次点击“编辑/首选

8、参数”,操作提示：2、在“常规”分类的“编辑选项”中取消“使用CSS而不是HTML标签”,五、设置首选参数,操作提示：3、在”新建文档”分类中设置默认文档为”ASP VBScript“,五、设置首选参数,六、创建显示留言功能页面,六、创建显示留言功能页面,操作提示：1、依次点击”文件/新建”,操作提示：2、选择“动态页”类别中的”ASP VBScript“动态页,六、创建显示留言功能页面,操作提示：3、依次点击”文件/保存”,六、创建显示留言功能页面,操作提示：4、将显示留言功能页面保存为index.asp,六、创建显示留言功能页面,操作提示：5、依次点击”插入/表格”,六、创建显示留言功能页

9、面,操作提示：6、设置表格参数,六、创建显示留言功能页面,操作提示：7、录入表格标题,六、创建显示留言功能页面,操作提示：8、打开“应用程序”面板的“数据库”项，点“+”创建DSN数据源,六、创建显示留言功能页面,操作提示：9、输入连接名称conn，选择数据源名称guest,六、创建显示留言功能页面,操作提示：10、打开“应用程序”面板的“绑定”项，点“+”创建记录集,六、创建显示留言功能页面,操作提示：11、输入记录集名称rs，选择连接conn，表格guest，按编号降序排列,六、创建显示留言功能页面,操作提示：12、将绑定的数据项拖到网页相应位置,六、创建显示留言功能页面,操作提示：13、

10、合并主题和内容后的单元格,六、创建显示留言功能页面,操作提示：14、设置整个表格间距为1，背景色为淡灰色,六、创建显示留言功能页面,操作提示：15、再设置表格内所有单元格背景色为白色，得到细线表格,六、创建显示留言功能页面,操作提示：16、点击预览图标，预览填充动态数据后的效果,六、创建显示留言功能页面,操作提示：17、如果预览效果正常，再进行下一步操作，否则请修正错误,六、创建显示留言功能页面,操作提示：18、选中整个表格，点击“插入/应用程序对象/重复的区域”,六、创建显示留言功能页面,操作提示：19、设置每页显示的记录条数,六、创建显示留言功能页面,操作提示：20、选中表格，按右光标键，

11、按Shift+Enter，插入空行隔开表格,六、创建显示留言功能页面,操作提示：21、点击”插入/应用程序对象/记录集分页/记录集导航条”,六、创建显示留言功能页面,操作提示：22、选择显示方式,六、创建显示留言功能页面,操作提示：23、设置完成以后，点预览图标预览网页效果,六、创建显示留言功能页面,操作提示：24、如果预览效果正常，进入下一步，否则修正错误,六、创建显示留言功能页面,七、创建添加留言功能页面,七、创建添加留言功能页面,操作提示：1、创建添加留言功能页面文件add.asp,七、创建添加留言功能页面,操作提示：2、使用”插入/应用程序对象/插入记录/插入记录表单向导”,七、创建添

12、加留言功能页面,操作提示：3、设置连接、表名、字段等相关属性,七、创建添加留言功能页面,操作提示：4、添加留言功能页面制作完成,八、创建管理留言登录页面,八、创建管理留言登录页面,操作提示：1、创建管理留言登录页面文件login.asp,八、创建管理留言登录页面,操作提示：2、点击”插入/表单/表单”，插入一个表单,八、创建管理留言登录页面,操作提示：3、插入一个4行2列的表格,八、创建管理留言登录页面,操作提示：4、格式化表单并录入标题,八、创建管理留言登录页面,操作提示：5、在用户名后的单元格中插入一个文本域,八、创建管理留言登录页面,操作提示：6、设置文本域名称为username，宽度为

13、20，字符限制为50,八、创建管理留言登录页面,操作提示：7、在密码后面的单元格插入一个文本域，设置名称为username，字符宽度为20，限制字符为50，类型为密码,八、创建管理留言登录页面,操作提示：8、插入一个按钮,八、创建管理留言登录页面,操作提示：9、设置按钮的显示值为”登录”,八、创建管理留言登录页面,操作提示：10、插入”应用程序对象/用户身份验证/登录用户”,八、创建管理留言登录页面,操作提示：11、设置输入、验证、转到等各项的值,八、创建管理留言登录页面,操作提示：12、管理留言登录页面制作完成,九、创建管理留言列表页面,九、创建管理留言列表页面,操作提示：1、打开显示留言页

14、面index.asp,九、创建管理留言列表页面,操作提示：2、点击“文件/另存为”,九、创建管理留言列表页面,操作提示：3、保存为manage.asp,九、创建管理留言列表页面,操作提示：4、设置表格的行数为4行,九、创建管理留言列表页面,操作提示：5、输入标题和用于跳转到删除页面的链接文字,九、创建管理留言列表页面,操作提示：6、为删除创建超链接，链接地址为delete.asp,九、创建管理留言列表页面,操作提示：7、设置超链接的参数，名称为编号，并动态获取字段值,九、创建管理留言列表页面,操作提示：8、选择动态数据“编号”,九、创建管理留言列表页面,操作提示：9、确定进入下一步,九、创建管

15、理留言列表页面,操作提示：10、确定进入下一步,十、创建删除留言功能页面,十、创建删除留言功能页面,操作提示：1、创建删除留言功能页面文件delete.asp,十、创建删除留言功能页面,操作提示：2、绑定记录集，并设置筛选项,十、创建删除留言功能页面,操作提示：3、从管理页面manage.asp中复制表格，删除管理后的超链接,十、创建删除留言功能页面,操作提示：4、插入一个表单和按钮，设置按钮值为”确认删除”,十、创建删除留言功能页面,操作提示：5、插入”应用程序对象/删除记录”,十、创建删除留言功能页面,操作提示：6、设置连接、表格、记录、主键、表单、转到等项,十、创建删除留言功能页面,操作提示：7、进入代码视图，选中第三行重复的内容,十、创建删除留言功能页面,操作提示：8、删除第三行重复的内容，否则会因变量重定义而出错,十一、创建管理留言退出页面,十一、创建管理留言退出页面,操作提示：1、创建管理留言退出页面文件logout.asp,十一、创建管理留言退出页面,操作提示：2、选择页面载入注销方式，完成后转到显示留言页面,十一、创建管理留言退出页面,操作提示：3、管理留言退出页面制作完成,十二、完善超链接，限制对