设计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控件