实验1 静态网页制作(2课时)一、实验目的1、通过本实验了解HTML标记语言的基本语法格式2、了解使用HTML语言制作静态网页的基本技术3、掌握HTML表格的设计方法4、设计一个学生成绩查询的 2.0网站二、实验要求1、使用HTML语言,在Windows“记事本”程序中编写HTML代码,制作学生成绩登记表,要求能在浏览器中正确显示字体、字型、字号等格式。
2、设计一个用于学生成绩查询的 2.0网站。
三、实验步骤1、使用Windows记事本程序制作网页1)编写HTML代码:启动Windows附件中的记事本程序,编写HTML代码2)保存HTML文件3)执行如图1-1图1-12、设计一个用于学生成绩查询的 2.0网站1)设计要求:假设某学校现在有3个班级,要求设计一个能在网络中通过IE浏览器进行各班级学生成绩查询的网站。
设计时可采用Visual Studio 2005或记事本为每个班级创建一个独立的静态页面class1.htm、class2.htm、class3.htm。
站点打开时首先显示列有所有班级名称的导航页default.aspx,用户通过单击希望查看的班级名称链接,打开对应的班级查询网页。
2)创建网站启动VS 2005新建一个网站项目,新建3个HTML页文件:显示各班级学生成绩列表内容的静态网页class1.htm、class2.htm、class3.htm。
或者,将事先已通过记事本完成的用于显示各班级学生成绩列表内容的静态网页class1.htm、class2.htm、class3.htm添加到网站中。
可以直接将准备好的静态网页文件复制到网站所在的文件夹,也可在“解决方案资源管理器”窗口中,选择项目的保存位置后单击鼠标右键,在弹出的快捷菜单中执行“添加现有项”命令,选择需要添加的文件,单击【添加】按钮。
3)设计WEB页面切换到default.aspx的设计视图,执行布局菜单下的“插入表”命令,在对话框中用户可在可视化界面中设置HTML表格的各种属性,单击【确定】按钮将表格插入到页面当前光标位置4)设置对象属性分别选择页面中的3个超链接控件,在属性窗口中按表设计它们的初始属性。
表1-1属性设置5)编写程序代码6)测试运行结果实验2 C#程序设计(4课时)一、实验目的1、通过上机操作掌握结构化设计的基本方法2、理解顺序结构、选择结构和循环结构的基本概念3、掌握if…else、switch、for和while语句的使用方法4、通过本实验进一步理解使用C# 2005创建网站的一般步骤和常用编程技巧二、实验要求注:至少选做2题。
1、设计一个能计算1!+2!+3!+…+n!的程序2、设计一个商场收费程序3、为小学生设计一个用于100以内的加法练习程序。
要求见课本P93习题16小题。
4、设计一个循环程序,当用户单击“开始”按钮时,产生8组1~9之间的随机整数,如果在某组中已产生了5个随机数或产生的随机数为6,则开始下一组。
要求见课本P94习题17小题。
三、实验步骤1、设计阶乘和计算程序(如图)图2-1 图2-21)问题分析:可以将问题分为“计算若干项的和”与“计算某数的阶乘”两个层次来理解,这两个层次分别通过for循环来处理。
也就是说,可以通过一个for循环的嵌套来解决问题。
2)设计WEB页面:新建一个网站,切换到设计视图。
向页面中添加需要说明文字和1个文本框TextBox1;1个按钮Button1和1和用于显示结果的标签控件Label1。
3)设置对象属性表2-1 属性设置4)编写事件代码2、设计商场收费程序图2-3 图2-4要求:1)若没有输入商品数量,则默认为1.2)若没有输入商品的编号,直接单击【确定】按钮,则表示统计完毕,屏幕上显示购物金额、折扣率和应付金额。
3)为了防止因用户误单击【确定】按钮导致结算数据重复出现,在显示了结算数据户,【确定】按钮呈灰色显示。
4)单击【返回】按钮清楚上次购物详细清单及结算数据,将程序恢复为初始状态。
步骤:1)问题分析:用户输入“商品编号”及“数量”值后,程序根据预先的设定进行判断,从而得到相应的“商品名称”、“单价”、计算出小计值并将结果显示到标签控件中。
为了得到总购物金额还需要对小计值进行累加。
2)设计WEB页面:新建一个网站,切换到设计视图。
向页面中添加需要的说明文字和2个文本框;2个按钮和一个用于显示计算结果的标签控件。
3)设置对象的属性表2-2属性设置4)编写事件代码实验3 基本控件的使用(2课时)一、实验目的1、熟悉在Microsoft Visual 中建立项目的方法。
2、掌握常用的Html服务器控件和Web服务器控件的主要属性和它们的使用方法。
二、实验要求1、设计一个项目,实现如下功能:通过一个组合列表框选择或输入姓名,通过复选框选择其爱好,然后显示“欢迎你,爱好***的**”的信息。
其中***代表爱好,**代表姓名。
2、利用Web服务器控件及C#程序完成以下功能:1)制作一个用户登陆界面2)验证用户名和密码是否正确,若正确给出欢迎信息,并可以输入留言,否则,给出错误提示。
实验4用户界面交互及网页间的数据传递(2课时)一、实验目的(1)练习基本状态管理对象的使用(2)练习网页间数据传递的方法二、实验要求(1)设计一个登录界面,在其中输入登录信息后,在同一页面给出反馈结果。
要求使用Request和Response对象操作完成。
操作界面截图如下:图4-2图4-1(2)设计如下图所示的数据输入界面:图4-3当用户填写并选择完相应的信息,并单击“提交”按钮后,在另一界面返回用户输入的信息。
如下图:图4-4实验5 使用Web服务器常用控件(4课时)一、实验目的通过上机操作进一部理解常用Web服务器控件的属性、事件和方法,掌握控件在程序设计中的作用及特点。
通过本实验掌握在程序运行时动态地向页面添加控件的程序设计方法。
二、实验要求注:以下题目至少选做2题。
本实验为了避免将程序设计的过于复杂,又兼顾到实验的覆盖面,将实验分为两个独立的部分进行。
1)使用选择性控件(下拉列表和复选框)设计一个能根据用户选择查询员工信息的Web应用程序。
2)使用向页面中动态添加控件的技术,设计一个简单的在线测验Web应用程序。
3)设计一个可以在程序运行中动态更改文本框中字体、字型和字号的网页。
页面打开后用户可使用程序提供的单选按钮更改字体(宋体、黑体、楷体、隶书),使用复选框更改字型(粗体、斜体和下划线),使用下拉列表框更改字号(8、10、12、14、18、24、36、48)。
文本框中的内容为您的专业、年级、班级、学号和姓名。
4)设计一个用于按班级名称查询课表的网站。
用户可以使用页面中的下拉列表框选择班级名称(网络061、网络062、网络063、网络064),进行班级课表查询。
5)使用用户控件设计一个用户注册网页。
用户控件公开Username和Password两个属性,分别对应用户控件界面中两个文本框的Text属性。
通过验证时在页面中显示公开属性的值。
使用验证控件对用户输入数据进行验证(用户名不能为空、两次密码必须相同),验证失败时,显示出错提示信息。
三、实验步骤1.设计员工信息查询程序程序运行时的界面如图5-1所示,用户可通过下拉列表框选择要查询的员工所在的部门,程序能根据用户选择,自动在“姓名”下拉列表框中添加指定部门的员工姓名。
例如选择了教务处,则姓名下拉列表框中只有教务处员工的姓名。
图5-1用户在选择了“部门”和“姓名”后,页面中显示该员工的基本信息(姓名,性别和生日),选择了“住址”,“电话”,“学历”后,根据用户选择,程序自动将有关信息添加到页面中,如图6-2所示图5-2如果要求“部门”下拉列表框中显示的是“-选择部门-”,则“姓名”下拉列表框中只有供选项“-选择姓名-”,而没有具体的员工姓名数据1)设计Web页面新建一个网站项目,切换到设计视图。
按图3-3所示向页面中添加一个用于布局的HTML表格,适当调整表格的行列数及宽度。
向页面中添加必要的说明文字,添加2个下拉列表框控件DropDownList1和DropDownList2;添加一个复选框组控件CheckBoxList1和一个容件控件PlaceHolder1。
适当调整个控件的大小及位置。
图5-3 设计Web页面2)创建下拉列表框的共享事件为了实现“部门”下拉列表框和“姓名”下拉列表框中的数据联动,需要切换到源视图,创建这两个控件的共享SelectedIndexChanged事件,这里将共享时间名定义为:drop_SelectedIndexChanged。
需要注意的是,本例中“部门”下拉列表框还有自己的SelectedIndexChanged事件的处理程序。
也就是说,若“部门”下拉列表框中的选项变化时,将引起两个SelectedIndexChanged事件。
3)设置对象属性表5-1属性设置4)编写事件代码2.设计简易在线测试程序如图5-4所示,要求在页面打开时显示一组模拟的测试题,每题均由一个4元素单选按钮组控件4个选项,用户可以使用鼠标选择自己认为正确的答案。
所有题目完成后,单击[提交]按钮,页面将显示出答对题的数量,所有答错题目的标题均加一个淡兰色底色,突出显示出来。
要求所有题目,分隔线均以动态的方式在程序运行时通过代码添加到页面中。
图5-4 动态添加控件1)问题分析2)设计Web页面图5-5 设计Web页面3)设置对象属性表5-2 个控件对象的属性设置4)事件过程代码编写实验6 状态管理对象的应用(4课时)一、实验目的通过本试验进一步掌握Application和Session对象的特点和使用方法,理解Application 对象和Session对象在应用程序中保存用户数据的基本原理。
二、实验要求注:至少选做1题。
1.设计一个简易网上聊天室用户访问网站时首先打开登录页面(Default.aspx)。
在输入了用户名和相应的密码后,进入聊天页面(chat.htm)。
页面通过框架分为上下两部分,上方显示聊天文字信息,下方显示一个输入聊天信息的表单,用户在输入了信息后单击[提交]按钮即可将信息发布到上方窗口。
当用户进入聊天页面时,屏幕上显示“***进入聊天室”(***为用户昵称)的信息。
若用户在登录时忘记输入用户名或密码是弹出出错提示,如图6-2所示;若输入的用户名或密码不正确,弹出出错信息,如图6-3所示。
图6-1 登录聊天室图6-2忘记输入用户名或密码是时的提示图6-3用户名或密码出错时的提示图6-4聊天页面2.设计一个站点计数器要求:使用Session对象设计一个站点计数器,将来访人数存放在放在站点内的counter.txt文件中,该数字不会因服务器或网站的重新启动而丢失;程序运行时要将当前会话的ID值显示到页面中,注意比较SessionID值的变化。