Web程序设计基础实验教学案Word文件下载.docx
《Web程序设计基础实验教学案Word文件下载.docx》由会员分享，可在线阅读，更多相关《Web程序设计基础实验教学案Word文件下载.docx（10页珍藏版）》请在冰豆网上搜索。
考核方式：
考查
总成绩=平时成绩*20%+期末成绩*80%+实验成绩*10%
课程教学日历
课程名称：
Web程序设计基础（实验）学期：
2013-2014学年第二学期
周次
章节及教学容
累计学时
1
ASP.NET与VWD2005开发平台
2
XHTML基础知识
3
4
ASP.NET基础知识
5
6
ASP.NET服务器控件
7
8
9
页面切换与导航
10
11
页面布局
12
13
ADO.NET数据访问
14
15
ASP.NET中的数据绑定
16
实验一ASP.NET与VWD2005开发平台
实验名称：
实验时数：
2学时
授课类型：
实验课
教学方法与手段：
指导
目的要求：
（1）安装ASP.NET的开发环境VWD2005
（2）熟悉VWD2005开发环境
（3）创建简单的动态。
实验容：
（1）安装VWD2005，建立ASP.NET的运行环境。
（2）使用VWD2005创建lianxi1，并创建第一个页面exam1.aspx
（3）单击页面exam1.aspx的设计标签，切换到页面设计窗口，在页面中键入：
“这是我的第一个ASP.NET程序”。
（4）运行这个页面。
实验二XHTML基础知识
4学时
（1）熟悉并会使用XHTML的页面格式及语法规则
（2）掌握XHTML文本标记、列表标记、表格标记、图像标记、超标记等标记的使用。
（1）创建一个XHTML页面rumengling.aspx，结果如图所示：
（2）练习列表标记songci.aspx，输出结果如图所示：
（3）用XHTML语言编写符合以下要求的页面：
标题为“Anexampleofimage”，在浏览器窗口中显示一个图像。
图像的宽度为200个像素点，高度为150个像素点，边框宽度为10个像素点。
（4）在网页中做一课程表，要求所有的文字均居中，背景为黄色，表格居中，宽度为500像素。
单元格间距与单元格边距为20像素。
（5）创建一个网页，通过可以跳转到
（1）创建的rumengling.aspx上。
实验三ASP.NET基础知识
（1）了解ASP.NET页面的运行机制和配置文件管理方式
（2）熟练掌握ASP.NET各种对象的使用方法。
（1）编写程序，实现让用户输入两个整数，并使用一个按钮进行数据提交，使用Request对象来得到用户提交的数据，比较Get和Post方法的不同。
（2）编写程序，使用Response对象的Write，Redirect，End方法。
（3）编写程序，利用Session保存用户输入的信息，并在页面上显示。
（4）编写程序，使用Cookie记录用户名，并在页面上显示出来。
（5）利用Application对象实现访问量统计。
实验四ASP.NET服务器控件
6学时
（1）熟悉用户控件的创建技术，掌握用户控件的属性、事件、方法的定义和使用。
（2）学会利用自定义用户控件制作导航条和用户登录控件。
（1）新建名字为ServerControlExperiment。
（2）在default.aspx页面中，添加1个TextBox控件、2个Button控件、一个ListBox控件，如图所示。
将2个Button控件的Text属性分别改为“增加”和“删除”。
当单击【增加】按钮时，将TextBox文本框中的输入值添加到ListBox中，但单击【删除】按钮时，删除ListBox中当前选定项。
（3）添加一个网页，要求将Label控件、LinkButton控件、HyperLink控件放在Panel控件中，当单击一组Button按钮时改变Panel控件的背景色，单击另一组Button控件时改变Panel控件中文字的大小。
单击LinkButton和HyperLink控件时分别导航到新的网页或。
单击RadioButton控件时隐藏Panel控件，单击另一个RadioButton控件时显示Panel控件。
如图所示。
（4）添加一个网页，在MultiView控件添加3个View控件，在每个View控件中各添加Image控件，再添加3个RadioButton控件切换各个View视图，每个View视图显示不同的图像。
（5）添加一个网页，在页面中添加AdRotator控件，XML广告数据源，实现广告图像显示，当单击广告图像时导航到相应的网页。
（6）添加一个网页，在页面中添加CheckBoxList控件，单击Button按钮时将CheckBoxList的选项写到ListBox中。
（7）添加一个网页，在页面中添加RadioButtonList控件，单击Button按钮时将CheckBoxList的选项写到ListBox中。
（8）添加一个网页，选择DropDownList控件的选项时导航到相应的。
（9）添加一个网页，在页面中添加TextBox、RequiredFiledValidator和CompareValidator控件，实现CompareValidator控件的Operator行为的Equal、GreaterThan等属性值得验证。
实验五页面切换与导航
（1）熟悉页面切换和导航的常用方法，掌握利用超、按钮的PostBackUrl属性、Response.Redirect和Server.Transfer属性实现从一个页面切换到另一个页面的方法
（2）熟练利用SiteMapPath、Menu和TreeView控件实现导航。
（1）新建一个名为“Pages_Exercise”的应用程序。
（2）添加一个名为“Home.aspx”的主网页。
（3）添加一个网页“Page1.aspx”，利用超实现从Home.aspx切换到此网页。
（4）添加三个网页“Page2.aspx”，“Page3.aspx”，“Page4.aspx”分别利用Button、LinkButton和ImageButton控件的PostBackUrl属性实现网页切换。
（5）添加两个网页“Page5.aspx”，“Page6.aspx”，分别利用Response.Redirect对象传递数据的方法实现从“Page2.aspx”传递数据到“Page5.aspx”和Server.Transfer对象传递数据的方法实现从“Page3aspx”传递数据到“Page6.aspx”。
（6）利用站点地图和SiteMapPath导航控件实现从Home.aspx到“Page1.aspx”，“Page2.aspx”，“Page3.aspx”，“Page4.aspx”导航。
（7）在网页“Home.aspx”中，利用Menu控件实现自定义导航。
（8）在网页“Page_1.aspx”中，利用TreeView控件实现自定义导航。
实验六页面布局
（1）熟悉层的应用，掌握层的布局，
（2）掌握母版页的创建及使用方法，能够通过创建母版页来实现导航页面的设计。
（1）新建一个名为CRM的
（2）在【解决资源管理器】中右击的名称，然后单击【添加新项】，添加母版页Master1
（3）在母版页Master1中，删除ContentPlaceHolder控件，插入四个层。
<
divid="
top"
>
………………<
/div>
left"
………………<
right"
asp:
ContentPlaceHolderID="
ContentPlaceHolder1"
runat="
server"
/asp:
ContentPlaceHolder>
&
nbsp;
&
<
bottom"
>
所有，违者必究&
（4）分别设置每个层的CSS样式。
（5）添加容页。
（6）浏览网页如图所示效果。
（7）定义两个主题，利用主题实现换肤。
实验七ADO.NET数据库访问
ADO.NET数据库访问
（1）熟悉ADO.NET数据库访问技术，
（2）掌握Command和DataAdapter对象操作数据库数据的方法。
（1）新建名字为“Accessdatabase_Exercise”的。
（2）在的App_Data文件夹中，建立数据库“MyDatabase_Exercise.mdf”。
（3）在该数据库中建立一职工表，并且添加一些模拟的职工记录。
其关系模式如下：
Employees（ID，NAME，SEX，AGE，Dateofwork，FilenameofPhoto）
（4）在web.config配置文件中，修改“<
connectionStrings/>
”标记如下。
connectionStrings>
addname="
ConnectionString"
connectionString="
DataSource=.\SQLEXPRESS;
AttachDbFilename=|DataDirectory|\MyDatabase_Exercise.mdf;
IntegratedSecurity=True;
UserInstance=True"
/>
/connectionStrings>
（5）添加一个网页，利用Command对象实现新职工的录入。
（6）添加一个网页，利用Command对象实现删除指定编号的职工记录。
（7）添加一个网页，利用Command对象实现修改指定编号的职工信息。
（8）添加一个网页，利用DataAdapter对象实现查询职工信息，并显示到网页的Label控件上。
实验八ASP.NET中的数据绑定
（1）熟悉ASP.NET中的数据绑定
（2）掌握使用GridView、DataList和FormView进行数据显示和处理的方法。
（1）新建DataBinding_Exercise的。
（2）创建相关数据库。
（3）添加网页，利用GridView实现数据的分页显示、修改和删除。
（4）添加网页，利用DataList实现数据的显示。
（5）添加网页，利用FormView实现数据的增、删、改。
升级会员 