Dreamweaver制作动态网页.ppt

《Dreamweaver制作动态网页.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Dreamweaver制作动态网页DSN数据源的设置Dreamweaver站点的定义注册与登录设计留言板设计注册与登录设计对于一个具有动态页面的网站来说，最重要的就是与用户进行交互，为了得到稳定的客户源，或其他原因，需要用户注册成为网站的会员才能使用网站的其他功能。因此，必须设计一个让用户可以注册以及登录的网页。总体设计：主要包含以下几项：配置ODBC数据源；编写一个与数据库进行连接的ASP文件；设计登录页面；设计一个注册的页面；编写对数据库进行操作的相关ASP文件；编写对登录/注册操作成功/失败

2、进行处理的页面。详细设计：一、分析网站设计内容，划分出页面组成及元素二、确立数据库及建立数据库表三、配置设计环境四、设计登录页面五、设计注册页面一、分析网站内容，划分页面组成及元素中文名文件名对象名类型备注登录页面Login.asp用户名称文本域用户密码文本域注册按钮转到注册页面登录按钮提交登录表单注册页面Register.asp用户名文本域类型为单行密码文本域类型为密码确认密码文本域类型为密码注册按钮动作为无清除按钮动作为重设表单注册成功页面RegisterSuccess.html登录链接转到登

3、录页面注册失败页面RegisterFailure.html返回链接转到注册页面登录成功页面Main.html返回链接提示登录成功登录失败页面LoginFailure.html返回登录页面链接转到登录页面注册新用户链接转到注册页面二、确立数据库及建立数据库表建立一个名为USER的Access数据库，在这个数据库里面只需要一个数据表USER。数据表中各字段设计如下表：字段名称数据类型字段大小必填字段允许空字符串备注User文本18是否用户名，主键Password文本18是否密码在Access中实现建立

4、数据库清单步骤：1、启动MicrosoftAccess，单击右侧“新建文件”任务窗格中的“空数据库”选项，则会弹出“文件新建数据库”对话框，提示数据库保存的位置，数据库名为user.mdb。保存完毕后，显示新建的user数据库开始界面。2、在新建的数据库开始界面中双击“使用设计器创建表”选项，打开表设计器设计数据表。在设计器“字段名称”列中分别输入上页数据表中的字段名称，然后在“数据类型”下拉列表项中选择该字段的数据类型。然后在下面常规选项卡中对字段大小、格式、必填字段、是否允许空字符串等进行设置

5、。3、对于用户名和密码字段的设计，其大小一般用户名限制在20位以内，密码限制在15位以内。对密码字段一定进行加密，最简单的办法是单击Password字段的“输入掩码”栏，再单击右边显现的…按钮，弹出“输入掩友向导”对话框。在“输入掩码”列表框中选中“密码”一栏，单击“完成”按钮。这样，在数据表中的密码就全部以*表示了。4、选择user字段，然后右击鼠标，在弹出的快捷菜单中选择“主键”命令，将此字段设置为主键。最后执行菜单栏上的“文件-保存”命令，将弹出“另存为”对话框，将此表保存为user。5、双

6、击user数据表，向数据表中输入用户名和密码，数据库建立完成。三、配置设计环境1、定义IIS站点先在硬盘上建立一个用来存放站点上以后所要建立起来的网页的目录，命名为mysite。将IIS默认站点的名字更改为自己想要的名称。然后将本地网站上建立一个虚拟目录，别名为刚才在硬盘上建立的目录mysite。2、建立Dreamweaver站点在Dreamweaver8起始页执行菜单栏的“站点-管理站点”命令，在打开的“管理站点”对话框中单击“新建”按钮，来新建一个Dreamweaver站点。步骤为：（1）在D

7、reamweaver8菜单栏中选择“站点-管理站点”命令，打开“管理站点”对话框，在对话框中单击“新建”按钮，然后在弹出的菜单中选择“站点”命令，将弹出“站点定义为”对话框。（2）在对话框中默认显示的是“基本”选项卡，在“基本”选项卡中可以根据向导来定义站点，也可以用“高级”选项卡来定义站点。在“名称”文本框中，输入站点名字“我的小站”，单击下一步，进入下一界面。（3）此页面询问是否使用服务器技术，选中“是，我想使用服务器技术”单选钮。然后在“哪种服务器技术”下拉列表中选择服务器使用的动态网页技术

8、，单击“下一步”，进入下一页面。（4）在此页面中会询问如何使用文件的问题，可以选中“在本地进行编辑和测试”，并在此页面的文本框中输入或选择文件在计算机中的路径。单击“下一步”，进入下一页面。（5）在此界面会询问如何连接到测试服务器，可以在其下拉列表中选择“本地/网络”然后在下面文本框中输入测试文件夹在服务器上的位置。单击“下一步”，进入下一界面。（6）在此界面中需要设置浏览站点的URL，并单击“测试URL”按钮来检查输入的URL是否正确。单击“下一步”，进入下一界面。（7）在此界面