实训要求：
1、1-2人一组，题目自拟，完成一套基于Web的应用程序的开发，每人工作量不能少于3个模块；
2、开发语言ASP.NET+C#，数据库Access或SQL；
3、最终提交源代码及实训报告；
4、请按照以下模板完成实训报告；
ASP.NET程序设计实训报告
题 目
班 级
学 号
姓 名
实训地点
实训日期
参考目录：
1 系统的总体设计
1.1 系统需求分析
1.2 系统的体系结构设计
1.3 系统功能模块设计
1.4 数据库设计
2 系统的实现
3 实训总结
格式：
1、 采用A4幅面打印，正文用宋体小四号字；行距：1.5倍行距；字间距：正常；
2、表格可以统一编序（如：表15），也可以逐章单独编序（如：表2.5），采用哪种方式应和插图及公式的编序方式统一。表序必须连续，不得重复或跳跃。表序和表题置于表格上方中间位置，无表题的表序置于表格的左上方或右上方（同一篇论文位置应一致）；
3、插图要精选。图序可以连续编序（如：图52），也可按章单独编序（如：图6.8），采用的方式应与表格、公式的编序方式统一，图序必须连续，不得重复或跳跃。图序和图题置于图下方中间位置，用5号字。
第二篇：web开发基础实训
《web开发基础实训》报告
（2012-2013学年第二学期）
二〇##年十二月三十日
网上书店
实训时间：2012.4.9-2012.4.13
实训地点：十三机房
实训目的：通过实验主要培学生的动手能力，提高学生运用HTML语言编写静态网页能力的水平，掌握HTML和CSS语言的应用，为学生学习动态网页打下坚硬的基础。
实训步骤：
一、首面制作
1、 Head设计
Html主要代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>网上书店</title>
<link rel="stylesheet" type="text/css" href="style1.css" />
</head>
<body>
<div id="wrap">
<div class="header">
<div class="logo"><a href="index.html"><img src="images/logo.gif" alt="" title="" border="0" /></a></div>
<div id="menu">
<ul>
<li class="selected"><a href="index1.htm">首页</a></li>
<li><a href="index2.htm">关于我们</a></li>
<li><a href="index3.htm">书籍</a></li>
<li><a href="#">特价书籍</a></li>
<li><a href="#">我的帐户</a></li>
<li><a href="#">用户注册</a></li>
<li><a href="index3.htm">书籍价格</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</div>
</div>
<div class="center_content">
<div class="left_content">
<div class="title"><span class="title_icon"><img src="images/bullet1.gif" alt="" title="" /></span>特色书籍</div>
<div class="feat_prod_box">
<div class="prod_img"><a href="#"><img src="images/prod1.gif" alt="" title="" border="0" /></a></div>
<div class="prod_det_box">
<div class="box_top"></div>
<div class="box_center">
<div class="prod_title"></div>
<p class="details">全面、详细地介绍了web开发实用技术基础知识，内容包括web的相关概念、html及xml基础、网页与网站设计基础、dreamweaver cs4工具、web客户端脚本语言设计、基于asp.net的服务器端程序设计以及基于jsp的服务器端程序设计等。
</p>
<a href="#" class="more">- 更多 -</a>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="feat_prod_box">
<div class="prod_img"><a href="#"><img src="images/prod2.gif" alt="" title="" border="0" /></a></div>
<div class="prod_det_box">
<div class="box_top"></div>
<div class="box_center">
<div class="prod_title">产品名称</div>
<p class="details">全面、详细地介绍了web开发实用技术基础知识，内容包括web的相关概念、html及xml基础、网页与网站设计基础、dreamweaver cs4工具、web客户端脚本语言设计、基于asp.net的服务器端程序设计以及基于jsp的服务器端程序设计等。</p>
<a href="#" class="more">- 更多 -</a>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="title"><span class="title_icon"><img src="images/bullet2.gif" alt="" title="" /></span>新品书籍</div>
<div class="clear"></div>
<div class="new_products">
<div class="new_prod_box">
<a href="#">产品名称</a>
<div class="new_prod_bg">
<span class="new_icon"><img src="images/new_icon.gif" alt="" title="" /></span>
<a href="#"><img src="images/thumb1.gif" alt="" title="" class="thumb" border="0" /></a>
</div>
</div>
<div class="new_prod_box">
<a href="#">产品名称</a>
<div class="new_prod_bg">
<span class="new_icon"><img src="images/new_icon.gif" alt="" title="" /></span>
<a href="#"><img src="images/thumb2.gif" alt="" title="" class="thumb" border="0" /></a>
</div>
</div>
<div class="new_prod_box">
<a href="#">产品名称</a>
<div class="new_prod_bg">
<span class="new_icon"><img src="images/new_icon.gif" alt="" title="" /></span>
<a href="#"><img src="images/thumb3.gif" alt="" title="" class="thumb" border="0" /></a>
</div>
</div>
</div>
<div class="clear"></div>
</div><!--end of left content-->
<div class="right_content">
<div class="title"><span class="title_icon"><img src="images/bullet3.gif" alt="" title="" /></span>有关图书</div>
<div class="about">
<p>
<img src="images/about.gif" alt="" title="" class="right" />
全面、详细地介绍了web开发实用技术基础知识，内容包括web的相关概念、html及xml基础、网页与网站设计基础、dreamweaver cs4工具、web客户端脚本语言设计、基于asp.net的服务器端程序设计以及基于jsp的服务器端程序设计等。
</p>
</div>
<div class="right_box1">
<div class="title"><span class="title_icon"><img src="images/bullet4.gif" alt="" title="" /></span>促销</div>
<div class="new_prod_box">
<a href="#">产品名称</a>
<div class="new_prod_bg">
<span class="new_icon"><img src="images/promo_icon.gif" alt="" title="" /></span>
<a href="#"><img src="images/thumb1.gif" alt="" title="" class="thumb" border="0" /></a>
</div>
</div>
<div class="new_prod_box">
<a href="#">产品名称</a>
<div class="new_prod_bg">
<span class="new_icon"><img src="images/promo_icon.gif" alt="" title="" /></span>
<a href="#"><img src="images/thumb2.gif" alt="" title="" class="thumb" border="0" /></a>
</div>
</div>
<div class="new_prod_box">
<a href="#">产品名称</a>
<div class="new_prod_bg">
<span class="new_icon"><img src="images/promo_icon.gif" alt="" title="" /></span>
<a href="#"><img src="images/thumb3.gif" alt="" title="" class="thumb" border="0" /></a>
</div>
</div>
</div>
<div class="right_box2">
<div class="title"><span class="title_icon"><img src="images/bullet5.gif" alt="" title="" /></span>种类</div>
<div class="clear"></div>
<ul class="list1">
<li><a href="#">经典著作</a></li>
<li><a href="#">哲学类</a></li>
<li><a href="#">社会科学</a></li>
<li><a href="#">政治法律</a></li>
<li><a href="#">军事科学</a></li>
<li><a href="#">财经管理</a></li>
<li><a href="#">历史地理</a></li>
<li><a href="#">文化教育</a></li>
<li><a href="#">专业书籍</a></li>
<li><a href="#">人文社科</a></li>
<li><a href="#">语言文字</a></li>
</ul>
<div class="title"><span class="title_icon"><img src="images/bullet6.gif" alt="" title="" /></span>Partners</div>
<div class="clear"></div>
<ul class="list2">
<li><a href="#">accesories</a></li>
<li><a href="#">books gifts</a></li>
<li><a href="#">specials</a></li>
<li><a href="#">hollidays gifts</a></li>
<li><a href="#">accesories</a></li>
<li><a href="#">books gifts</a></li>
<li><a href="#">specials</a></li>
<li><a href="#">hollidays gifts</a></li>
<li><a href="#">accesories</a></li>
</ul>
</div>
</div><!--end of right content-->
</div>
<div class="clear" ></div>
<div class="footer">
<div class="left_footer"><img src="images/footer_logo.gif" alt="" title="" /><br /> <a href="http://www.cssmoban.com/" title="free templates">cssmoban</a></div>
<div class="right_footer">
<a href="#">首页</a>
<a href="#">关于我们</a>
<a href="#">服务</a>
<a href="#">隐私声明</a>
<a href="#">联系我们</a>
</div>
</div>
</div>
</body>
</html>
Htm2主要代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>网上书店</title>
<link rel="stylesheet" type="text/css" href="style1.css" />
<style type="text/css">
<!--
.STYLE9 {
font-size: medium;
font-weight: bold;
}
.STYLE10 {
font-size: x-large;
color: #663300;
}
.STYLE12 {color: #663300}
.STYLE16 {color: #660000}
-->
</style>
</head>
<body>
<div id="wrap">
<div class="header">
<div class="logo"><a href="index.html"><img src="images/logo.gif" alt="" title="" border="0" /></a></div>
<div id="menu">
<ul>
<li class="selected"><a href="index1.htm">首页</a></li>
<li><a href="index2.htm">关于我们</a></li>
<li><a href="index3.htm">书籍</a></li>
<li><a href="#">特价书籍</a></li>
<li><a href="#">我的帐户</a></li>
<li><a href="#">用户注册</a></li>
<li><a href="#">书籍价格</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</div>
</div>
<div class="center_content"><!--end of left content-->
<!--end of right content-->
</div>
<div class="clear" ></div>
<div class="footer">
<table width="898" height="1102" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="48" colspan="2"><div align="center"><span class="STYLE9 STYLE10"><img src="images/bullet6.gif" width="30" height="30" />关于我们</span></div></td>
</tr>
<tr>
<td height="48" colspan="2"><span class="STYLE12"><img src="images/bullet3.gif" width="26" height="25" /> <span class="STYLE9">公司简介</span></span></td>
</tr>
<tr>
<td width="451" height="194"> <span class="STYLE12"> “韬智网”隶属于南宁韬智图书有限公司，是广西区内新一代图书产品消费服务网站。我们拥有强大的采购优势、丰富的电子商务管理服务经验和最先进的互联网技术为您提供最新最好的图书产品。</span></td>
<td width="447"><img src="images/20069281229329[1].jpg" width="448" height="213" /></td>
</tr>
<tr>
<td height="58" colspan="2"><span class="STYLE9"><img src="images/bullet1.gif" width="26" height="25" /><span class="STYLE12"> 公司的成立源起</span></span></td>
</tr>
<tr>
<td colspan="2">
<div align="left"> <span class="STYLE16">南宁韬智图书有限公司成立于1993年10月10日，它的前称分别是：教育科学出版社西南南宁图书发行公司、南宁教育图书发行社。南宁韬智图书有限公司是一家民营的、实行有限责任制的独立经济实体。公司主要开发、销售教辅类图书，是广西区内最大的民营图书连锁企业。公司总部设于南宁市仙葫开发区，以南宁市琅东广西图书批发市场（金湖路53—109号）的直营店为中心店，向区内外图书市场辐射，逐步在柳州、玉林、梧州、桂林、贺州、贵港、来宾、桂平、平乐、横县等市、县开办了10余家直营式的连锁店，以及众多的准加盟式连锁店（大客户），形成了具有相当规模的“韬智图书”品牌连锁经营网络。韬智书店是专业、全面的中小学教育书店，书店经营的图书品种已达万余种，其中主营的《教材1+1》、《教材全易通》、《教材完全解读》、《五年中考三年模拟》、《天利38套》、《轻巧夺冠》、《全能学练课时达标》、《教材精习》、《黄冈小状元作业本》、《达标练测100分》、《中华题王》、《精英教程100分攻略》、《邹慕白字帖》、《庞中华字贴》、《黑蓝皮英语》、《星火英语》、《新概念英语》、北斗地图册等产品年年销量前列！除经营图书和电子产品之外，韬智书店近年更引进学生文具和办公用品，物美价廉，优惠不断，欢迎广大新老顾客前来选购。</span></div></td>
</tr>
<tr>
<td height="54" colspan="2"><span class="STYLE9"><img src="images/bullet2.gif" width="26" height="25" /> <span class="STYLE12">我们的产品定位</span></span></td>
</tr>
<tr>
<td height="85" colspan="2"> <span class="STYLE12">本韬智网站所登陆的图书产品是以0-19内岁基础教育类相关产品为主，其产品物美价廉，优惠不断，更有购书抽奖活动，欢迎广大顾客朋友前来订购。</span></td>
</tr>
<tr>
<td height="62" colspan="2"><span class="STYLE9"><img src="images/bullet4.gif" width="26" height="25" /> <span class="STYLE12">我们承诺</span></span></td>
</tr>
<tr>
<td height="209"><img src="images/1353393w1-14[2].jpg" width="451" height="192" /></td>
<td> <span class="STYLE16">我们承诺提供权威的资讯、最低的价格和便捷的购物方式，为您打造全新的e时代购物新体验！我们承诺严格按照国家法规政策正规经营，经营的产品皆为正规渠道引进合法缴税的正版图书产品，质量保证并有着完善的退货与售后服务制度。为了让您更准确全面的了解您所需要的商品，我们的每一件商品都提供实样的高清晰数码照片、详尽的技术性能指标和制造厂商的介绍。同时采用多种便捷的支付方式和安全快速的配送体系，通过先进的互联网技术进行订单的实时跟踪，并保证每一位客户资料的安全与保密。</span></td>
</tr>
<tr>
<td height="87" colspan="2">
<div class="right_footer">
<a href="#">首页</a>
<a href="#" class="STYLE12">关于我们</a>
<a href="#">服务</a>
<a href="#">隐私声明</a>
<a href="#">联系我们</a> </div>
<div class="left_footer STYLE12"><img src="images/footer_logo.gif" alt="" title="" /><br /> <a href="http://www.cssmoban.com/" title="free templates">cssmoban</a></div>
<p> </p></td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table>
</div>
</div>
</body>
</html>
Html主要代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>网上书店</title>
<link rel="stylesheet" type="text/css" href="style1.css" />
</head>
<body>
<div id="wrap">
<div class="header">
<div class="logo"></div>
<div id="menu">
<ul>
<li class="selected"><a href="index1.htm">首页</a></li>
<li><a href="index2.htm">关于我们</a></li>
<li><a href="index3.htm">书籍</a></li>
<li><a href="特价书籍index1.htm">特价书籍</a></li>
<li><a href="#">我的帐户</a></li>
<li><a href="注册会员index1.htm">用户注册</a></li>
<li><a href="#">书籍价格</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</div>
</div>
<div class="center_content">
<div class="left_content">
<div class="title">
<p><span class="title_icon"><img src="images/bullet1.gif" alt="" title="" /></span>百科 </p>
</div>
<div class="feat_prod_box">
<img src="images/kg3.jpg" width="137" height="177" /> <img src="images/kg4.jpg" width="137" height="176" /> <img src="images/kg2.jpg" width="126" height="176" />
<div class="prod_img"></div>
<div class="clear"></div>
</div>
<div class="feat_prod_box">
<div class="prod_img"></div>
<p>美食类 </p>
<p><img src="images/jk2.jpg" width="137" height="177" /> <img src="images/美食.jpg" width="137" height="177" /> <img src="images/美食3.jpg" width="137" height="177" /></p>
<div class="clear"></div>
</div>
<div class="title"><span class="title_icon"><img src="images/bullet2.gif" alt="" title="" /></span>心理类</div>
<div class="clear"></div>
<div class="new_products">
<div class="new_prod_box">
<a href="#">产品名称</a>
<div class="new_prod_bg">
<span class="new_icon"><img src="images/new_icon.gif" alt="" title="" /></span><img src="images/xl1.jpg" width="107" height="112" /></div>
</div>
<div class="new_prod_box">
<a href="#">产品名称</a>
<div class="new_prod_bg"><img src="images/xl2.jpg" width="113" height="111" />
<span class="new_icon"><img src="images/new_icon.gif" alt="" title="" /></span></div>
</div>
<div class="new_prod_box">
<a href="#">产品名称</a>
<div class="new_prod_bg">
<span class="new_icon"><img src="images/new_icon.gif" alt="" title="" /></span><img src="images/xl3.jpg" width="108" height="115" /></div>
</div>
</div>
<div class="clear"></div>
</div><!--end of left content-->
<div class="right_content">
<div class="title"><span class="title_icon"><img src="images/bullet3.gif" alt="" title="" /></span>有关图书</div>
<div class="about">
<p>
<img src="images/about.gif" alt="" title="" class="right" />
本书店本着为生活提供方便，为广大读者提供生活中最需要最贴近自己的图书，我们有健康类、心理类、美食类等等多种类图书，欢迎大家订阅。
</p>
</div>
<div class="right_box1">
<div class="title"><span class="title_icon"><img src="images/bullet4.gif" alt="" title="" /></span>促销</div>
<div class="new_prod_box">
<a href="#">产品名称</a>
<div class="new_prod_bg"><img src="images/kg.jpg" width="115" height="139" />
<span class="new_icon"><img src="images/promo_icon.gif" alt="" title="" /></span></div>
</div>
<div class="new_prod_box">
<a href="#">产品名称</a>
<div class="new_prod_bg"><img src="images/yy.jpg" width="110" height="148" />
<span class="new_icon"><img src="images/promo_icon.gif" alt="" title="" /></span></div>
</div>
<div class="new_prod_box">
<a href="#">产品名称</a>
<div class="new_prod_bg"><img src="images/养殖.jpg" width="100" height="155" />
<span class="new_icon"><img src="images/promo_icon.gif" alt="" title="" /></span></div>
</div>
</div>
<div class="right_box2">
<div class="title"><span class="title_icon"><img src="images/bullet5.gif" alt="" title="" /></span>种类</div>
<div class="clear"></div>
<ul class="list1">
<li><a href="#">生活类</a></li>
<li><a href="#">心理类</a></li>
<li><a href="#">饮食类</a></li>
<li><a href="#">养殖类</a></li>
<li><a href="#">军事类</a></li>
<li><a href="#">财经类</a></li>
<li><a href="#">历史类</a></li>
<li><a href="#">文教类</a></li>
</ul>
<div class="title"><span class="title_icon"><img src="images/bullet6.gif" alt="" title="" /></span>Partners</div>
<div class="clear"></div>
<ul class="list2">
<li><a href="#">accesories</a></li>
<li><a href="#">books gifts</a></li>
<li><a href="#">specials</a></li>
<li><a href="#">hollidays gifts</a></li>
<li><a href="#">accesories</a></li>
<li><a href="#">books gifts</a></li>
<li><a href="#">specials</a></li>
<li><a href="#">hollidays gifts</a></li>
<li><a href="#">accesories</a></li>
</ul>
</div>
</div><!--end of right content-->
</div>
<div class="clear" ></div>
<div class="footer">
<div class="left_footer"><img src="images/footer_logo.gif" alt="" title="" /><br /> <a href="http://www.cssmoban.com/" title="free templates">cssmoban</a></div>
<div class="right_footer">
<a href="#">首页</a>
<a href="#">关于我们</a>
<a href="#">服务</a>
<a href="#">隐私声明</a>
<a href="#">联系我们</a>
</div>
</div>
</div>
</body>
</html>
实训体会：
一周的实训转瞬即逝，在这短暂的时间里，我们在老师的指导和帮助下，对于网页设计与制作有了进一步的了解。通过这次实训我已经掌握了制作简单网页的过程，基本熟悉了各种软件的综合使用方法。
在这几天的学习当中和同学讨论制作网站。同时学到了许多关于网页制作的相关知识，也让我体会到了团结的重要意义，我觉得在制作过程中，发现自己学的东西太欠缺了，要学习有条不紊，要学习冷静思索，多去学习一点网页制作的技术，以备我以后的制作之路。
实践出真理，实训的日子过去了，从理论和操作中融合了我们平时所学的知识，为我们的学习和工作铺垫了精彩的一幕。因此，我坚信，用心去做自己认为应该做的事，努力开拓我们的极限，没有什么是不可能的，我们要更加的去努力。