Web开发实验一
</td>
</tr>
<tr>
<td colspan="3" style="background-color: #CCFFFF">
登陆状态</td>
</tr>
<tr>
<td colspan="4" style="background-color: #33CCCC">
您的位置:</td>
</tr>
</table>
</td>
<td class="style4" dir="ltr"
style="text-align: center; background-color: #99CCFF">
<asp:LinkButton ID="LinkButtonReset" runat="server">个性重置</asp:LinkButton>
//逐个获取sInput中每个字符,若不是空格将该字符连接到temp中
//否则,将temp值转换为整数后储存到数组元素
for (int i = 0; i <= sInput.Length - 1; i++)
{
if (sInput.Substring(i, 1) != " ")
{
temp += sInput.Substring(i, 1);
<asp:Button ID="btnSubmit" runat="server" onclick="btnSubmit_Click" Text="等级" />
<asp:Label ID="lblDisplay" runat="server" Text="Label"></asp:Label>
</form>
认真完成各项实验内容
30分
报告质量
填写内容完整、体现设计过程和结果,实验总结能体现问题和收获
70分
说明:
评阅教师:
日期:年月日
实验内容
一、利用table、Div和CSS对网页布局。
1.利用table对网页布局的主要代码如下:
<body>
<form id="form1" runat="server">
case 5:
case 4:
case 3:
case 2:
case 1:
case 0:
lblDisplay.Text = "不及格";
break;
}
}
浏览效果截图如图2.1
图2.1
2.在WEB窗体上输出九九乘法表
public partial class _Default : System.Web.UI.Page
//输出两个空格
Response.Write ("  ");
}
//换行输出
Response .Write ("<br/>");
}
}
}
浏览效果如图2.2
图2.2
3.输入一组空格间隔10个以内的整数,输出该数组的降序排列
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="txtInput" runat="server"></asp:TextBox>
<asp:Button ID="btnSubmit" runat="server" onclick="btnSubmit_Click" Text="降序" />
</div>
</form>
{
protected void Page_Load(object sender, EventArgs e)
{
//控制行数
for (int i = 1; i <= 9; i++)
{
//输出1行
for (int j=1;j<=i;j++)
{
//输出一个乘法算式
Response .Write (i.ToString () + "*" + j.ToString () + "=" + (i*j).ToString ());
{
//获取文本框中输入的字符串,并在最后添加一个空格
string sInput = txtInput.Text.Trim() + " ";
//j控制数组下标,每个aInput数组储存一个整数,temp储存一个整形字符串
int j = 0;
int[] aInput = new int[10];
string temp = "0";
<br />
<asp:TextBox ID="txtDividend" runat="server"></asp:TextBox>
<asp:Button ID="btnSubmit" runat="server" Text="提交" onclick="btnSubmit_Click" />
</div>
图2.4
5.设计用户信息类UserInfo。
public class UserInfo
<div>
<asp:Table ID="Table1" runat="server">
</asp:Table>
</div>
<table class="style1" style="width: 100%">
<tr>
<td class="style2" rowspan="2">
<asp:Image ID="ImageLogo" runat="server" Height="66px"
{
}
protected void btnSubmit_Click(object sender, EventArgs e)
{
float fGrade = float.Parse(txtInput.Text);
int iGrade = (int)(fGrade / 10);
switch (iGrade)
</td>
<td class="style3" style="text-align: center; background-color: #99CCFF">
<asp:LinkButton ID="LinkButtonRegister" runat="server">注册</asp:LinkButton>
</form>
</body>
浏览效果截图见图1.1:
图1.1
2.利用Div对网页布局的主要代码:
<head runat="server">
<title></title>
<link href="DivCss.css" rel="stylesheet" type="text/css" />
</head>
实验内容和要求:
1.参考实验指导书的实验步骤,完成实验1-3。
2.将实验2和实验3的主要代码、运行结果截图填入实验报告。
3.完成思考题
4.就本次实验遇到的问题和收获作出总结。
报告应在2周内完成,并以学号+姓名+实验一为名以班级为单位上交(电子文档)。
成绩评定表
类别
评分标准
分值
得分
合计
上机表现
按时出勤、遵守纪律
</div>
</div>
<div id="position">position
</div>
</div>
</form>
</body>
3.建立.css文件
/*控制DivCssCss.aspx*/
#logo
{
float:left;
width :30%;
}
#navigation
{
background-color:#99CCFF;
{
case 10:
case 9:
lblDisplay.Text = "优秀";
break;
case 8: