网站设计项目实战
实验一
一、实验目的
1.熟练使用层、表格等布局元素完成表单界面的设计
二、实验内容
1.设计如图所示的163邮箱注册界面
2.具体要求如下：
1)页面整个布局使用三个居中的层完成，分别是#divshang，#divzhong和#divxia，
三个层的样式如下图所示
2)在中间层（divzhong）内部设计表单<form>，表单中使用表格完成元素和标签
文字的布局
3)定义的表格包含7行2列，左侧列根据需要设置文本，如“邮件地址”，右侧
列设置相应的表单元素，元素的name和id在图中已经给定，元素样式要求如下：
1.#emailaddr和#useryzm宽度都是220px
2.#psd1,#psd2,#phoneno宽度都是320px
3.上面表单元素的边框都是1像素实线#66f
4)表单与表格的嵌套关系如下
<form….>
<table…>
<tr>
<td class=’td1’>文字</td>
<td class=’td2’>表单元素</td>
</tr>
</table>
</form>
5)。