最近评论
正在载入评论列表...
学习导读
通过第3章，我们生成了新的页面，浏览之后，是不是感觉很满意，如果感觉不错，那就说明页面处理过程已经掌握，但还不是高兴的时候，因为生成的页面部分，只是网站建设的开端，真正的建站历程还很漫长，分别要实现用户的注册、登录、文章的管理、留言板的制作、BBS的生成及购物页的生成等。这些功能的实现是要在代码视图下完成的。书写代码、编写程序，贵在思路清晰，如果思维混乱，就会出现错误，特别是当错误找不出来时，那种痛苦是很煎熬的。
那么这一部分是不是很难？确切地说，只要掌握了方法，问题并不是很难，但切记要跟着本书一步一步来做，并及时进行反思总结。经过几段代码的书写，你会迅速进入代码创作中，一旦这种思维形成后，这部分内容就会变得轻松起来，网站建设就会提升到一个新的高度。
掌握新知：Dreamweaver的使用和ASP语法要点；
操作重点：注册表单的构成、数据库的结构、登录设计及验证码的显示设计等；
难点把握：验证码功能的实现、数据库的连接及不同登录情况下功能的实现。
大音希声，大象无形，还是赶快行动吧……
静态页面生成后，就要为页面添加各种功能，比如网站的登录、注册、文章的搜索、显示文章和上传图片等，同时还要对网站的内容添加管理功能并能实现网上购物、BBS论坛和留言板等，这些功能的实现都需要一定的代码来完成。本书是基于ASP技术来完成上述功能的。从这一章起将分别向大家介绍这些功能是怎样实现的，静态页面又是怎样动起来的。
4.2.1 注册页面构成（1）
注册页面所要实现的效果如图4-10所示。
图4-10
在网站的根目录下建立一个页面，命名为register.asp，这就是注册页面，根据前面的分析，其代码构成如下。
1．<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
2．<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/
TR/xhtml1/DTD/xhtml1-transitional.dtd">
3．<html xmlns="http://www.w3.org/1999/xhtml">
4．<head>
5．<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
6．<title>用户注册</title>
7．<style type="text/css">
8．<!--
9．.jt3 {
10． color: #FF6633;
11．}
12．input {
13． background-color: #6699FF;
14．}
15．textarea {
16． background-color: #6699FF;
17．}
18．-->
19．</style>
20．</head>
21．<body >
22．<!--#include file="include/up.htm"-->
23．<table width="755" background="images/qcsb_r2_c21.jpg"cellpadding="0"
24．cellspacing="0" align="center">
25．<tr><td width="260"> </td><td>
26．<table width="350" align="center"cellpadding="0" cellspacing="5" >
27．<tr><td height="10"></td></tr>
28．<tr><td colspan="2"><font size="4" color="#FF6600"><b>----用户注册信息
29．----</b></font></td></tr>
30．<tr><td height="20"></td></tr>
31．<form action="" method="post" name="reg">
32．<tr><td class="jt3">用户账号：</td><td><input type="text" name="user"
33．size="16"></td></tr>
34．<tr><td class="jt3">用户密码：</td><td><input align="center" type="password"
35．name="password" size="16"/></td></tr>
36．<tr><td class="jt3">确认密码：</td><td><input type="password" name="password1"
37．size="16"/></td></tr>
38．<tr><td class="jt3">电子邮件：</td><td><input type="text" name="email"
39．size="25"/></td></tr>
40．<tr><td class="jt3">个人主页：</td><td><input type="text" name="index"
41．size="25"/></td></tr>
42．<tr><td class="jt3">自我简介：</td><td><textarea rows="7" cols="30"
43．></textarea></td></tr>
44．<tr><td class="jt3" colspan=2><table cellpadding=0 cellspacing=0 width=100
45．align="center">
46．<tr><td ><input type="submit" value="提交"></td><td><input type="reset" value=" 重置
47．"></td></tr>
48．</table></td></tr>
49．</form>
50．</table>
51．</td><td width="180"> </td></tr></table>
52．<!--#include file="include/down.htm"-->
53．</body>
54．</html>
代码释义：
第7~19行，为定义的样式，分别对表单内的文字颜色、表单域背景进行设置。
第22行和第52行，分别引用了网页的页头和页脚两个独立的网页。
第23~51行，在表格内写进了表单，分别包含了用户账号、密码、密码确认、电子邮件、个人主页及个人简介等。对表单各项一定要命好名，这是下面提交后变量获得的值，而这个值是要写入数据库的。这里要引起大家注意的是，由于在网页页头与页脚中是由切割生成的网页，它的列数都是固定的，我们在加入新的表格时，为了使所加的内容正好居中，可以采用在两侧分别定义空的列并定义其宽度，然后在中间的列中嵌套一个表格的方法，而使其对齐到中间，如第25、26及51行；
第44~48行，嵌套了一个表格，用来使【提交】与【重置】按钮对齐到网页中间。
一点通 嵌套表格中要注意的
嵌套表格是制作网页必不可少的内容，大家在使用嵌套表格时，一定要思路清晰，最好有个草稿，这样在具体制作过程中，就不会显得混乱。另外在分析表格时，也要先在浏览器中观看效果，然后再回过头来分析，也可在设计视图下来观看，不过一旦有包含页在里面，则这种显示效果就不会再看到，因此对嵌套表格的写入一定要仔细认真，这样才会使制作效率不断提高，否则一旦发现问题再回过头来在代码视图下观看表格，对谁来说都是很困难的事情。
图书导读
