网页表格表单设计

《网页表格表单设计》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网页设计上机实验报告学院名称管理学院专业（班级）姓名（学号）指导教师倪丽萍实验一1.实验要求：设计一张表格，并在表格当中填充文本，要求样式如下图所示：第1个单元格第2个单元格第3个单元格第4个单元格第5个单元格第6个单元格2.设计方法及思路：利用Dreamweavercc2014软件进行代码的设计。在主体中添加表格代码，用

2、标记表格的列。然后用colspan合并第一行的第一、第二个单元格，并删除一行列标记代码。得到一个合并单元格，如上图所示的第1个单元格，用rowspan合并第一行的第二个单元格和第二行的第三个单元格，删除一行列标记。得到一个合并的单元格，如上图所示的第2个单元格。再用colspan合并第三行的第二个和第三个单元格，删除一行列标记，得到如图所示的第6个单元格。再根据属性要求，设置字体（fontface标记），字体大小（fontsize标记），字体颜色（fontcolor），对其方式（align）。这样的话就可以得到一个经过处理后的表格。附实验一代码：

3、ypehtml>第一个单元格第二个单元格第三个单元格第四个单元格

4、>第五个单元格第六个单元格实验结果截图：实验二1.实验要求：设计一个会员注册表单，如下图所示：2.实验思路：一开始设计的时候，仅仅只是一行一行的设计下来，这样会导致“用户名”、“密码”这些文本，没有如上图所示的对齐，一开始设计的思路是在这些文本前面加 ，空格标记来使这些文本对齐，但是不方便，而且不美观，因此后来采用表格的设计思路，设计一个8行2列的表格，然后将需要填充的文本或者输入域放置

5、到单元格中，再在单元格中设计对齐方式，这样的可以很方便的设计对齐方式。3.设计步骤：在body中添加一个

6、可得到上图的效果。在第二列中添加输入域，添加输入域的方法，可以在插入-表单选项中选择相应的输入域，或者直接输入代码。设置输入域的属性，比如输入域的名字，值，以及初始的值。附实验二代码：!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

7、ent="text/html;charset=gb2312"/>填写注册信息