（5）在 Visual Web Developer 中创建 Web 部件页.docVIP

演练：在 Visual Web Developer 中创建 Web 部件页 在本部分演练中，将创建一个使用 Web 部件控件显示静态内容的页。使用 Web 部件的第一步是创建具有两个必需的元素的页。首先，Web 部件页需要一个 HYPERLINK /zh-cn/library/system.web.ui.webcontrols.webparts.webpartmanager(VS.80,ide).aspx WebPartManager 控件来协调所有 Web 部件控件。其次，Web 部件页需要一个或多个区域，区域是包含 HYPERLINK /zh-cn/library/system.web.ui.webcontrols.webparts.webpart(VS.80,ide).aspx WebPart 或其他服务器控件并且占据页上的指定区域的复合控件。 注意 您无需执行任何操作即可启用 Web 部件个性化设置；Web 部件控件集默认启用该设置。在网站上第一次运行 Web 部件页时，ASP.NET 会设置默认的个性化设置提供程序来存储用户个性化设置。有关个性化设置的更多信息，请参见 HYPERLINK /zh-cn/library/z36h8be9(VS.80,ide).aspx Web 部件个性化设置概述。 创建包含 Web 部件控件的页 关闭默认页并添加一个名为 WebPartsDemo.aspx 的新页。 切换到“设计”视图。 确保在“视图”菜单中选中“非可视化控件”和“详细信息”选项，以便查看不具有用户界面的布局标记和控件。 在设计图面上将插入点放在 div 标记前，然后按 Enter 添加一个新行。 将插入点放置在换行符之前。从工具栏中的“块格式”列表中选择“标题 1”，并在该标题中添加文本“Web 部件演示页”。 从“工具箱”的“WebParts”选项卡中，将一个 WebPartManager 控件拖动到该页上，将它放在新行字符与 div 的开始标记之间。 WebPartManager 控件不呈现任何输出，因此在设计器图面上显示为灰色的框。 将插入点放置在 div 标记内。 在“布局”菜单中单击“插入表”，然后创建一个包含一行三列的表。单击“单元格属性”按钮，从“垂直对齐”下拉列表中选择“顶端对齐”，单击“确定”，并再次单击“确定”创建表。 将一个 HYPERLINK /zh-cn/library/system.web.ui.webcontrols.webparts.webpartzone(VS.80,ide).aspx WebPartZone 控件拖动到该表左边的列中。右击该 WebPartZone 控件，选择“属性”，再设置下面的属性： ID：SidebarZone HeaderText：Sidebar 再次将一个 WebPartZone 控件拖动到该表中间的列中，并设置下面的属性： ID：MainZone HeaderText：Main 保存该文件。 页中现在具有两个能够单独控制的不同区域。但是，这两个区域中都没有任何内容，因此下一步就是创建内容。此演练中使用的是仅显示静态内容的 Web 部件控件。 Web 部件区域的布局由 zonetemplate 元素指定。在区域模板内可以添加任何 ASP.NET 控件，无论是自定义 Web 部件控件、用户控件还是现有服务器控件。注意，现在使用的是 HYPERLINK /zh-cn/library/system.web.ui.webcontrols.label(VS.80,ide).aspx Label 控件，其中仅添加了静态内容。如果在 WebPartZone 区域中放置常规服务器控件，则在运行时，ASP.NET 将该控件视为 Web 部件控件，并在控件上启用 Web 部件功能。 为 Main 区域创建内容 在“设计”视图中，从“工具箱”的“标准”选项卡中将一个 Label 控件拖动到 ID 属性设置为 MainZone 的区域的内容区域中。 切换到“源”视图。 注意，添加了一个 zonetemplate 元素来包装 MainZone 中的 Label 控件。 为 asp:label 元素添加一个名为 title 的属性，并将属性值设置为 Content。从 asp:label 元素中移除 Text=Label 属性。在 asp:label 元素中，添加一些文本，如“h2欢迎访问本主页/h2”。代码如下所示： HYPERLINK javascript:CopyCode(ctl00_LibFrame_MainContent_ctl34other); 复制代码 asp:webpartzone id=MainZone runat=server headerte