建立动态网站的详细步骤5、管理员登录的程序应用

5、管理员登录的设置步骤及代码解释第一步打开index.asp，在“公司新闻”导航条的最后面加上文字“管理入口”，并在属性的超级链接处输入“login.asp”。这样我们就可以通过单击首页的“管理入口”，来进行新闻管理。如下图所示。第二步将index.asp另存为“login.asp”。对login.asp进行编辑。将中间新闻部分全部删除，插入下图所示表格。第三步找到上一步所插入的表格，在其代码table和/table之间插入如图所示代码form…和/form：代码解释formname=loginmethod=postaction=admin.asp……/formform和/form用于生成一个表单。表单的作用是提交用户输入的数据。动态网页能够实现和用户的交互性，就在于可以使用表单提交用户输入的数据。Name表示表单的名字。Method表示提交数据的方式为post。action表示提交的数据全部发送到admin.asp这个文件里去了。第四步将表格的第一行和最后一行合并单元格。效果如下调整行高及宽度，设置字体效果，如下图所示：第五步在帐号的后面插入文本域。方法：插入—表单—文本域注意表单有多种控件。Input生成控件表单是用来提交数据的，我们可以利用表单控件来帮助用户输入数据。单击刚刚生成的文本域，即可看到如图所示的代码。文本域inputtype=textname=zhanghaoInput用来生成表单的控件。当type的值是text时，表示生成文本域。注意，不同的控件，type的值不同，并且注意，一定要给这个控件起一个唯一的名字。将name的值改为zhanghao。这个文本域就有了个名字zhanghao。第六步：密码框用刚才同样的方法，即可在第二行“密码”的后面，再生成一个文本域。单击该文本域，在属性栏里将“类型”改为“密码”。它就变成了一个密码框。如下图所示。将其name的值改为“mima”。注意，也可以直接在代码栏输入input代码生成控件。密码框inputtype=passwordname=mima用input生成了一个密码框。Type的值等于password时，表示生成一个密码框。将这个密码框的名字改为mima。第七步：命令按钮在表格的最后一行，插入两个命令按钮。方法：插入—表单—按钮。确定按钮inputtype=“submit”name=“Submit”value=“确定”用input生成一个确定按钮。当type的值为submit时表示生成确定按钮。Value的值即按钮上要显示的文字。将value的值改为“确定”，则按钮上显示“确定”两个字。清除按钮清除按钮即重设铵钮，帮助用户清除所填写的内容。单击第二个按钮，在属性栏将类型改为“重设表单”。清除按钮inputtype=“reset”name=“Submit2”value=“清除”用input生成了一个清除按钮，当type的值为reset时，表示生成一个清除按钮。Value的值会显示在按钮上，将value的值改为“清除”。表单及其控件表单是动态网页一个非常重要的内容。表单可以让用户输入相关的数据，然后将这些数据发送到指定的asp文件中去（使用action参数）。表单有许多控件，常见的有文本域、单选按钮、复选框、下拉菜单等，请大家自行在DreamWeaver中插入这些控件，并查看其代码，要求能熟记表单及其控件的代码！浏览效果如下图所示：