Web程序设计实验指导书.doc
《Web程序设计实验指导书.doc》由会员分享,可在线阅读,更多相关《Web程序设计实验指导书.doc(22页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、Web程序设计实验指导书(适合计算机科学与技术专业)计算机与信息工程系2011年7月目 录实验概述1实验项目一 运用XHTML标记进行网页设计5实验项目二 运用ASP.NET内置对象完成Web程序设计(一)7实验项目三 运用ASP.NET内置对象完成Web程序设计(二)10实验项目四 运用服务器控件完成页面设计12实验项目五 采用页面切换与导航技术完成网页设计14实验项目七 使用A进行数据库程序设计(二)17实验项目八 熟悉与运用ASP.NET AJAX基本控件18实验项目九 Web综合程序设计19实验概述一、课程实验概况学习Web程序设计课程的目的是能够开发基于Web的应用软件,是在了解We
2、b程序基本原理和技术的基础上,进行Web程序的编程能力学习和训练,要熟练地掌握Web程序设计的全过程,包括:开发环境的构建、开发工具的使用、独立编写程序、各种调试技术、程序运行结果分析。上机实验的目的,不仅仅是为了验证教材和讲课的内容,或者验证自己所编写的程序的正确与否。Web程序设计课程上机实验的目的是:1加深对讲授内容的理解,尤其是各种Web技术的应用。2熟练掌握常用的开发工具。3学会上机调试程序。通过上机练习掌握根据出错信息判断错误位置和错误原因,掌握各种调试技术的灵活应用。4掌握根据功能要求进行程序分析和设计的能力。二、实验前的准备工作1熟悉所用的开发工具和环境。本指导书所用开发环境为
3、:操作系统:Windows XP开发工具:Visual Studio 2008数据库管理系统:SQL Server 2005 或 SQL Server 2005 ExpressWWW服务器:IIS 6.0 或 VS2008内置WWW服务2复习和掌握与实验有关的教学内容。3准备好上机所需的程序,切忌不预先设计好程序或抄别人的程序去上机。4对程序中可能出现的问题应事先有估计有对策,对程序中自己有疑问的地方应先作上标记,以便上机时特别给予注意。5准备好调试程序和运行程序所需的数据。三、实验的步骤1创建网站(1)打开Visual Studio 2008,如图1所示。(2)点击图1中新建网站标识用于创建
4、新网站,打开图2所示新建网站对话框。若打开现有网站,则单击图1中打开网站标识。也可以通过图3所示“文件”菜单的相应菜单项新建网站(或打开网站)。(3)在新建网站对话框中,模板选择“ASP.NET网站”,位置选择“文件系统”,并通过“浏览”按钮确定网站对应文件夹的位置,语言选择“Visual C#”,.NET架构保持“.NET Framework 3.5”不变,然后点击“确定”按钮,则创建网站成功。新建网站打开网站图1图2图32创建网页(1)点击“网站”菜单中的“添加新项”菜单项,或在“解决方案资源管理器”窗口中项目的快捷菜单项中选择“添加新项”菜单项,打开“添加新项”对话框如图4所示。图4(2
5、)在“添加新项”对话框中,模板选择“Web窗体”,名称中给网页命名,语言选择“Visual C#”,选中“将代码放在单独的文件中”,然后点击“添加”按钮,则创建新的网页如图5所示。图5(3)在图5中,可以选择“源”、“设计”或“拆分”不同界面进行网页设计。(4)设计完成后,可以点击工具栏“在浏览器中查看”按钮,或选择设计页面的快捷菜单中“在浏览器中查看”项,浏览页面效果。(5)设计完成(或设计过程中)选择“文件”菜单的“全部保存”项保存项目。四、实验报告实验报告应包括以下内容:实验目的、实验内容、程序清单、运行结果、对运行结果的分析以及本次调试程序所取得的经验。五、实验任务与时间安排序号实 验
6、 项 目实验类型实验类别学时1运用XHTML标记进行网页设计必做设计性22运用ASP.NET内置对象完成Web程序设计(一)必做设计性23运用ASP.NET内置对象完成Web程序设计(二)必做设计性24运用服务器控件完成页面设计必做设计性25采用页面切换与导航技术完成网页设计必做设计性26使用A进行数据库程序设计(一)必做设计性27使用A进行数据库程序设计(二)必做设计性28熟悉与运用ASP.NET AJAX基本控件必做设计性29综合程序设计必做综合性2注:实验类型为选做和必做;实验类别为综合性、设计性、创新性、验证性、演示性等。六、参考教材1 石志国.ASP.NET 程序设计实用教程.北京:
7、电子工业出版社,2006.2 郭洪涛.ASP.NET(C#)大学实用教程.北京:电子工业出版社,2007.实验项目一 运用XHTML标记进行网页设计一、实验目的1掌握开发工具VS2008开发网站的基本步骤。2掌握一个静态网页的设计步骤。3通过几个网页的设计掌握XHTML标记的作用。二、实验内容1创建一个XHTML页面rumengling.aspx,输出结果如图1-1所示。图1-12练习列表标记songci.aspx,输出结果如图1-2所示:图1-23用XHTML语言编写符合以下要求的页面:标题为“An example of image”,在浏览器窗口中显示一个图像。图像的宽度为200个像素点,
8、高度为150个像素点,边框宽度为10个像素点4 在网页中做一张课程表,要求所有的文字均居中,背景为黄色,表格居中,宽度为500像素。单元格间距与单元格边距为20像素。5 创建一个网页,通过链接可以跳转到(1)创建的rumengling.aspx上。三、实验步骤1 创建网站“XHTMLDemo”。2 在此网站中分别创建实验内容中的5个网页。3 保存网站。实验项目二 运用ASP.NET内置对象完成Web程序设计(一)一、实验目的通过编写简单Web程序,掌握Session、Application和Server等内置对象的使用方法。二、实验内容1设计一个简易网上聊天室用户访问网站时首先打开登录页面(D
9、efault.aspx)。在输入了用户名和相应的密码后,进入聊天页面(chat.htm)。页面通过框架分为上下两部分,上方显示聊天文字信息,下方显示一个输入聊天信息的表单,用户在输入了信息后单击提交按钮即可将信息发布到上方窗口。当用户进入聊天页面时,屏幕上显示“*进入聊天室”(*为用户昵称)的信息。若用户在登录时忘记输入用户名或密码是弹出出错提示,如图2-2所示;若输入的用户名或密码不正确,弹出出错信息,如图2-3所示。图2-1 登录聊天室 图2-2忘记输入用户名或密码是时的提示 图2-3用户名或密码出错时的提示图2-4聊天页面2设计一个站点计数器要求:使用Session对象设计一个站点计数器
10、,将来访人数存放在放在站点内的counter.txt文件中,该数字不会因服务器或网站的重新启动而丢失;程序运行时要将当前会话的ID值显示到页面中,注意比较SessionID值的变化。三、实验步骤以简易网上聊天室为例。1.设计登录页面(Default.aspx) 新建一个ASP.NET网站,向页面中添加一个用于布局的HTML表格,向表格中添加必要的说明文字。添加两个文本框TestBox1和TestBox2,添加一个连接按钮控件LinkButton1。适当调整各控件的大小及位置,页面设计效果如图5-1 所示 。2.设置Defalt.aspx中控件的属性设置用户名文本框TestBox1的ID属性为t
11、xtUsername;设置密码文本框的ID性为txtPassword ,TextMode属性为Password(将文本框设为密码框);设置连接按钮LinkButton1的ID属性为lbtnLogin,Text属性为“进入聊天室”。3.编写Default.aspx中包含的程序代码4.添加并配置全局配置文件(Global.aspx)在解决方案资源管理器中,右键单击网站名称,在弹出的快捷菜单中执行“添加命令,然后选择“全局应用程序类”模板,单击添加按钮。5.添加用于显示聊天信息的页面(main.aspx)通过解决方案资料管理器向网站中添加一个新Web窗体,将其命名为main.aspx。切换到设计视图
12、,向页面中添加一个用于显示聊天信息的标签控件。将标签的ID属性设置为lblMsg,Text属性设置为空。6.设置发送聊天信息的页面(send.aspx)向网站中添加一个新的Web窗体,向页面中添加一个用于显示用户名的标签控件Label1,添加一个用于输入聊天文字的文本框控件TextBox1和一个按钮控件Button1如图2-1所示。设置标签控件Label1的ID属性为lblName,Text属性为空;设置文本框TextBox1的ID属性为txtMsg,TextMode属性为MultiLine(能显示多行文本);设置按钮控件Button1的ID属性为btnSubmit,Text属性为“提交”。7
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Web 程序设计 实验 指导书
限制150内