### 设计 Web 页面

1. 布局页面

通过两种方法可以实现布局 Web 页面，一个是 Table 表格布局 Web 窗体，另一个是 CSS+DIV 布局 Web 窗体。使用 Table 表格布局 Web 窗体，将 Web 窗体中添加一个 Html 格式表格，然后根据位置的需要，向表格中添加相关文字信息或服务器控件。使用 CSS+DIV 布局 Web 窗体需要通过 CSS 样式控制 Web 窗体中的文字信息或服务器控件的位置，这需要精通 CSS 样式，在此就不做详细介绍。

2. 添加服务器控件

添加服务器控件即可以通过拖拽的方式添加，也可以通过 ASP.NET 网页代码添加。例如，通过这两个方法添加一个 Button 按钮。

· 拖拽方法

首先，打开工具箱，在【标准】栏中找到 Button 控件，然后按住鼠标左键，将 Button 按钮拖拽到 Web 窗体中指定位置或表格单元格中，最后松快鼠标左键即可如图 1 所示。

· 代码方法

打开 Web 窗体的源视图，将 Button 控件指定位置，例如放置到表格单元格<td>标记中。

<td>

<asp:Button ID="Button1" runat="server" Text="Button" />

</td>

图 1 添加 Button 控件