dreamweaver cs6网页设计资料 项目九 使用表单 共66页资料.ppt

（ 2 ）单击“创建”按钮， Dreamweaver 将创建一个动态网页。选择“窗 口”∣“数据库”命令 ( 快捷键为 Ctrl+Shift+F10) ，打开“数据库”面 板，如图所示。 （ 3 ）根据对话框中的提示，建立站点并选择一种文档类型，在弹出的 “选择文档类型”对话框中选择一种文档类型，如图所示。 （ 4 ）单击 + 按钮，从下拉菜单中选择“数据源名称 (DSN) ”。在“连接名 称”文本框中为连接起一个名字，然后从“数据源名称 (DSN) ”下拉列表 中选择在前面创建的数据源 userinfo ，如图所示。如果有必要，在“用户 名”和“密码”文本框中输入用户名和密码。 （ 5 ）单击“测试”按钮， Dreamweaver 尝试连接到数据库。如果连接失 败，应复查该 DSN 。如果连接仍失败，应检查 Dreamweaver 用来处理动态 页的文件夹的设置。如果连接成功，会出现如图所示的对话框。 （ 5 ）单击“确定”按钮，回到“数据源名称 (DSN) ”对话框，再单击“确 定”按钮，完成数据源的连接。此时新连接出现在“数据库”面板上，如 图所示。 在此任务中，要将数据库用做动态网页的内容源，必须首先 创建一个要在其中存储检索数据的记录集。记录集在存储内 容的数据库和生成页面的应用程序服务器之间起一种桥梁作 用。 Web 页不能直接访问数据库中存储的数据，而是需要与 记录集进行交互。记录集是从数据库中提取的信息或记录的 子集。该信息子集是通过数据库查询提取出来的。 Dreamweaver 使用结构查询语言 (SQL) 来生成查询。 创建“我的留言板”动态网页 更新记录 先构想一下，一个功能齐全的留言本应该有哪些内容需要保存？访客名字 (Name) 、访客 QQ(QQ) 、访客信箱 (E-mail) 、访客形象 (ICON) 、留言内容 (Content) 、留言时间 (Date) 等访客的相关信息是需要保存的内容， 而如 果主人要回复留言呢？则还应再加上回复 (Reply) 。 另外还有主人的管理账号：用户名 (Name) ，密码 (Password) 也是需要保存 的内容。 之后就可以开始设计数据库了，打开 Access 软件，新建一个空白数据库， Access 软件会提示先保存数据库，定位到你的留言本所在的文件夹 (E:\work) ，将其保存为 data.mdb 。 （ 1 ） 新建 8 个页面 ( 在“新建文档”对话框中选择“ ASP VBScript ”类 型的文档 ) ，分别取名为 index.asp 、 post.asp 、 repost.asp 、 edit.asp 、 del.asp 、 login.asp 、 admin.asp 、 sorry.asp 。 （ 2 ）打开 index.asp ，并修改页面标题为“留言板首页”。插入一个 5 行 1 列的表格，宽度为 650 像素，边框粗细为 1 像素，单元格边距、单 元格间距均为 0 。选中表格把它设置为居中对齐；把光标定位到第一行的 单元格后，在属性面板中把它的高设为 35 ；同理把第二、四、五行单元 格的高都设为 20 ，再把第一行和第五行的单元格设置为水平居中对齐， 第二行和第四行的单元格为水平居右对齐；然后在各单元格里写上文字及 插入版权符号，最后页面如图所示。 （ 3 ）将鼠标光标定位到第三行的单元格里，插入一个 1 行 2 列的表格， 宽度设为 100% ，边框宽为 1 ；左边单元格的宽度设为 70 ，垂直顶端对齐， 并插入一个 2 行 1 列的表格，完成后效果如图所示。 （ 4 ）在新插入的表格的第一个单元格里插入一个头像 ( 头像在留言本目录 下 images/icon 里 ) ，并在第二个单元格里写上“访客昵称”，然后设置 两个单元格的水平对齐方式均为居中；在右边的大单元格里插入一个 3 行 1 列的表格，输入文字，设置水平对齐方式、单元格高度后如图所示。 （ 5 ）创建 ODBC 数据库的连接。在“应用程序”面板上选择“数据库” 标签，单击 按钮，选择“数据源名称 (DSN) ”，打开如图所示的对话框。 单击“定义”按钮，打开如图 所示的对话框。 选择“系统 DSN ”标签，单击“添加”按钮，打开“创建新数据源”，选 择您想为其安装数据源的驱动程序为“ Driver do Microsoft Access(*.mdb) ”，单击“完成”按钮，打开如图所示的对话框。 单击“选择”按钮，选择所创建好的 Access 数据库，单击“确定”按钮， 并在“数据