web程序设计实验指导书

《web程序设计实验指导书》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、《Web程序设计》实验指导书(适合计算机科学与技术专业)计算机与信息工程系2011年7月目录实验概述1实验项目一运用XHTML标记进行网页设计5实验项目二运用ASP.NET内置对象完成Web程序设计（一）7实验项目三运用ASP.NET内置对象完成Web程序设计（二）10实验项目四运用服务器控件完成页面设计12实验项目五采用页面切换与导航技术完成网页设计14实验项目七使用Ado.net进行数据库程序设计（二）17实验项目八熟悉与运用ASP.NETAJAX基本控件18实验项目九Web综合程序设计1920

2、实验概述一、课程实验概况学习Web程序设计课程的目的是能够开发基于Web的应用软件，是在了解Web程序基本原理和技术的基础上，进行Web程序的编程能力学习和训练，要熟练地掌握Web程序设计的全过程，包括：开发环境的构建、开发工具的使用、独立编写程序、各种调试技术、程序运行结果分析。上机实验的目的，不仅仅是为了验证教材和讲课的内容，或者验证自己所编写的程序的正确与否。Web程序设计课程上机实验的目的是：1．加深对讲授内容的理解，尤其是各种Web技术的应用。2．熟练掌握常用的开发工具。3．学会上机调试程

3、序。通过上机练习掌握根据出错信息判断错误位置和错误原因，掌握各种调试技术的灵活应用。4．掌握根据功能要求进行程序分析和设计的能力。二、实验前的准备工作1．熟悉所用的开发工具和环境。本指导书所用开发环境为：操作系统：WindowsXP开发工具：VisualStudio2008数据库管理系统：SQLServer2005或SQLServer2005ExpressWWW服务器：IIS6.0或VS2008内置WWW服务2．复习和掌握与实验有关的教学内容。3．准备好上机所需的程序，切忌不预先设计好程序或抄别人的

4、程序去上机。4．对程序中可能出现的问题应事先有估计有对策，对程序中自己有疑问的地方应先作上标记，以便上机时特别给予注意。5．准备好调试程序和运行程序所需的数据。三、实验的步骤1．创建网站（1）打开VisualStudio2008，如图1所示。（2）点击图1中新建网站标识用于创建新网站，打开图2所示新建网站对话框。若打开现有网站，则单击图1中打开网站标识。也可以通过图3所示“文件”菜单的相应菜单项新建网站（或打开网站）。（3）在新建网站对话框中，模板选择“ASP.NET网站”，位置选择“文件系统”，并

5、通过“浏览”按钮确定网站对应文件夹的位置，语言选择“VisualC#”20，.NET架构保持“.NETFramework3.5”不变，然后点击“确定”按钮，则创建网站成功。新建网站打开网站图1图2图32．创建网页（1）点击“网站”菜单中的“添加新项”菜单项，或在“解决方案资源管理器”20窗口中项目的快捷菜单项中选择“添加新项”菜单项，打开“添加新项”对话框如图4所示。图4（2）在“添加新项”对话框中，模板选择“Web窗体”，名称中给网页命名，语言选择“VisualC#”，选中“将代码放在单独的文件中

6、”，然后点击“添加”按钮，则创建新的网页如图5所示。图5（3）在图5中，可以选择“源”、“设计”或“拆分”不同界面进行网页设计。（4）设计完成后，可以点击工具栏“在浏览器中查看”按钮，或选择设计页面的快捷菜单中“在浏览器中查看”项，浏览页面效果。（5）设计完成（或设计过程中）选择“文件”菜单的“全部保存”项保存项目。四、实验报告实验报告应包括以下内容：实验目的、实验内容、程序清单、运行结果、对运行结果的分析以及本次调试程序所取得的经验。20五、实验任务与时间安排序号实验项目实验类型实验类别学时1运用

7、XHTML标记进行网页设计必做设计性22运用ASP.NET内置对象完成Web程序设计（一）必做设计性23运用ASP.NET内置对象完成Web程序设计（二）必做设计性24运用服务器控件完成页面设计必做设计性25采用页面切换与导航技术完成网页设计必做设计性26使用Ado.net进行数据库程序设计（一）必做设计性27使用Ado.net进行数据库程序设计（二）必做设计性28熟悉与运用ASP.NETAJAX基本控件必做设计性29综合程序设计必做综合性2注：实验类型为选做和必做；实验类别为综合性、设计性、创新性

8、、验证性、演示性等。六、参考教材[1]石志国.ASP.NET程序设计实用教程.北京:电子工业出版社,2006.[2]郭洪涛.ASP.NET(C#)大学实用教程.北京:电子工业出版社,2007.20实验项目一运用XHTML标记进行网页设计一、实验目的1．掌握开发工具VS2008开发网站的基本步骤。2．掌握一个静态网页的设计步骤。3．通过几个网页的设计掌握XHTML标记的作用。二、实验内容1．创建一个XHTML页面rumengling.aspx，输出结果如图1-1所示。图