Web程序设计基础实验教案

名师精编 优秀教案名师精编 优秀教案本课程教学总体安排课程名称：Web程序设计基础（实验）课程性质与类型：专业基础课+必修总学时、学分：32学时，1学分教学目的与要求：该实验课附属《Web程序设计基础》，是课堂教学的补充，主要以实践环节HTML基础知识、ASP.NET基础知识、ASP.NETADO.NET中的数据绑定等技术，使学生掌握ASP.NETWeb应用程序的技术。教材及参考书目：教材：《ASP.NET3.5网站开发实例教程》陈伟、卫琳清华大学出版社参考书目：[1].《ASP.NET2007.6[2].《c#&2001.8考核方式及成绩计算方法：考核方式：考查总成绩=平时成绩*20%+期末成绩*80%+实验成绩*10%课程教学日历课程名称：Web程序设计基础（实验）学期：2013-2014学年第二学期周次章节及教学内容累计学时1ASP.NET与VWD2005开发平台22XHTML基础知识23XHTML基础知识24ASP.NET基础知识25ASP.NET基础知识26ASP.NET服务器控件27ASP.NET服务器控件28ASP.NET服务器控件29页面切换与导航210页面切换与导航211页面布局212页面布局213ADO.NET数据访问214ADO.NET数据访问215ASP.NET中的数据绑定216ASP.NET中的数据绑定2实验一ASP.NETVWD2005开发平台实验名称：ASP.NETVWD2005实验时数：2学时授课类型：实验课教学方法与手段：指导目的要求：ASP.NETVWD2005VWD2005开发环境实验内容：VWD2005ASP.NET的运行环境。VWD2005lianxi1，并创建第一个页面exam1.aspxexam1.aspx的设计标签，切换到页面设计窗口，在页面中键入：“这是我的第一个ASP.NET程序”。运行这个页面。实验二XHTML基础知识实验名称：XHTML基础知识实验时数：4学时授课类型：实验课教学方法与手段：指导目的要求：XHTML的页面格式及语法规则XHTML标记的使用。实验内容：XHTML页面rumengling.aspx，结果如图所示：songci.aspx，输出结果如图所示：XHTML语言编写符合以下要求的页面：标题为“Anexampleofimage”，20015010个像素点。50020像素。（5）创建一个网页，通过链接可以跳转到（1）创建的rumengling.aspx上。实验三ASP.NET基础知识实验名称：ASP.NET基础知识实验时数：4学时授课类型：实验课教学方法与手段：指导目的要求：ASP.NET页面的运行机制和配置文件管理方式ASP.NET实验内容：编写程序，实现让用户输入两个整数，并使用一个按钮进行数据提交，使用Request对象来得到用户提交的数据，比较Get和Post方法的不同。ResponseWrite，Redirect，End方法。Session保存用户输入的信息，并在页面上显示。Cookie记录用户名，并在页面上显示出来。Application对象实现网站访问量统计。实验四 ASP.NET服务器控件实验名称：ASP.NET服务器控件实验时数：6学时授课类型：实验课教学方法与手段：指导目的要求：用。实验内容：ServerControlExperiment网站。default.aspx1个TextBox2个Button2ButtonText属性分别改为“增加”和“删除”。当单击【增加】按钮时，将TextBoxListBox中【删除】按钮时，删除ListBox中当前选定项。添加一个网页，要求将LabelLinkButtonHyperLinkPanelButtonPanelButtonPanel控件中文字的大小。单击LinkButtonHyperLinkRadioButtonPanelRadioButtonPanel控件。如图所示。MultiView3ViewView控件Image3RadioButtonViewView视图显示不同的图像。添加一个网页，在页面中添加AdRotator控件，链接XML现广告图像显示，当单击广告图像时导航到相应的网页。CheckBoxListButton按钮时将CheckBoxList的选项写到ListBox中。添加一个网页，在页面中添加RadioButtonList控件，单击Button按钮时将CheckBoxList的选项写到ListBox中。DropDownList控件的选项时导航到相应的网站。（9）添加一个网页，在页面中添加TextBox、RequiredFiledValidator和CompareValidatorCompareValidatorOperatorEqualGreaterThan等属性值得验证。实验五 页面切换与导航实验名称：页面切换与导航实验时数：4学时授课类型：实验课教学方法与手段：指导目的要求：Server.Transfer属性实现从一个页面切SiteMapPath、MenuTreeView实验内容：新建一个名为“Pages_Exercise”的应用程序。添加一个名为“Home.aspx”的主网页。添加一个网页“Page1.aspx”Home.aspx切换到此网页。添加三个网页“Page2.aspx”，“Page3.aspx”，“Page4.aspx”Button、LinkButton和ImageButton控件的PostBackUrl属性实现网页切换。添加两个网页“Page5.aspx”，“Page6.aspx”Response.Redirect对象传递数据的方法实现从“Page2.aspx”传递数据到“Page5.aspx”和Server.Transfer对象传递数据的方法实现从“Page3aspx”传递数据到“Page6.aspx”。SiteMapPathHome.aspx到“Page1.aspx”，“Page2.aspx”，“Page3.aspx”，“Page4.aspx”网站导航。在网页“Home.aspx”Menu控件实现自定义导航。在网页“Page_1.aspx”TreeView控件实现自定义导航。实验六页面布局实验名称：页面布局实验时数：4学时授课类型：实验课教学方法与手段：指导目的要求：熟悉层的应用，掌握层的布局，实验内容：CRM的网站在【解决资源管理器】中右击网站的名称，然后单击【添加新项Master1Master1ContentPlaceHolder控件，插入四个层。<divid="top">… </div><divid="left"> </div><div id="right"> <asp:ContentPlaceHolder runat="server"></asp:ContentPlaceHolder>  </div> <divid="bottom">版权所有，违者必究 </div>CSS样式。添加内容页。浏览网页如图所示效果。定义两个主题，利用主题实现换肤。实验七 ADO.NET数据库访问实验名称：ADO.NET数据库访问实验时数：4学时授课类型：实验课教学方法与手段：指导目的要求：ADO.NET数据库访问技术，CommandDataAdapter实验内容：新建名字为“Accessdatabase_Exercise”的网站。App_Data文件夹中，建立数据库“MyDatabase_Exercise.mdf”。式如下：Employees（ID，NAME，SEX，AGE，Dateofwork，FilenameofPhoto）web.config配置文件中，修改“<connectionStrings/>”标记如下。<connectionStrings><addname="ConnectionString"connectionString="DataSource=.\SQLEXPRESS;AttachDbFilename=|DataDirectory|\MyDatabase_Exercise.mdf;IntegratedSecurity=True;UserInstance=True"/></connectionStrings>Command对象实现新职工的录入。Command对象实现删除指定编号的职工记录。Command对象实现修改指定编号的职工信息。DataAdapterLabel控件上。实验八