1.开发简单的ASP页面。
⑴ Practice4.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Practice4.aspx.cs" Inherits="Practice2._5._4_5_6.Practice4" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>An example of image</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<table border="5" align="center">
<tr align="center">
<td> <img src="image/风景图片.jpg" align="middle" width="200" height="150" alt="风景图片"/>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
⑵ Practice5.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Practice5.aspx.cs" Inherits="Practice2._5._4_5_6.Practice5" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>表单练习</title>
<style type="text/css">
#password {
width: 280px;
}
#again_password {
width: 280px;
}
</style>
</head>
<body style="margin-top:50px">
<form id="form1" method="post" action="~/text/date.txt" runat="server">
<table border="0" style="width:900px;"align="center">
<tr>
<td colspan="3"style="text-align:left">请填写个人资料:(注意带有*的项目必须填写)
</td>
</tr>
<tr ><!--第二行-->
<td style="width:300px;text-align:right">
* 密码 
</td>
<td style="text-align:center;width:300px;background-color:#3399FF">
<input name="password"type="password"id="password"maxlength="14"min="6" style="width:280px;" />
</td>
<td style="width:300px;background-color:#3399FF">
密码可使用长度为6-14的任何字符
</td>
</tr>
<tr ><!--第三行-->
<td style="width:300px;text-align:right">
* 密码确认 
</td>
<td style="text-align:center;width:300px;background-color:#3399FF">
<input name="again_password"type="password"id="again_password"maxlength="14"min="6" style="width:280px" />
</td>
<td style="width:300px;background-color:#3399FF">
请再输一次密码
</td>
</tr>
<tr ><!--第四行-->
<td style="width:300px;text-align:right">
* 密码提示 
</td>
<td style="text-align:center;width:300px;background-color:#3399FF">
<input name="hint"type="text"id="hint"maxlength="50" style="width:280px" />
</td>
<td style="width:300px;background-color:#3399FF">
例如:我的哥哥是谁?
当您忘记密码时可以通过密码提示问题和答案找回密码
</td>
</tr>
<tr ><!--第五行-->
<td style="width:300px;text-align:right">
* 提示答案 
</td>
<td style="text-align:center;width:300px;background-color:#3399FF">
<input name="hint_answer"type="text"id="hint_answer"maxlength="50"min="6" style="width:280px;" />
</td>
<td style="width:300px;background-color:#3399FF">
注意:答案长度不小于6位
</td>
</tr>
<tr ><!--第六行-->
<td style="width:300px;text-align:right">
* 出生日期 
</td>
<td style="text-align:center;width:300px;background-color:#3399FF">
<input name="year"type="text"id="year"maxlength="4" style="width:120px; margin-left: 0px;"placeholder="19" value="19" />
年
<select name="month" id="month" style="width:58px">
<option value="1">01</option>
<option value="2">02</option>
<option value="3">03</option>
<option value="4">04</option>
<option value="5">05</option>
<option value="6">06</option>
<option value="7">07</option>
<option value="8">08</option>
<option value="9">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
月
<input name="day"type="text"id="day"maxlength="2" style="width:47px;" />
</td>
<td style="width:300px;background-color:#3399FF">
用以找回密码,请如实填写
</td>
</tr>
<tr ><!--第七行-->
<td style="width:300px;text-align:right">
* 姓名 
</td>
<td style="text-align:center;width:300px;background-color:#3399FF">
<input name="name"type="text"id="name" style="width:280px;" />
</td>
<td style="width:300px;background-color:#3399FF">
请输入真实姓名
</td>
</tr>
<tr ><!--第八行-->
<td style="width:300px;text-align:right">
* 性别 
</td>
<td style="text-align:left;width:300px;background-color:#3399FF">
<input name="sex"type="radio" value="0" checked >男
<input type="radio" name="sex" value="1" />女
</td>
<td style="width:300px;background-color:#3399FF">
</td>
</tr>
<tr ><!--第九行-->
<td style="width:300px;text-align:right">
* 所在省份 
</td>
<td style="text-align:left;width:300px;background-color:#3399FF">
<select name="province" style="width:100px;" />
<option value="0">请选择</option>
<option value="北京">北京市</option>
<option value="浙江省">浙江省</option>
<option value="天津市">天津市</option>
<option value="安徽省">安徽省</option>
<option value="上海市">上海市</option>
<option value="福建省">福建省</option>
<option value="重庆市">重庆市</option>
<option value="江西省">江西省</option>
<option value="山东省">山东省</option>
<option value="河南省">河南省</option>
<option value="湖北省">湖北省</option>
<option value="湖南省">湖南省</option>
<option value="广东省">广东省</option>
<option value="海南省">海南省</option>
<option value="山西省">山西省</option>
<option value="青海省">青海省</option>
<option value="江苏省">江苏省</option>
<option value="辽宁省">辽宁省</option>
<option value="吉林省">吉林省</option>
<option value="台湾省">台湾省</option>
<option value="河北省">河北省</option>
<option value="贵州省">贵州省</option>
<option value="四川省">四川省</option>
<option value="云南省">云南省</option>
<option value="陕西省">陕西省</option>
<option value="甘肃省">甘肃省</option>
<option value="黑龙江省">黑龙江省</option>
<option value="香港特别行政区">香港特别行政区</option>
<option value="澳门特别行政区">澳门特别行政区</option>
<option value="广西壮族自治区">广西壮族自治区</option>
<option value="宁夏回族自治区">宁夏回族自治区</option>
<option value="新疆维吾尔自治区">新疆维吾尔自治区</option>
<option value="内蒙古自治区">内蒙古自治区</option>
<option value="西藏自治区">西藏自治区</option>
</select>
</td>
<td style="width:300px;background-color:#3399FF">
</td>
</tr>
<tr ><!--第九行-->
<td style="width:300px;text-align:right">
* 所在省份 
</td>
<td style="text-align:left;width:300px;background-color:#3399FF">
<select name="province" style="width:100px;" />
<option value="0">请选择</option>
<option value="高新科技">高新科技</option>
<option value="互联网"> 互联网</option>
<option value="电子商务"> 电子商务</option>
<option value="电子游戏"> 电子游戏</option>
<option value="计算机软件"> 计算机软件</option>
<option value="计算机硬件"> 计算机硬件</option>
<option value="信息传媒">信息传媒</option>
<option value="出版业"> 出版业</option>
<option value="电影录音"> 电影录音</option>
<option value="广播电视"> 广播电视</option>
<option value="通信"> 通信</option>
<option value="金融">金融</option>
<option value="银行"> 银行</option>
<option value="资本投资"> 资本投资</option>
<option value="证券投资"> 证券投资</option>
<option value="保险"> 保险</option>
<option value="信贷"> 信贷</option>
<option value="财务"> 财务</option>
<option value="审计"> 审计</option>
<option value="服务业">服务业</option>
<option value="法律"> 法律</option>
<option value="餐饮"> 餐饮</option>
<option value="酒店"> 酒店</option>
<option value="旅游"> 旅游</option>
<option value="广告"> 广告</option>
<option value="公关"> 公关</option>
<option value="景观"> 景观</option>
<option value="咨询分析"> 咨询分析</option>
<option value="市场推广"> 市场推广</option>
<option value="人力资源"> 人力资源</option>
<option value="社工服务"> 社工服务</option>
<option value="养老服务"> 养老服务</option>
<option value="教育">教育</option>
<option value="高等教育"> 高等教育</option>
<option value="基础教育"> 基础教育</option>
<option value="职业教育"> 职业教育</option>
<option value="幼儿教育"> 幼儿教育</option>
<option value="特殊教育"> 特殊教育</option>
<option value="培训"> 培训</option>
<option value="医疗服务">医疗服务</option>
<option value="临床医疗"> 临床医疗</option>
<option value="制药"> 制药</option>
<option value="保健"> 保健</option>
<option value="美容"> 美容</option>
<option value="医疗器材"> 医疗器材</option>
<option value="生物工程"> 生物工程</option>
<option value="疗养服务"> 疗养服务</option>
<option value="护理服务"> 护理服务</option>
<option value="艺术娱乐">艺术娱乐</option>
<option value="创意艺术"> 创意艺术</option>
<option value="体育健身"> 体育健身</option>
<option value="娱乐休闲"> 娱乐休闲</option>
<option value="图书馆"> 图书馆</option>
<option value="博物馆"> 博物馆</option>
<option value="策展"> 策展</option>
<option value="博彩"> 博彩</option>
<option value="制造加工">制造加工</option>
<option value="食品饮料业"> 食品饮料业</option>
<option value="纺织皮革业"> 纺织皮革业</option>
<option value="服装业"> 服装业</option>
<option value="烟草业"> 烟草业</option>
<option value="造纸业"> 造纸业</option>
<option value="印刷业"> 印刷业</option>
<option value="化工业"> 化工业</option>
<option value="汽车"> 汽车</option>
<option value="家具"> 家具</option>
<option value="电子电器"> 电子电器</option>
<option value="机械设备"> 机械设备</option>
<option value="塑料工业"> 塑料工业</option>
<option value="金属加工"> 金属加工</option>
<option value="军火"> 军火</option>
<option value="地产建筑">地产建筑</option>
<option value="房地产"> 房地产</option>
<option value="装饰装潢"> 装饰装潢</option>
<option value="物业服务"> 物业服务</option>
<option value="特殊建造"> 特殊建造</option>
<option value="建筑设备"> 建筑设备</option>
<option value="贸易零售">贸易零售</option>
<option value="零售"> 零售</option>
<option value="大宗交易"> 大宗交易</option>
<option value="进出口贸易"> 进出口贸易</option>
<option value="公共服务">公共服务</option>
<option value="政府"> 政府</option>
<option value="国防军事"> 国防军事</option>
<option value="航天"> 航天</option>
<option value="科研"> 科研</option>
<option value="给排水"> 给排水</option>
<option value="水利能源"> 水利能源</option>
<option value="电力电网"> 电力电网</option>
<option value="公共管理"> 公共管理</option>
<option value="环境保护"> 环境保护</option>
<option value="非盈利组织"> 非盈利组织</option>
<option value="开采冶金">开采冶金</option>
<option value="煤炭工业"> 煤炭工业</option>
<option value="石油工业"> 石油工业</option>
<option value="黑色金属"> 黑色金属</option>
<option value="有色金属"> 有色金属</option>
<option value="土砂石开采"> 土砂石开采</option>
<option value="地热开采"> 地热开采</option>
<option value="交通仓储">交通仓储</option>
<option value="邮政"> 邮政</option>
<option value="物流递送"> 物流递送</option>
<option value="地面运输"> 地面运输</option>
<option value="铁路运输"> 铁路运输</option>
<option value="管线运输"> 管线运输</option>
<option value="航运业"> 航运业</option>
<option value="民用航空业"> 民用航空业</option>
<option value="农林牧渔">农林牧渔</option>
<option value="种植业"> 种植业</option>
<option value="畜牧养殖业"> 畜牧养殖业</option>
<option value="林业"> 林业</option>
<option value="渔业"> 渔业</option>
</select>
</td>
<td style="width:300px;background-color:#3399FF">
</td>
</tr>
<tr>
<td colspan="3"style="height:15px"></td>
</tr>
<tr><!--第十行-->
<td colspan="3"style="text-align:left"><b>个人声明</b>
</td>
</tr>
<tr><!--第十一行-->
<td colspan="3"style="text-align:left">我愿意公开我的如下资料:
<input name="checkbox1" type="checkbox"id="checkbox1"value="0" />姓名,联系方式
<input name="checkbox2" type="checkbox"id="checkbox2"value="1" />其他已登记的信息
</td>
</tr>
<tr>
<td colspan="3"style="height:15px"></td>
</tr>
</table>
<hr style="width:90%;height:3px;color:black;background-color:black" />
<table border="0" style="width:900px;"align="center"">
<tr >
<td style="text-align:center;">
<input type="submit"name="Submit"value="提交" />
<input type="reset"name="Submit2"value="重填" />
</td>
</tr>
</table>
</form>
</body>
</html>
⑶ practice6.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="practice6.aspx.cs" Inherits="Practice2._5._4_5_6.practice6" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>课表</title>
</head>
<body>
<form id="form1" runat="server">
<table align="center" style="text-align:center;background-color:yellow;width:500px;font-size:10px"cellspacing="20"cellpadding="20" border="1">
<tr>
<td>
时间段
</td>
<td>
节次
</td>
<td>
星期一
</td>
<td>
星期二
</td>
<td>
星期三
</td>
<td>
星期四
</td>
<td>
星期五
</td>
</tr><!--以上第一行-->
<tr>
<td rowspan="5">
上午
</td>
<td>
1
</td>
<td rowspan="2">
JAVA
</td>
<td rowspan="2">
Linux
</td>
<td>
</td>
<td rowspan="2">
.NET
</td>
<td rowspan="2">
JAVA
</td>
</tr><!--以上第二行-->
<tr>
<td>
2
</td>
<td>
</td>
</tr><!--以上第三行-->
<tr>
<td>
3
</td>
<td rowspan="2">
Matlab
</td>
<td rowspan="3">
算法
</td>
<td rowspan="3">
可视
</td>
<td>
</td>
<td>
</td>
</tr><!--以上第四行-->
<tr>
<td>
4
</td>
<td>
</td>
<td>
</td>
</tr><!--以上第五行-->
<tr>
<td>
5
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr><!--以上第六行-->
<tr>
<td rowspan="4">
下午
</td>
<td>
6
</td>
<td rowspan="2">
.NET
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td rowspan="2">
体育
</td>
</tr><!--以上第七行-->
<tr>
<td>
7
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr><!--以上第八行-->
<tr>
<td>
8
</td>
<td rowspan="2">
Linux
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr><!--以上第九行-->
<tr>
<td>
9
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr><!--以上第十行-->
<tr>
<td rowspan="3">
晚上
</td>
<td>
10
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td rowspan="3">
公选课
</td>
<td>
</td>
</tr><!--以上第十一行-->
<tr>
<td>
11
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr><!--以上第十二行-->
<tr>
<td>
12
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
</tr><!--以上第十三行-->
</table>
</form>
</body>
</html>