《2022年Web程序设计基础实验教案 .pdf》由会员分享，可在线阅读，更多相关《2022年Web程序设计基础实验教案 .pdf（9页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、名师精编优秀教案本 课 程 教 学 总 体 安 排课 程 名 称：Web程序设计基础（实验）课程性质与类型： 专业基础课 +必修总学时、学分： 32 学时， 1 学分教学目的与要求：该实验课附属 Web 程序设计基础，是课堂教学的补充，主要以实践环节教学为主，通过实验使学生更好地掌握HTML 基础知识、 ASP.NET 基础知识、ASP.NET 服务器控件、页面切换与导航、页面布局、ADO.NET 数据访问、ASP.NET中的数据绑定等技术，使学生掌握ASP.NET 网站开发方法和 Web应用程序的技术。教材及参考书目：教材：ASP.NET 3.5 网站开发实例教程陈伟、卫琳清华大学出版社参考
2、书目：1. ASP.NET网页设计与网站开发马俊等 人民邮电出版社2007.6 2. c# & ASP.NET郑淑芬等中国青年出版社2001.8 考核方式及成绩计算方法：考核方式：考查总成绩 =平时成绩 *20%+期末成绩 *80%+实验成绩 *10% 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 1 页，共 9 页 - - - - - - - - - 名师精编优秀教案课 程 教 学 日 历课程名称： Web程序设计基础（实验）学期： 2013-2014学年第二学
3、期周次章节及教学内容累计学时1 ASP.NET 与 VWD 2005 开发平台2 2 XHTML 基础知识2 3 XHTML 基础知识2 4 ASP.NET 基础知识2 5 ASP.NET 基础知识2 6 ASP.NET 服务器控件2 7 ASP.NET 服务器控件2 8 ASP.NET 服务器控件2 9 页面切换与导航2 10 页面切换与导航2 11 页面布局2 12 页面布局2 13 ADO.NET 数据访问2 14 ADO.NET 数据访问2 15 ASP.NET中的数据绑定2 16 ASP.NET中的数据绑定2 名师归纳总结 精品学习资料 - - - - - - - - - - - -
4、 - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 2 页，共 9 页 - - - - - - - - - 名师精编优秀教案实验一ASP.NET 与 VWD 2005 开发平台实验名称： ASP.NET与 VWD 2005 开发平台实验时数：2学时授课类型 ：实验课教学方法与手段 ：指导目的要求：（1）安装 ASP.NET的开发环境 VWD 2005 （2）熟悉 VWD 2005 开发环境（3）创建简单的动态网站。实验内容：（1）安装 VWD 2005，建立 ASP.NET的运行环境。（2）使用 VWD 2005 创建网站 lianxi1 ，
5、并创建第一个页面exam1.aspx （3）单击页面 exam1.aspx的设计标签，切换到页面设计窗口，在页面中键入：“ 这是我的第一个 ASP.NET 程序” 。（4）运行这个页面。实验二XHTML基础知识实验名称： XHTML 基础知识实验时数：4学时授课类型 ：实验课教学方法与手段 ：指导目的要求：（1）熟悉并会使用XHTML 的页面格式及语法规则（2）掌握 XHTML 文本标记、列表标记、表格标记、图像标记、超链接标记等标记的使用。实验内容：(1) 创建一个 XHTML 页面 rumengling.aspx，结果如图所示：名师归纳总结 精品学习资料 - - - - - - - - -
6、 - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 3 页，共 9 页 - - - - - - - - - 名师精编优秀教案(2) 练习列表标记 songci.aspx ，输出结果如图所示：(3) 用 XHTML 语言编写符合以下要求的页面：标题为“An example of image” ，在浏览器窗口中显示一个图像。图像的宽度为 200个像素点，高度为 150 个像素点，边框宽度为10个像素点。(4) 在网页中做一张课程表，要求所有的文字均居中，背景为黄色，表格居中，宽度为 500像素。单元格间距与单元格边距为20像素。（5）
7、创建一个网页，通过链接可以跳转到（1）创建的 rumengling.aspx上。实验三 ASP.NET 基础知识实验名称： ASP.NET 基础知识实验时数：4学时授课类型 ：实验课教学方法与手段 ：指导目的要求：（1）了解 ASP.NET页面的运行机制和配置文件管理方式名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 4 页，共 9 页 - - - - - - - - - 名师精编优秀教案（2）熟练掌握 ASP.NET 各种对象的使用方法。实验内容：(1) 编写程序
8、，实现让用户输入两个整数，并使用一个按钮进行数据提交，使用Request对象来得到用户提交的数据，比较Get 和 Post方法的不同。(2) 编写程序，使用Response对象的 Write，Redirect，End 方法。(3) 编写程序，利用Session保存用户输入的信息，并在页面上显示。(4) 编写程序，使用Cookie 记录用户名，并在页面上显示出来。(5) 利用 Application 对象实现网站访问量统计。实验四ASP.NET 服务器控件实验名称： ASP.NET 服务器控件实验时数：6学时授课类型 ：实验课教学方法与手段 ：指导目的要求：（1）熟悉用户控件的创建技术，掌握用户
9、控件的属性、事件、方法的定义和使用。（2）学会利用自定义用户控件制作导航条和用户登录控件。实验内容：（1）新建名字为 ServerControlExperiment网站。（2） 在 default.aspx页面中， 添加 1个 TextBox 控件、 2 个 Button 控件、 一个 ListBox控件，如图所示。将2 个 Button 控件的 Text 属性分别改为 “ 增加” 和“ 删除” 。当单击【增加】按钮时，将TextBox 文本框中的输入值添加到ListBox 中，但单击【删除】按钮时，删除ListBox 中当前选定项。（3）添加一个网页，要求将Label 控件、LinkButt
10、on 控件、HyperLink 控件放在Panel 控件中，当单击一组Button 按钮时改变 Panel控件的背景色，单击另一组Button 控件时改变 Panel控件中文字的大小。单击LinkButton 和 HyperLink 控件名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 5 页，共 9 页 - - - - - - - - - 名师精编优秀教案时分别导航到新的网页或网站。单击RadioButton 控件时隐藏 Panel控件，单击另一个 RadioBut
11、ton 控件时显示 Panel控件。如图所示。（4）添加一个网页，在MultiView 控件添加 3 个 View 控件，在每个 View 控件中各添加 Image 控件，再添加 3 个 RadioButton 控件切换各个 View 视图，每个View 视图显示不同的图像。（5）添加一个网页，在页面中添加AdRotator 控件，链接 XML 广告数据源，实现广告图像显示，当单击广告图像时导航到相应的网页。（6）添加一个网页，在页面中添加CheckBoxList 控件，单击 Button 按钮时将CheckBoxList 的选项写到 ListBox 中。（7）添加一个网页，在页面中添加Rad
12、ioButtonList 控件，单击 Button 按钮时将CheckBoxList 的选项写到 ListBox 中。（8）添加一个网页，选择DropDownList 控件的选项时导航到相应的网站。（ 9） 添 加 一 个 网 页 ， 在 页 面 中 添 加 TextBox 、 RequiredFiledValidator 和CompareValidator控件，实现 CompareValidator控件的 Operator 行为的 Equal、GreaterThan等属性值得验证。实验五页面切换与导航实验名称： 页面切换与导航实验时数：4学时授课类型 ：实验课教学方法与手段 ：指导目的要求：
13、（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”，“Page
14、4.aspx”分别利用 Button、名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 6 页，共 9 页 - - - - - - - - - 名师精编优秀教案LinkButton 和 ImageButton控件的 PostBackUrl 属性实现网页切换。（5）添加两个网页 “Page5.aspx”，“Page6.aspx”，分别利用Response.Redirect对象传递数据的方法实现从“Page2.aspx”传递数据到 “Page5.aspx” 和 Serve
15、r.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 控件实现自定义导航。实验六页面布局实验名称： 页面布局实验时数：4学时授课类型 ：实验课教学方法与手段 ：指导目的要求：（1）熟悉层的应用，掌握层的布局
16、，（2）掌握母版页的创建及使用方法，能够通过创建母版页来实现导航页面的设计 。实验内容：（1）新建一个名为CRM 的网站（2）在【解决资源管理器】中右击网站的名称，然后单击【添加新项】，添加母版页 Master1 （3）在母版页 Master1中，删除 ContentPlaceHolder控件，插入四个层。 版权所有，违者必究 （4）分别设置每个层的CSS样式。（5）添加内容页。（6）浏览网页如图所示效果。名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - -
17、- - - - - - - - - 第 7 页，共 9 页 - - - - - - - - - 名师精编优秀教案（7）定义两个主题，利用主题实现换肤。实验七ADO.NET 数据库访问实验名称： ADO.NET 数据库访问实验时数：4学时授课类型 ：实验课教学方法与手段 ：指导目的要求：（1）熟悉 ADO.NET 数据库访问技术，（2）掌握 Command和 DataAdapter对象操作数据库数据的方法。实验内容：（1）新建名字为 “Accessdatabase_ Exercise”的网站。（2）在网站的 App_Data 文件夹中，建立数据库 “MyDatabase_ Exercise.md
18、f ”。（3）在该数据库中建立一张职工表，并且添加一些模拟的职工记录。其关系模式如下：Employees（ID，NAME ，SEX，AGE，Date of work，Filename of Photo）（4）在 web.config 配置文件中，修改 “”标记如下。 （5）添加一个网页，利用Command对象实现新职工的录入。（6）添加一个网页，利用Command对象实现删除指定编号的职工记录。（7）添加一个网页，利用Command对象实现修改指定编号的职工信息。名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - -
19、 - - - - - - - - - - 第 8 页，共 9 页 - - - - - - - - - 名师精编优秀教案（8）添加一个网页， 利用 DataAdapter对象实现查询职工信息， 并显示到网页的Label 控件上。实验八ASP.NET 中的数据绑定实验名称： ASP.NET中的数据绑定实验时数：4学时授课类型 ：实验课教学方法与手段 ：指导目的要求：（1）熟悉 ASP.NET中的数据绑定（2）掌握使用 GridView、DataList 和 FormView 进行数据显示和处理的方法。实验内容：（1）新建 DataBinding_Exercise的网站。（2）创建相关数据库。（3）添加网页，利用GridView 实现数据的分页显示、修改和删除。（4）添加网页，利用DataList 实现数据的显示。（5）添加网页，利用FormView 实现数据的增、删、改。名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 9 页，共 9 页 - - - - - - - - -