《网站设计与开发》实验指导书辽宁工程技术大学营销管理学院电子商务系目录实验 1 HTML网页制作 (1)实验 2 C#.NET基本程序设计 (4)实验 3 HTML控件和Web服务器控件的使用 (7)实验 4 验证控件的使用 (8)实验 5 访客计数器 (9)实验 6 数据库基本操作 (11)实验7 使用DataSet对象访问数据 (14)实验8 用户控件、自定义控件和Web服务的使用 (21)实验1 HTML网页制作一、目的与要求1. 掌握HTML常用网页标记的使用。
2. 掌握表格的建立方法。
3. 掌握表单的建立方法。
二、实验环境任何一个文本编辑器、IE或者其它网页浏览器三、内容和步骤【实验题1】在网页上创建一个课表。
步骤如下。
1. 打开记事本，输入如下代码，并以testl_1.html为文件名保存该文件：<html><HEAD><TITLE>表格标记应用</TITLE></HEAD><BODY><TABLE border ID="Table1"><CAPTION>课表</CAPTION><TR><TH>节次</TH><TH>星期一</TH><TH>星期二</TH><TH>星期三</TH><TH>星期四</TH><TH>星期五</TH> </TR><TR><TD>1、2</TD><TD>专业英语</TD><TD>操作系统</TD><TD>网络基础</TD><TD>专业英语</TD><TD>数据库</TD></TR><TR><TD>3、4</TD><TD>Java</TD><TD>数据库</TD><TD>实验</TD><TD>Java</TD><TD>操作系统</TD></TR><TR><TD>5、6</TD><TD>网络基础</TD><TD>实验</TD><TD>实验</TD><TD>实验</TD><TD>操作系统</TD></TR></TABLE></BODY></html>2. 通过浏览器打开该文件，得到该程序的执行结果，如图l-1所示。
图1-l “课表”网页运行结果【实验题2】创建一个新用户注册的表单。
步骤如下。
1. 打开记事本或其它文本编辑工具，添加如下代码，并以testl-2.html为文件名保存该文件；<HTML><HEAD><TITLE>新用户注册</TITLE></HEAD><BODY bgcolor="#0099ff"><FORM action="userreg.aspx" method="post"><H3>新用户注册</H3>姓名：<INPUT type="text" id="姓名" name="姓名"><BR>性别：<SELECT size="l" name="usersex" tabindex="5" ID="Select1"><OPTION selected value="男">男</OPTION><OPTION value="女">女</OPTION></SELECT><BR>地址：<INPUT type="text" id="地址" name="地址"><BR>邮政编码：<INPUT type="text" id="邮政编码" name="邮政编码"><BR>电话：<INPUT type="text" id="电话" name="电话"><BR>电子邮件：<INPUT type="text" id="电子邮件" name="电子邮件"><BR>个人爱好：<BR><INPUT type="checkbox" name="checkbox" value="cheekbox" ID="Checkbox1">体育<INPUT type="checkbox" name="checkbox" value="checkbox" ID="Checkbox2">音乐<BR> <INPUT type="checkbox" name="cheekbox" value="checkbox" ID="Checkbox3">上网<INPUT type="checkbox" name="checkbox" value="checkbox" ID="Checkbox4">旅游<BR> <BR><P><INPUT type="submit" id="btnSub" name="btnSub" value="注册"> <INPUT type="reset" Value="重写" name="B2" tabindex="9" ID="Reset1"></P></FORM><P align="center"><A href="index.htm">返回</A></P></BODY></HTML>2. 通过浏览器打开该文件，得到该程序的运行结果，如图1-2所示。
图1-2 “新用户注册”运行结果四、思考与练习1. 网页的基本语法格式是什么?包含了哪些内容?2. 试使用HTML制作一个人主页，将接受教育的情况用表格在网页上列出来。
实验2 C#.NET基本程序设计一、目的与要求1. 掌握Visual C#．NET语言的数据类型，熟悉定义各种数据类型的变量的方法。
2. 熟练掌握if语句和Switch…Case语句。
3. 熟练掌握visual C#.net中各种循环语句的使用。
二、实验环境1. 计算机一台；2. Microsoft Visual Studio .NET 2010工具软件；三、内容和步骤【实验题1】编程实现下述功能，并上机调试运行程序。
给出一个百分制成绩，要求输出其对应的成绩等级‘A’，‘B’，‘C’，‘D’，‘E’。
其中：90分(包括90分)以上为‘A’，80~89分为‘B’，70~79分为‘C’，60~69分为‘D’，60分以下为‘E’。
步骤如下。
1. 在VS．NET主选单中选择：文件一新建一项目，在“模板”框中选择“ASENET Web应用程序”选项，然后在“名称”文本框中输入Web应用程序的名称，单击“确定”按钮。
2. 设计程序主页面test2_1．aspx界面，所包含的控件及属性列于表1中。
在界面上放置两个Label控件，一个textbox控件和一个Button控件。
3. 双击“等级”按钮，打开test2_1.aspx界面的代码设计器窗口。
在buttonl_click事件处理器的编辑区中输入下列代码：private void Button1_Click(object sender, System.EventArgs e){int score ;string grade ;score=Convert.ToString(TextBox1.Text);If (score>=90)grade=”A”;Else lf (score>=80)grade=”B”;Else lf (score>=70)grade=”C”;Else lf(score>=60)grade=”D”;Elsegrade=”E”;Label2.Text=”该成绩的等级为：”+grade;}【实验题2】编程实现下述功能，并上机调试运行程序。
求1!+2!+3!+4!+5!步骤如下:1. 在中，新建一个Web应用程序。
2. 设计程序主页面test2_2.aspx界面，如图2-1所示。
图2-1 test2_2.aspx界面3. 双击“for”按钮，打开test2_2.aspx界面的代码设计器窗口。
在buttonl_click 事件处理器的编辑区中输入下列代码：private void Button1_Click(object sender, System.EventArgs e){int i,term,sum ;sum=0;term=1;For(i=1;i<=5;i++)term=term*i;sum=sum+term;Labell.Text=”for…next的结果为：”Label2.Text=Convert.ToString (sum)}4. 对While按钮操作与上面的做法相同。