WEB程序设计实验指导书.doc

广西师范大学职业技术师范学院计算机教研室广西师范大学职业技术师范学院计算机教研室 Web Web 程序设计程序设计 实验指导书实验指导书 唐唐 杰杰 编著编著 广西师范大学职业技术师范学院 2011 年 2 月 目目 录录 实验一 页面布局及样式控制 1 实验二 用户界面交互及网页间数据传递 1 实验三 ASP NET 内置对象应用 2 实验四 ASP NET 常用控件应用 2 实验五 页面切换与导航 3 实验五 页面切换与导航 4 实验六 母版页及其应用 5 实验七 数据库访问 6 实验八 图片文件处理 6 实验九 综合作业 7 参考文献 7 附录 ASP NET 程序设计实验报告 8 1 ASP NET 是一个功能强大 实用性很强的业界流行 Microsoft 网页开发技术 本实验 采用的是较为常用的 Visual Studio 2005 以上版本进行开发 本实验指导书中共有十三个实验 每一个实验内容中都包含若干个实验项目 共 36 学 时 实验应掌握正确的方法 即 实验前先写好程序 然后再上机调试通过 并对调试结 果进行分析 总结实验的收获 以进一步理解和巩固所学知识 实验报告要求 实验报告要求 1 注意填写必要的信息 学号 姓名 班级 指导老师 2 必须认真填写实验题目 实验目的 设计分析 源代码 测试数据等 实验一 页面布局及样式控制 一 实验目的 1 掌握表格控制基本用法 2 掌握 CSS 基本用法 二 实验内容 1 分别利用表格与 div css 实现以下页面布局 整个页面 宽 高 800px 900px 合理设计各个模块的宽和高 并通过各模 块的边框颜色进行模块区分 同时描述各功 能模块的一般用途 2 配置 IIS 要求完成 1 创建虚拟目录 2 完成默认网页的属性设置 并设置访问默认页 3 在实验报告中体现配置过程及访问过程 实验二 用户界面交互及网页间数据传递 一 实验目的 1 练习 ASP NET 基本服务器控件用法 2 熟悉网页间数据传递及引用方法 3 掌握服务器代码一般编写方法 二 实验内容 设计如下一个登录界面 并将登录信息进行回示 顶部内容区 导航栏 左 上 右上 左 下 中间信息区 右下 页脚 2 要求如下 1 下拉列表框内的登录分类为 教师 学生 管理员 2 单击 登录 按钮后回分别以 GET POST 方式回传所有输入信息到一个 Lebal 控件中进行显示 3 密码输入不应是明文 实验三 ASP NET内置对象应用 一 实验目的 1 掌握 ASP NET 各内置对象的常用属性 方法 事件 2 掌握各内置对象的应用技巧 三 实验内容 1 创建一个 Web 窗体 实现网站访问的计数器功能 并将访问量保存于外部文件中 2 创建两个 Web 窗体 分别用作登录页及首页 当在登录页上输入了正确的用户名 和密码后 将打开首页 而未通过登录页就直接访问首页将被拒绝访问 实验四 ASP NET常用控件应用 一 实验目的 1 掌握通用控件的常用属性 方法和事件的使用 2 对灵活运用各控件进行网页设计 二 实验内容 1 模拟实现 Windows Live ID 账号的申请页面 说明 其中 检查可用性 按钮不作要求 3 提交 4 实验五 页面切换与导航 一 实验目的 1 掌握页面切换与页面间数据传递 2 掌握页面间切换的一般方法 二 实验内容 1 假定网站包含下面的页面 个人资料 包含个人简介 p1 aspx 学习经历 p2 aspx 业余爱好 p3 aspx 学习资料 包含学习资料 1 x1 aspx 学习资料 2 x2 aspx 备忘录 包含备忘录 1 b1 aspx 备忘录 2 b2 aspx 备忘录 3 b3 aspx 备忘录 4 b4 aspx 请分别用 1 站点地图和 SitemMapPath 控件实现站点导航 2 menu 控件实现站点导航 3 TreeView 控件实现自定义导航 5 实验六 母版页及其应用 一 实验目的 1 掌握母版页及内容页创建方法 2 掌握母版页控件的使用方法 二 实验内容 1 根据所给的背景图 放在 images 目录下 实现相关的母版页 并通过内容页将 其应用 要求 1 在相同目录下建一内容页引用 2 在一个子目录下建一内容页引用 6 实验七 数据库访问 一 实验目的 1 掌握 Sqlserver 数据库数据的访问 2 掌握包含有登录功能的网页设计及相关技术 3 掌握 System S ecurity Cryptography 命名空间的一般加密技术 二 实验内容 1 设计一个与实验二类似的登录窗体 并能实现用户的登录与注册功能 在注册页将 用户密码加密后保存到对应的数据库表中 2 完成登录功能的实现 实验八 图片文件处理 一 实验目的 1 掌握 HtmlInputFile 控件上传文件方法 2 掌握 HttpPostedFile 对象将图片上传到数据库及下载方法 二 实验内容 1 设计一个网页 将图片上传到应用程序目录下的 images 文件夹下 并将其文件名及 大小保存于数据库表中 2 设计一个网页 通过 GridView 控件将所有图片以一定大小显示出来 7 实验九 综合作业 一 实验目的 1 能综合运用所学知识完成一个中小型网站的开发 2 掌握布局与层叠样式设计 后台数据库的处理等综合运用 二 实验内容 1 设计一个网站 可以独立或小组 最多不超过 3 人 完成一个网站的建立 若是小 组 完成 要求分工明确 并独立提交设计文档 参考文献 1 刘友生 ASP NET 项目实训 研究出版社 2008 2 马骏等 ASP NET 网页设计与网站开发上机实践和实例解析 人民邮电出版社 2010 3 马骏等 ASP NET 网页设计与网站开发 人民邮电出版社 2007 6 蒋培 王笑梅 ASP NET Web 程序设计 清华大学出版社 2007 8 附录 ASP NET程序设计实验报告 ASP NET 程序设计实验报告程序设计实验报告