《NET程序设计》实验指导书.docx

1、NET程序设计实验指导书.NET程序设计实验指导书 2010年10月 实验一 C#基本编程方法一实验目的1.练习C#中变量声明和赋值的方法。2.练习C#类型转换的方法。3.练习C#分支语句的基本用法。4.练习C#循环语句的基本用法。二实验内容1.编写并调试一个C#控制台应用程序，输出1到5的平方值。2.编写一个C#控制台应用程序，要求完成下列功能。（1）接收一个整数n。（2）如果接收的值n为正数，输出1到n间的全部整数，循环转向（1），继续接收一个整数n。（3）如果接收的值为负值，用break退出循环。3.为铁路部门编写计算运费的程序。假设铁路托运行李，规定每张客票托运费计算方法是：行李重量不

2、超过50kg时，每千克0.25元；超过50kg而不超过100kg时，其超出部分每千克0.35元时；超过100kg时，其超过部分每千克0.45元。要求从键盘上输入行李重量后，程序计算并输出托运的费用。三实验体会：实验二 C#面向对象编程一实验目的1.练习如何创建类和对象。2.练习如何为定义的类编写相应的方法。3.练习如何通过属性访问对象中的数据。4.练习如何创建基类及其派生类。二实验内容1.编写一个控制台应用程序，定义并使用一个时间类，该类包含时、分、秒字段与属性，具有将时间增加1秒、1分和1小时的方法，具有分别显示时、分、秒和同时显示时分秒的方法。2.编写一个控制台应用程序，程序中有两个类定义

3、，一个是创建程序时系统自动创建的类Class1，一个是用户自定义的Student类，要求该类包含私有字段：学号(字符串)、姓名（字符串）和性别（字符），具有三个属性：学号（读写）、姓名（只读）、性别（读写），具有有参构造方法、具有同时显示学生个人信息的方法。在Class1类的Main方法中完成以下功能：（1）从键盘上输入一个学生的个人信息（学号、姓名、性别）。（2）修改该学生的学号和性别。 （3）打印修改前后该学生的个人信息。3.编写一个控制台应用程序，定义和使用cylinder类，cylinder类的构造方法被传递了两个double值，分别表示圆柱体的半径和高度。用cylinder类计算圆柱

4、体的体积，并存储在一个double变量中。在cylinder类中包含一个方法vol()，用来显示每个cylinder对象的体积。4.编写一个控制台应用程序，程序中有两个类定义，一个是创建程序时系统自动创建的类Class1，一个是用户自定义的Student类，要求该类包含私有实例字段：学号(字符串)、姓名（字符串）、成绩（double）以及私有静态字段：学生人数、学生总成绩、学生平均成绩，具有有参构造方法、显示学生个人信息的公有实例方法和显示学生人数、总成绩及平均成绩的公有静态方法。在Class1类的Main方法中完成以下功能：（1）从键盘上依次输入三个学生的个人信息（学号、姓名、成绩）。（2）

5、统计全部学生的人数、总成绩和平均成绩。（3）打印学生们的个人信息及全部学生的人数、总成绩和平均成绩。三实验体会：实验三 HTML网页设计一.实验目的：1.熟练掌握HTML的基本语法。2.掌握使用记事本进行简单网页编辑的方法。3.熟练掌握使用Dreamweaver 8插入主要HTML元素并为其设置主要属性的方法和步骤。4.熟练使用简单CSS属性进行样式设置。5.掌握使用表格进行页面布局的方法与技巧。二.实验内容：（一）.掌握使用记事本进行简单网页编辑的方法。1. 实验准备：（1）在硬盘上为本实验建立文件夹（以下称为“实验文件夹”），用于保存本实验的实验结果；（2）准备3幅图片，其扩展名分别为.j

6、pg，.gif和.png，.gif图片最好是一个动画，将这3幅图片放到实验文件夹中。提示：可以使用或搜索并下载图片，这些图片搜索引擎是可以指定文件类型进行搜索的。2. 构建一个最简合法的HTML文档“我的第一个网页”：（1）从开始菜单启动记事本；（2）在记事本中，录入一个最简合法HTML文档；（3）设置该文档在最终在浏览器中显示的标题为“我的第一个网页”；（4）在页面添加可见的文本“我的第一个网页”；（5）若使用记事本，则选择菜单“文件”“保存”，在“另存为”对话框中，在“保存类型”下拉列表中选择“所有文件”，录入“文件名”myfirstpage.htm，单击“保存”按钮将该页面保存到实验文件

7、夹。提示：最简合法HTML文档必须包含的元素有html、head、 title、 body。3. 使用简单内联元素进行文字处理：提示：简单内联元素包括以下HTML标记：b(粗体)、i（斜体）、u（下划线）、img（图片）、a（超级链接）、font（字体设定）。（1）从开始菜单启动记事本；（2）在记事本中，录入一个最简合法HTML文档；（3）设置该文档最终显示标题为“简单文字处理”；（4）在文档的和之间，插入适当元素使最终网页中显示以下内容：这是一段文本这是一段文本注：以上文字不涉及到文字字体、大小、颜色的设置，且并不居中显示。（5）紧接着步骤（4）插入的元素插入适当元素，使得最终网页上可以显示

8、字号为5、颜色为红色、字体为“华文彩云”的下列样式文字：这是一段文本（6）如果以上的每条文本之间没有换行，则在它们之间分别插入一个换行；（7）使用步骤1-（5）中的方法保存当前HTML文档为simpleinline.htm。4. 在网页中创建超级链接：（1）从开始菜单启动记事本；（2）在记事本中，录入一个最简合法HTML文档；（3）设置该文档最终显示标题为“HTML中的超级链接”；（4）插入一个可以到达第2个实验中保存的simpleinline.htm的超级链接；（5）使用类似1-（5）的方法保存当前HTML文档为link.htm；5. 在网页中插入图片：（1）从开始菜单启动记事本；（2）在记

9、事本中，录入一个最简合法HTML文档；（3）设置该文档最终显示标题为“HTML中的图片”；（4）插入0-（2）中准备的实验文件夹中的.jpg图片； （5）在页面中插入实验文件夹中的.gif图片，并设置其替换文本；（6）在页面中插入实验文件夹中的.png图片，并为其设置宽度为5的边框；（7）使用类似1-（5）的方法保存当前HTML文档为image.htm。（二）.使用Dreamweaver 8插入主要HTML元素并设置属性(1).启动Macromedia Dreamweaver 8.0；(2).使用“文件”“新建”菜单调出“新建文档”对话框，在“类别”中选择“基本页”，在“基本页”中选择“HTM

10、L”，设置“文档类型”为“无”，单击“创建”按钮创建HTML文档；(3).使用 “文件”“保存”菜单将（2）中新建的文档保存在“实验文件夹”中，文件名为dwandelement.htm；(4).在页面中插入一幅图片，为该图片设置替换文本。（图片自备）；(5).在页面中插入一个表格，以显示以下成绩单：VBAccess网页网络计算机1班张勇70709080李涛60806080王建60806090孙正70709090平均成绩65757585计算机2班刘伟70908070张南80608060李明80609060徐杰70909070平均成绩75758565年级平均70758070计算机系成绩单(三).编

11、制HTML文档，并使用简单CSS属性格式化文档的输出(1).启动Macromedia Dreamweaver 8.0；(2).新建网页simplecss.htm，并保存在“实验文件夹”中；(3).在simplecss.htm文档中添加元素，并为其添加合适的CSS样式，使网页最终显示以下内容，要求每个换行隔开的文本都包含在一个div元素中；这是一段文本这是一段文本这是一段文本注：a.以上第一、二行文字不涉及到文字字体、大小、颜色的设置，且并不居中显示，只需实现第一行文字加粗，第二行文字斜体。b.第三行显示字号为5、颜色为红色、字体为“华文彩云”的文字。提示：使用span标记改变文本的样式，fon

12、t-weight用于设置粗细，font-style用于设置斜体，font-family用于设置字体，font-size用于设置字体大小，color用于设置字体颜色。(4).将所有文本内容使用CSS样式居中显示；(5).为每个div元素使用CSS样式设置不同的背景颜色或背景图片（图片自备）。(6).为第一个和第三个div元素使用CSS样式设置单线和双线边框，颜色和边框粗细自定。(7).保存页面simplecss.htm。 (四).Dreamweaver 8表格布局复杂网页设计（选作）(1).启动Macromedia Dreamweaver 8.0；(2).新建网页tablelayout.htm，

13、并保存在“实验文件夹”中；(3).选择一个自己感兴趣的主题（如篮球、音乐等），在网页talbelayout.htm中使用表格进行页面布局，尽可能多地使用到前面学习过的HTML元素。提示：可以模仿其它页面进行设计，但要求只能使用表格进行布局，且避免使用课程中未学过的知识。三 实验体会：实验四 CSS+DIV网页布局与样式一.实验目的：1.理解CSS盒子模式。2.掌握使用DIV进行网页整体布局的方法。3.掌握使用CSS制作网页的方法。4.掌握借助Photoshop效果图，使用Dreamweaver来创建和制作一个CSS+DIV布局与样式的HTML网页。二 实验内容：根据给定的网页设计的Photos

14、hop效果图素材，实战演练使用Dreamwever构建一个DIV布局+CSS样式的HTML网页。三 实验步骤：（一）、框架设计a) 页面分析本实验将要制作的页面设计效果图（某公园网页效果图）如图1所示。图1 页面的设计效果图根据图1所示的效果图，首先来对网页的整体进行构思，对设计的页面进行分析。这个页面的结构，是三列式布局的一个变形，大致可以看作为左列、右列、右边列3列。其中左列从上到下又分成几部分，右列从上到下分成几部分。对于整体来说，使用三列式的方法，每列的div容器，运用浮动定位的CSS属性，并且设置合适的宽度。使用类id选择符对框架进行定义，整理出各个div的id以及它们的关系，如图2

15、所示。#container#right#left# rightborder#logo# navigator# banner#login# news# Englishedition# magazine#corporation#statute news# links#announcement news#article# placard图2 网页框架结构分析示意图b) 框架制作框架制作的方法，包括XHTML代码的制作和CSS样式的制作两个方面。（1）XHTML代码制作根据页面分析的结果，现在为页面框架进行代码制作。如下所示： 以上代码在Dreamweaver中的效果如图3所示：图3 XHTML代码在

16、Dreamweaver中的效果（2）CSS样式制作现在来添加CSS样式，在XHTML格式文件的中添加。然后，使用CSS选择符为定义了id的XHTML标签进行样式设置。添加CSS的过程忠，要经常参照网页设计效果图。具体方法是使用photoshop软件打开设计图，利用参考线精确坐标和页面中每个模块的位置关系。使用参考线将这个页面的框架结构进行划分，如图4所示。图4 参考线划分框架结构在参考线的帮助下，可以掌握页面中每个模块的位置以及长度、宽度，是CSS样式编写的重要辅助方法。这里面添加的具体CSS文件如下。*margin:0px;padding:0px;border:0px;body font-s

17、ize:12px; font-family:宋体;#container width:795px; margin:0px auto; #leftwidth:185px;float:left;margin-left:0px;padding-left:0px;#rightfloat:left;margin-left:0px;padding-left:0px;width:592px;c) 切图切图在前端页面代码制作的过程中，是一项很重要的工作。使用Photoshop软件来切图的方法。（1）使用参考线。使用Photoshop软件打开设计源文件，打开标尺工具，然后使用光标从标尺区域拖出参考线，并且使参考线

18、对齐页面元素。（2）使用Photoshop软件的矩形选取框工具选取所需要的图片之后，使用“复制”、“粘贴”在新的文件中，并存储为一种格式的图片，一般选择jpg格式或者gif格式。所需要的图片按照这种方法一个一个切出来。（二）、布局设计与代码制作在框架代码的基础上，为每一部分实现精确定位以及主要样式的制作，并不断在浏览器中测试效果，部分CSS代码如下（完整代码见文件index.html）：#logo width:185px; height:104px; background-image:url(images/logo.jpg); #englishedition width:185px; heig

19、ht:21px; background-image:url(images/englishedition.jpg); #loginwidth:185px;height:172px;margin-top:0px;background:url(images/loginbackground.jpg) repeat-x;#login tablemargin-left:10px;#login tdcolor:#FFFFFF;#magazine width:185px; height:180px; background:url(images/magazine.jpg) left no-repeat; #li

20、nks width:185px; height:603px; background:url(images/links.jpg) left top no-repeat; background-color:#8DC86A;#homepark width:185px; height:285px; margin-top:30px; background:url(images/homepark.jpg) left top no-repeat; #abroadpark width:185px; height:285px; background:url(images/abroadpark.jpg) left

21、 top no-repeat; #newsfloat:left;width:570px;height:200px;background:url(images/news.jpg) no-repeat;margin-top:20px;margin-left:8px;#statutefloat:left;width:278px;height:201px;margin-left:8px;background-image:url(images/statute.jpg);#corporationfloat:left;width:293px;height:201px;background-image:url

22、(images/corporation.jpg);#announcementfloat:left;width:278px;height:204px;margin-left:8px;background-image:url(images/announcement.jpg);#articlefloat:left;width:293px;height:204px;background-image:url(images/article.jpg);#placardfloat:left;width:570px;height:185px;margin-left:5px;background:url(imag

23、es/placard.jpg) no-repeat top;（三）、模块设计模块设计，就是对页面中的具体的内容进行布局实现，例如导航的制作、图片按钮的排版、文本的排版等。例如，快速导航的效果图如图5所示。图5 快速导航页面效果快速导航的XHTML代码如下： 公园协会 公园总揽 企业天地 公园文化 相关法规 异域传真 协会动态 会员天地 协会回刊 咨询反馈 快速导航# navigator的CSS样式代码如下：#navigator height:37px;#navlistposition:absolute;margin:0px;paddding:0px;width:650px;top:5px;le

24、ft:248px;#navlist li float: left;#navlist li a color: #000000; text-decoration: none; display: block; padding-top: 13px; width:65px; height: 17px; text-align:center; list-style-image:none; background:url(images/nav.jpg) no-repeat top; #navlist li a:hover background-color: #BBBBBB; color: #FFFFFF;（四）

25、、浏览器测试 在制作过程中，要不断在浏览器中实战测试，并不断调整，直到与页面效果图一致。四.实验题：任选本实验提供的一个Photoshop网页设计效果图,按照以上实验步骤创建和制作一个新的DIV布局+CSS样式的网页。五.实验体会：实验五 ASP.NET内置对象一.实验目的：1理解ASP.NET内置对象的作用。2掌握Response内置对象的方法及属性。3掌握Request对象的用法。4掌握Session对象的用法。5熟悉Cookie对象的用法。二 实验内容：（一）.运用Response对象和Request对象实现用户登录 当用户进入系统时候，首先要输入用户名和密码进行身份验证。如果用户名和密

26、码都正确，才可以进入系统。在应用程序中通过用户登录后使用Response对象转到主页面，然后管理员才能进行相应的操作。下面联系建立一个用户登录模块，用户登录成功后转到程序主页面。具体步骤如下：（1）打开Visual Studio 2008创建一个网站，在Default.aspx页面上创建用户输入自己的用户名、密码和验证码，其验证码在Label控件上显示，然后单击【登录】按钮提交数据，该页面效果如图5-1所示。图5-1 登录页面效果图（2）在该页面的后台代码编写窗口，首先创建一个RandomNum(int n)方法，该方法生成随即验证码，然后在页面的Page_Load事件中调用该方法，该步骤主要程序代码如下：protected void Page_Load(object sender, EventArgs e) if (!Page.IsPostBack) labCode.Text = RandomNum(4); SessionCheckNum = 0; public string RandomNum(int n) / /定义一个包括数字