使用Visual Studio添加控件 Visual Studio(与ASP.NET)对Web开发的底层技术做了包装。正如您在之前章节看到的,Web开发要追溯到 20世纪 70年代中期的"终端-主机"时代。不过,现在终端变成了复杂的浏览器,计算平台变成了Web服务器(或 Web场),并且用户遍及全球。客户端浏览器与服务器进行一次交互,客户端收到的只是服务器状态的一个快照。这是因为构建 Web用户界面的标记语言是以非连接协议为基础的。 在 Visual Studio中构建应用程序非常像是在开发桌面应用程序。使用Visual Studio,开发者不必花大量时间录入 ASP风格的代码。"设计器"是以可视方式设计 Web UI的理想工具。 为学习如何使用Visual Studio,下面我们使用服务器端控件来开发一个简单的页面。该页面看起来与前面给出的示例页面差不多。 使用Visual Studio构建一个页面 1.在 Visual Studio中,新建一个"ASP.NET空 Web应用程序"。将该项目命名为ControlsORama,如下图所示。 2.添加默认页面。 在项目节点上右击,依次选择"添加"-""|"新建项"命令。在"添加新项"对话框列出的模板中,选择"Web窗体",将其命名为 Default.aspx,并单击"确定"按钮。Visual Studio会打开Default.aspx标记的编辑窗口。单击编辑框口底部的"设计"选项卡,将当前视图切换至"设计"视图(见下图)。 Visual Studio生成的ASP.NET页面包含一个 HTML
标签。在"设计器"中修改页面元素后,为查看 Visual Studio生成的代码,可以单击设计窗口底部的"源"选项卡。Visual Studio还提供了一个贴心的"拆分"视图,可以同时看到"设计"和"源"视图的内容。 在"设计"视图中输入的文本会显示在页面顶部。单击虚线框的内部,然后输入 Page in Visual Studio。下图展示了插入文本后的"设计"视图。 3.编辑页面上文本的格式。 为此,我们需要查看页面的属性。将文本选中,并在之上右击,选择"属性"命令。在"属性"窗口中选择Style属性。此时,对应的值字段会显示一个省略号按钮( )。单击该按钮会打开"修改样式"对话框。在这个对话框中,我们可以修改
的属性,其中包括字体样式和大小。按下图所示设置font-family、font-size和font-weight的值,并单击"确定"按钮。 4.单击Visual Studio左侧的"工具箱"选项卡来打开"工具箱"窗口,如下图所示。 5.插入一个换行标记(
),从"工具箱"中拖放一个Label控件到页面上,然后按下图所示选择它。(Visual Studio的"设计器"会在该标签的上端添加...