Dreamweaver制作动态网页PPT课件

计器“字段名称”列中分别输入上页数wenku.baidu.com表中的
字段名称，然后在“数据类型”下拉列表项中选
择该字段的数据类型。然后在下面常规选项卡中
对字段大小、格式、必填字段、是否允许空字符
2020串年9月等28日进行设置。
7
3、对于用户名和密码字段的设计，其大小一般用户 名限制在20位以内，密码限制在15位以内。对密码 字段一定进行加密，最简单的办法是单击Password 字段的“输入掩码”栏，再单击右边显现的…按钮， 弹出“输入掩友向导”对话框。在“输入掩码”列
开“ODBC数据源管理器”对话框。
（2）在“文件DSN”选项卡中，单击“添加”
文本域
注册
按钮
登录
按钮
Register.asp
用户名
文本域
密码
文本域
确认密码
文本域
注册
按钮
清除
按钮
RegisterSuccess.html 登录
链接
RegisterFailure.html 返回
链接
Main.html
返回
链接
LoginFailure.html 返回登录页面 链接
注册新用户 链接
备注
转到注册页面 提交登录表单 类型为单行 类型为密码 类型为密码 动作为无 动作为重设表单 转到登录页面 转到注册页面 提示登录成功 转到登录页面 转到注册页面
2数020年据9月库28日建立完成。
8
三、配置设计环境
1、定义IIS站点 先在硬盘上建立一个用来存放站点上以后
所要建立起来的网页的目录，命名为mysite。 将IIS默认站点的名字更改为自己想要的名 称。然后将本地网站上建立一个虚拟目录， 别名为刚才在硬盘上建立的目录mysite。
2020年9月28日
Dreamweaver
DSN数据源的设置 Dreamweaver站点的定义 注册与登录设计 留言板设计
2020年9月28日
1
注册与登录设计
对于一个具有动态页面的网站来说，最 重要的就是与用户进行交互，为了得到稳 定的客户源，或其他原因，需要用户注册 成为网站的会员才能使用网站的其他功能。 因此，必须设计一个让用户可以注册以及 登录的网页。
二、确立数据库及建立数据库表 三、配置设计环境 四、设计登录页面 五、设计注册页面
2020年9月28日
4
一、分析网站内容，划分页面组成及元素
中文名 登录页面
注册页面
注册成功页面 注册失败页面 登录成功页面 登录失败页面
2020年9月28日
文件名
对象名
类型
Login.asp
用户名称
文本域
用户密码
2020年9月28日
11
（6）在此界面中需要设置浏览站点的URL， 并单击“测试URL”按钮来检查输入的URL是 否正确。单击“下一步”，进入下一界面。
（7）在此界面中，从对话框中选择“否，不 启用存回和取出”单选钮，单击“下一步”， 进入下一界面。
（8）在此界面中将显示刚才定义的站点信息， 检查设置的信息有没有错误。如果正确单击 完成“按钮”。
2020年9月28日
2
总体设计：
主要包含以下几项：
配置ODBC数据源；
编写一个与数据库进行连接的ASP文件；
设计登录页面；
设计一个注册的页面；
编写对数据库进行操作的相关ASP文件；
编写对登录/注册操作成功/失败进行处理的
页面。 2020年9月28日
3
详细设计：
一、分析网站设计内容，划分出页面组成 及元素
2020年9月28日
12
3、建立数据源
根据ODBC数据源知识，新建一个名为login的 系统DSN，在数据源名文本框中输入“login”选择数据库“user.mdb”。步骤为：
（1）执行“开始-设置-控制面板”命令，或 者执行“开始-程序-管理工具”命令，在“管 理工具”窗口中双击“数据源”图标，将打
9
2、建立Dreamweaver站点
在Dreamweaver8起始页执行菜单栏的“站点-管理站 点”命令，在打开的“管理站点”对话框中单击 “新建”按钮，来新建一个Dreamweaver站点。步骤 为：
（1）在Dreamweaver8菜单栏中选择“站点-管理站 点”命令，打开“管理站点”对话框，在对话框中 单击“新建”按钮，然后在弹出的菜单中选择“站 点”命令，将弹出“站点定义为”对话框。
5
二、确立数据库及建立数据库表
建立一个名为USER的Access数据库，在这个 数据库里面只需要一个数据表USER。数据 表中各字段设计如下表：
字段名称 数据 类型
User
文本
字段大小 必填字段 允许空字 备注 符串
18
是
否
用户名，主键
Password 文本 18
是
否
密码
2020年9月28日
6
在Access中实现建立数据库清单步骤：
（4）在此页面中会询问如何使用文件的问题，可以 选中“在本地进行编辑和测试”，并在此页面的文 本框中输入或选择文件在计算机中的路径。单击 “下一步”，进入下一页面。
（5）在此界面会询问如何连接到测试服务器，可以 在其下拉列表中选择“本地/网络”然后在下面文本 框中输入测试文件夹在服务器上的位置。单击“下 一步”，进入下一界面。
1、启动Microsoft Access，单击右侧“新建文件” 任务窗格中的“空数据库”选项，则会弹出“文
件新建数据库”对话框，提示数据库保存的位置，
数据库名为user.mdb。保存完毕后，显示新建的 user数据库开始界面。
2、在新建的数据库开始界面中双击“使用设计器 创建表”选项，打开表设计器设计数据表。在设
（2）在对话框中默认显示的是“基本”选项卡，在 “基本”选项卡中可以根据向导来定义站点，也可 以用“高级”选项卡来定义站点。在“名称”文本 20框20年中9月2，8日输入站点名字“我的小站”，单击下一步，10
（3）此页面询问是否使用服务器技术，选中“是， 我想使用服务器技术”单选钮。然后在“哪种服务 器技术”下拉列表中选择服务器使用的动态网页技 术，单击“下一步”，进入下一页面。
表框中选中“密码”一栏，单击“完成”按钮。这
样，在数据表中的密码就全部以*表示了。
4、选择user字段，然后右击鼠标，在弹出的快捷菜 单中选择“主键”命令，将此字段设置为主键。最
后执行菜单栏上的“文件-保存”命令，将弹出“另 存为”对话框，将此表保存为user。
5、双击user数据表，向数据表中输入用户名和密码，