实验在VWD中创建网页.doc

实验一 在 Visual Web Developer 中创建基本网页（2学时） [实验目的] 基本要求： 熟悉VWD开发环境，了解ASP.NET网页基本构成，掌握创建新页、添加控件以及编写代码的基本技术。 重 点： 熟悉ASP.NET页的创建方法。 难 点： 理解ASP.NET代码分离的编程原理。 [实验内容] 理论复习 静态网页与动态网页的区别是什么？ ASP.NET引擎的目的是什么？ 请观察ASP.NET网页，说明@Page指令的作用是什么？它是否会在浏览器中显示？在@Page中提供了哪些网页信息？ 请用500字左右比较一下目前最流行的动态网页技术。 综合演练 在 Visual Web Developer 中创建基本网页。 [综合演练实验步骤] ——在 VWD中创建基本网页 创建网站和网页 在本练习中，将创建一个网站并为其添加新页。还将添加 HTML 文本并在 Web 浏览器中运行该页。本练习创建一个不需要使用 Microsoft Internet 信息服务 (IIS) 的文件系统网站，将在本地文件系统中创建和运行页。 创建文件系统网站 打开 Visual Web Developer。 在“文件”菜单上指向“新建”，然后单击“网站”。 出现“新建网站”对话框，如下面的屏幕快照所示。 “新建网站”对话框 在“Visual Studio 已安装的模板”之下单击“ASP.NET 网站”。 创建网站时需要指定一个模板。每个模板创建包含不同文件和文件夹的 Web 应用程序。在本练习中，您将基于“ASP.NET 网站”模板创建网站，该模板创建一些文件夹和几个默认文件。 在“位置”框中选择“文件系统”框，然后输入要保存网站网页的文件夹的名称。 例如，键入文件夹名“C:\BasicWebSite”。 在“语言”列表中单击 “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:\BasicWebSite”），然后单击“添加新项”。 在“Visual Studio 已安装的模板”之下单击“Web 窗体”。 在“名称”框中键入“FirstWebPage”。 在“语言”列表中