演练1创建基本网页.docVIP

演练：在 Visual Web Developer 中创建基本网页 本演练对 Microsoft Visual Web Developer 进行了简单介绍。它指导您使用 Visual Web Developer 来创建简单页，演示了创建新页、添加控件以及编写代码的基本技术。 本演练中阐释的任务包括： 创建文件系统网站。 熟悉 Visual Web Developer。 在 Visual Web Developer 中创建单文件的 ASP.NET 页。 添加控件。 添加事件处理程序。 运行页。 创建文件系统网站 打开 Visual Web Developer。 在“文件”菜单上单击“新建网站”。 出现“新建网站”对话框，如下面的屏幕快照所示。 “新建网站”对话框 在“Visual Studio 已安装的模板”之下单击“ASP.NET 网站”。 创建网站时需要指定一个模板。每个模板创建包含不同文件和文件夹的 Web 应用程序。在本演练中，您将基于“ASP.NET 网站”模板创建网站，该模板创建一些文件夹和几个默认文件。 在“位置”框中选择“文件系统”框，然后输入要保存网站网页的文件夹的名称。 例如，键入文件夹名“C:\WebSite”。 在“语言”列表中单击“Visual C#”。 您选择的编程语言将是网站的默认语言。但是，可以通过使用不同的编程语言创建页和组件而在同一个 Web 应用程序中使用多种语言。 单击“确定”。 Visual Web Developer 创建该文件夹和一个名为 Default.aspx 的新页。新页创建后，Visual Web Developer 默认以“源”视图显示该页，在该视图下您可以查看页面的 HTML 元素。下面的屏幕快照显示了一个默认网页的“源”视图。 默认页的“源”视图 Visual Web Developer 教程 在您继续使用页之前，先熟悉一下 Visual Web Developer 开发环境是很有用的。下面的插图显示了在 Visual Web Developer 中可用的窗口和工具。 Visual Web Developer 环境的关系图 熟悉 Visual Web Developer 中的 Web 设计器 检查上面的插图并将插图中的文本与下面的列表相互对应起来，该列表描述了最常用的窗口和工具。（并不是您看到的所有窗口和工具都列在这里，列出的只是上图中标记的那些窗口和工具。） 工具栏。提供用于格式化文本、查找文本等的命令。一些工具栏只有在“设计”视图中工作时才可用。 显示网站中的文件和文件夹。 文档窗口。显示您正在选项卡式窗口中处理的文档。单击选项卡可以实现在文档间切换。 属性窗口。允许您更改页、HTML 元素、控件及其他对象的设置。 视图选项卡。向您展示同一文档的不同视图。“设计”视图是近似 WYSIWYG 的编辑图面。“源”视图是页的 HTML 编辑器。您将在本演练的后面部分中使用这些视图。如果希望以“设计”视图打开网页，可在“工具”菜单上单击“选项”，选择“HTML 设计器”节点，并更改“起始页位置”选项。 。提供可以拖到页上的控件和 HTML 元素。工具箱元素按常用功能分组。 显示数据库连接。如果服务器资源管理器在 Visual Web Developer 中不可见，请在“视图”菜单上单击“其他窗口”，然后单击“服务器资源管理器”。 注意 您可以按自己的喜好重新排列窗口和调整窗口大小。“视图”菜单允许您显示附加窗口。 创建一个新的 Web 窗体页 当您创建新的网站时，Visual Web Developer 将添加一个名为 Default.aspx 的 ASP.NET 页（Web 窗体页）。您可以使用 Default.aspx 页作为网站的主页。但是在本演练中，您将创建并使用一个新页。 将页添加到网站 关闭 Default.aspx 页。为此，右击包含文件名的选项卡并选择“关闭”。 在解决方案资源管理器中，右击网站（例如，“C:\WebSite”），然后单击“添加新项”。 在“Visual Studio 已安装的模板”下单击“Web 窗体”。 在“名称”框中键入“FirstWebPage”。 在“语言”列表中，选择您希望使用的编程语言（“Visual Basic”、“C#”或“J#”）。 创建网站时您已指定了一种默认语言。但是，每次为网站创建新页或组件时，可以更改默认语言。可以在同一网站中使用不同的编程语言。 清除“将代码放在单独的文件中”复选框。下面的屏幕快照显示了“添加新项”对话框。 “添加新项”对话框 在本演练中，您将创建一个代码和 HTML 在同一页的单文件页。ASP.NET 页的代码可以在页或单独的类文件中找到。单击“添加”。 Visual Web Dev