因为今天我刚接触了一个HTML标签,<frameset></frameset>。感觉效果还不错,便使用它设计了整体的框架。然后写了五个php文件,当然都非常简单的语句,php文件里嵌套了HTML语句,设计出了这个注册界面。实现非常简单,没有太多的功能。我现在先把注册界面的效果图贴出来,然后给出关键代码,最后给出完整代码:
这个界面看起来非常简单,可以看出大体分为了三个部分,上面一部分,下面两个部分。那么这三个部分就是用<frameset></frameset>进行分割的,这里先给出界面分区的代码贴出register.php(你可能会问为什么是php格式,其实php里面支持嵌入HTML代码):
<span style="font-size:18px;"><!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户注册</title>
</head>
<frameset rows="20%,*" frameborder="0">
<frameset cols="20%,*,20%" >
<frame />
<frame src="top.php" />
<frame />
</frameset>
<frameset cols="20%,20%,*,20%" >
<frame />
<frame src="left.php" />
<frame src="right.php" />
<frame />
</frameset>
</frameset><noframes></noframes>
</html>
</span>
这里关于HTML的格式不再解释。那么我首先在第7行用<frameset></frameset>把整个界面分成了上下两部分,属性是这么给定义的rows="20%,*"。rows是行的意思,然后想要分几行就写几部分,我这里分两行,第一行占整个界面的20%,然后逗号后面用了一个*,表示剩下的全给第二行,当然你可以写80%。后面一个属性frameborder设置每个部分间分割线的宽度,我这里设置为0,看起来舒服。由于我不希望这个注册界面占整个屏幕,那样会显得笨重,所以我在整个界面的第一部分又分成了三部分,也就是这句<frameset cols="20%,*,20%" >(这里说一下<frameset>是可以嵌套的)我这里把两侧各空出20%。中间一部分设置我要嵌入的界面,可以看到我嵌入了top.php这个界面,所以你也明白src这个属性的含义了。当你这个<frame>不需要界面时就不用这个属性了。就会置空。整个界面的下