《Web程序设计》实验指导书(适合运算机科学与技术专业)
运算机与信息工程系
2020年7月
目录
实验概述 (1)
实验项目一运用XHTML标记进行网页设计 (5)
实验项目二运用ASP.NET内置对象完成Web程序设计（一） (7)
实验项目三运用ASP.NET内置对象完成Web程序设计（二） (10)
实验项目四运用效劳器控件完成页面设计 (12)
实验项目五采纳页面切换与导航技术完成网页设计 (14)
实验项目七利用Ado进行数据库程序设计（二） (17)
实验项目八熟悉与运用ASP.NET AJAX大体控件 (18)
实验项目九  Web综合程序设计 (19)
实验概述
一、课程实验概况
学习Web程序设计课程的目的是能够开发基于Web的应用软件，是在了解Web程序大体原理和技术的基础上，进行Web程序的编程能力学习和训练，要熟练地把握Web程序设计的全进程，包括：开发环境的构建、开发工具的利用、独立编写程序、各类调试技术、程序运行结果分析。
上机实验的目的，不单单是为了验证教材和讲课的内容，或验证自己所编写的程序的正确与否。Web程序设计课程上机实验的目的是：
1．加深对教学内容的明白得，尤其是各类Web技术的应用。
2．熟练把握经常使用的开发工具。
3．学会上机调试程序。通过上机练习把握依照犯错信息判定错误位置和错误缘故，把握各类调试技术的灵活应用。
4．把握依照功能要求进行程序分析和设计的能力。
二、实验前的预备工作
1．熟悉所用的开发工具和环境。本指导书所用开发环境为：
操作系统：Windows XP
开发工具：Visual Studio 2020
数据库治理系统：SQL Server 2005 或SQL Server 2005 Express
WWW效劳器：IIS 6.0 或VS2020内置WWW效劳
2．温习和把握与实验有关的教学内容。
3．预备好上机所需的程序，切忌不预先设计好程序或抄他人的程序去上机。
4．对程序中可能显现的问题应事前有估量有计谋，对程序中自己有疑问的地址应先作上标记，以便上机时专门给予注意。
5．预备好调试程序和运行程序所需的数据。
三、实验的步骤
1．创建网站
（1）打开Visual Studio 2020，如图1所示。
（2）点击图1中新建网站标识用于创建新网站，打开图2所示新建网站对话框。
假设打开现有网站，那么单击图1中打开网站标识。
也能够通过图3所示“文件”菜单的相应菜单项新建网站（或打开网站）。
（3）在新建网站对话框中，模板选择“ASP.NET 网站”，位置选择“文件系统”，并通过“阅读”按钮确信网站对应文件夹的位置，语言选择“Visual C#”，.NET 架构维持“.NET Framework 3.5”不变，然后点击“确信”按钮，那么创建网站成功。
web网站开发教程图
1
图
2
图  3
新建网站
打开网站
2．创建网页
（1）点击“网站”菜单中的“添加新项”菜单项，或在“解决方案资源治理器”窗口中项目的快捷菜单项当选择“添加新项”菜单项，打开“添加新项”对话框如图4所示。
图4
（2）在“添加新项”对话框中，模板选择“Web窗体”，名称中给网页命名，语言选择“Visual C#”，选中“将代码放在单独的文件中”，然后点击“添加”按钮，那么创建新的网页如图5所示。
图5
（3）在图5中，能够选择“源”、“设计”或“拆分”不同界面进行网页设计。
（4）设计完成后，能够点击工具栏“在阅读器中查看”按钮，或选择设计页面的快捷菜单中“在阅读器中查看”项，阅读页面成效。
（5）设计完成（或设计进程中）选择“文件”菜单的“全数保留”项保留项目。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。