57、开发 Web 应用程序全攻略

开发 Web 应用程序全攻略

1. 设计 Web 表单

1.1 HTML 表格在设计中的应用

HTML 表格是设计 Web 表单用户界面的重要工具，它能方便地对齐表单元素。例如，可将静态文本和文本框分别放置在不同列中，还能设置列的对齐方式，如将第一列右对齐，第三列左对齐，第二列留空作为间隔。

1.2 插入表格的方法

• 通过菜单插入 ：选择“Table”菜单中的“Insert Table”，在弹出的对话框中设置表格布局选项。
• 使用工具箱控件 ：从“Toolbox”窗口的“HTML”部分选择“Table”控件，会在表单上放置一个基本的 3×3 表格，可通过拖动右侧和底部的手柄调整大小。

表格边框在设计视图中可见，但运行时默认不可见，可通过设置“Border”属性使其显示。

1.3 调整行高和列宽

• 调整列宽 ：将鼠标悬停在列的右边界双杠上，当光标变为左右箭头时，按住鼠标拖动边界，列内会显示以像素为单位的宽度。
• 调整行高 ：将鼠标悬停在行的下边界，当光标变为上下箭头时，拖动鼠标和边界，列内会显示以像素为单位的高度。

1.4 插入和删除行与列

可通过“Table”菜单中的相关选项，相对当前选中单元格插入或删除行与列，插入的行或列会继承所选行或列的属性。具体操作如下：
|操作|方法 1|方法 2|