Dreamweaver制作动态网页.ppt

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