1、在插入栏中选择按钮或“插入”菜单>选“表格”。系统d出表格对话框如下图。这些参数我们都已经认识了。行：2。列：2。其余的参数都保留其默认值。。Dreamweaver网页制作教程：表格设计2、在编辑视图界面中生成了一个表格。表格右、下及右下角的黑色点是调整表格的高和宽的调整柄。当光标移到点上就可以分别调整表格的高和宽。移到表格的边框线上也可以调整。（如下图）Dreamweaver网页制作教程：表格设计3、在表格的第一格按住左键不放，向下拖拽选中二格单元格。（如下图）Dreamweaver网页制作教程：表格设计然后在展开的属性面板中选择合并单元格按钮（如下图红框所示）。将表格的单元格合并。如果要分割单元格，则可以用合并单元格按钮右边的按钮。Dreamweaver网页制作教程：表格设计合并结果如下图。Dreamweaver网页制作教程：表格设计4、用鼠标拖拽表格的边框调整到适当的大小。5、单击左边的单元格，然后输入“摄影作品赏析”文字，并调整大小，因是竖排应每个字回车一次。如果需要调整格子的大小。只需要鼠标的光标移动到边框上拖拽即可。6、在右边上下单元格内分别插入和文本。页面的基本样子有了。Dreamweaver网页制作教程：表格设计7、光标移动到表格的边框上单击。表格周围出现调整框，表示选中整张表格。然后，在属性面板中将“边框”值设置适合的值，如果为0，边框在编辑状态，为虚线显示，浏览时就看不见了。一个符合要求的页面在表格的帮助下做好了。通过上面的 *** 作我们对于表格有了一个初步的认识。还要提示一点，对整幅表格 *** 作和对一个单元格 *** 作的时候，相应的属性面板是不同的。表格颜色设置，选择整幅表格后，利用属性面板的颜色选择器设置背景色。单元格也可单独设置。鼠标在需要设置的单元格点一下，其余 *** 作同上。下面我们就来看看这些属性面板的区别。表格的属性面板，要出现这个面板必须先选中整幅表格，方法上面已经提到过了。您可以在众多选项中填入需要的参数。如下图：Dreamweaver网页制作教程：表格设计选中了单元格之后属性面板就发生如下变化了。选择行或者列都属于选中单元格。如下图：Dreamweaver网页制作教程：表格设计对表格 *** 作的几种常用方式：合并：将选中的连续单元格合并成为一个单元格。分割：将一个单元格分割成若干单元格。水平对齐方式：分为（左）（中）（右）三种。垂直对齐方式：分为（顶）（居中）（居底）（基线对齐）表格还可以增加或者删除行或者列。在一个单元格中单击鼠标右键。在右键菜单中选择表格选项>>选择“插入行或列”。系统会d出对话框如下。Dreamweaver网页制作教程：表格设计在对话框里填入数据即可。最后要说的是选中表格中的各种元素的方法：选中一行，把光标移到该行的最左边单元格的左面，光标会变成箭头状。单击就可以选中一行。选中一列，把光标移到该列的最上边单元格的上面，光标会变成箭头状，然后单击可以选中一列。选中整张表格，把光标移到表格的左上角或右边框或下边框线上。单击即可选中整幅表格。选中的表格会在周围出现一个黑框表示整张表格选中了。请看如下示意：选中单元格。单元格可以同时选中多个。选择连续的单元格，光标先选中的一个单元格，按shift键不放，选取最后一个单元格。选不连续的单元格。按住Ctrl键，点取所需要的单元格即可。我们对于表格的使用就讲到这里，表格是网页制作的基本技术，只有通过不断实践才能充分掌握。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "http://wwww3org/TR/xhtml1/DTD/xhtml1-transitionaldtd">
<html xmlns="http://wwww3org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<form action="" method="post" name="form">
<table width="501" border="0" align="center">
<tr>
<td colspan="2" align="center"><h2>请留下个人资料</h2></td>
</tr>
<tr>
<td width="122" align="right">姓名：</td>
<td width="363"><label>
<input type="text" name="textfield" />
</label></td>
</tr>
<tr>
<td align="right">电话：</td>
<td><input type="text" name="textfield2" /></td>
</tr>
<tr>
<td align="right">E-mail：</td>
<td><input type="text" name="textfield3" /></td>
</tr>
<tr>
<td align="right">性别：</td>
<td><label>
<input type="radio" name="radiobutton" value="radiobutton" />
男
<input type="radio" name="radiobutton" value="radiobutton" />
女</label></td>
</tr>
<tr>
<td align="right">年龄：</td>
<td><label>
<select name="select">
<option value="0">-请选择-</option>
<option value="1">20岁以下</option>
<option value="2">20-30岁</option>
<option value="3">30岁以上</option>
</select>
</label></td>
</tr>
<tr>
<td align="right">留言板：</td>
<td><label>
<textarea name="textarea"></textarea>
</label></td>
</tr>
<tr>
<td align="right">您的爱好</td>
<td><label>
<input type="checkbox" name="checkbox" value="checkbox" />
运动
<input type="checkbox" name="checkbox2" value="checkbox" />
阅读<br/> <input type="checkbox" name="checkbox2" value="checkbox" />
听音乐 <input type="checkbox" name="checkbox2" value="checkbox" />
旅游
</label>
</td>
</tr>
<tr>
<td colspan="2" align="center"><label>
<input type="submit" name="Submit" value="提交" />
</label>
<label>
<input type="reset" name="Submit2" value="全部重写" />
</label></td>
</tr>
</table>
</form>
</body>
</html>把代码 粘上就是你要的样子了
table表格布局是以前的老技术了，布局繁琐切维护成本太高，现在的技术主流是XHTMLCSS2布局，比table更易布局且维护成本大大降低，更有一些框架技术，可以大大的提高项目效率。
当然，时下最新的技术是HTML5CSS3，不过现下的技术环境来说普遍的还不够理想。
1、登陆自己的博客；点“发文”→“显示源代码”，进入代码编辑页面；复制前面“工具／原料”中给的那组代码，粘贴至编辑器。
2、增加行。
复制一段代码，重复粘贴。
3、增加列。
复制其中一段，重复粘贴。
4、调整背景。
将地址换成自己的地址（可以是静止的，可以是动态的。
5、调整表格颜色。
在颜色代码表查找自己喜欢的颜色，复制，在代码中更换。
6、添加网页链接地址。
添加代码：＜ahref=\"地址＂target=\"_blank\">
7、效果。
建议正常的WEB开发就可以，前端HTML，JS，CSS，后端Java或者net都可以，数据库随便
需要将Excel表格生成网页的话，需要考虑一些第三方的Excel表格控件来集成到你的系统中用来在网页中显示Excel，比如：SpreadJS
关于你提出的几点问题：
1、这个只要能支持Excel导入，就能实现你的需求，SpreadJS有Excel导入功能
2、你说的其实都是Excel本身的设计风格，上面说的用一些第三方的类Excel表格控件集成到系统中去做页面的Excel表格展示就可以完全做到。SpreadJS就是将Excel的电子表格在网页中去显示，所以显示的效果完全跟Excel一样
3、是基本的填报需求，SpreadJS中的数据绑定就可以实现类似的效果，将需要填报的单元格用绑定绑定起来，然后就可以获取到用户填写的相关信息，这样在存入数据库就可以完成
4、这个就是Excel的导出功能，SpreadJS就可以导出Excel并且导出内容保持基本一致。
5、Spread支持IE9及以上，并兼容常用的chrome，firefox，safari等主流浏览器。
1．当需要提交所有数据时，可以提交整个100个表，如果不使用表，可以逐个提交。
2．表格设计简洁美观，方形，与网页的设计非常一致。
3．网站其实是一个大版本的表格，数据和权重之间的数据库也与表格有联系，所以密不可分。
制作方法如下：
1．打开WPS表单并创建一个新的工作簿；
2．然后从多个表中选择要创建的表的行数和复制列数；
3．然后在工具栏顶部的insert函数下，查找表；
4．双击表格后会d出一个对话框，然后选择确定；
5．最后，表格将在您选择的区域自动生成，一个简单的表格已经准备好了。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）