WEB程序设计实验指导书

广西师范大学职业技术师范学院计算机教研室

《Web程序设计》实验指导书

唐杰编著

广西师范大学职业技术师范学院

2011年2月

目录

实验一页面布局及样式控制 (1)

实验二用户界面交互及网页间数据传递。 (1)

实验三内置对象应用 (2)

实验四常用控件应用 (2)

实验五页面切换与导航 (3)

实验五页面切换与导航 (4)

实验六母版页及其应用 (5)

实验七数据库访问 (6)

实验八图片文件处理 (6)

实验九综合作业 (7)

参考文献： (7)

附录：程序设计实验报告 (8)

是一个功能强大、实用性很强的业界流行Microsoft网页开发技术，本实验采用的是较为常用的Visual Studio 2005以上版本进行开发。

本实验指导书中共有十三个实验，每一个实验内容中都包含若干个实验项目，共36学时。实验应掌握正确的方法，即：实验前先写好程序，然后再上机调试通过，并对调试结果

进行分析，总结实验的收获，以进一步理解和巩固所学知识。

实验报告要求：

1、注意填写必要的信息：学号、姓名、班级、指导老师。

2、必须认真填写实验题目、实验目的、设计分析、源代码、测试数据等。

实验一页面布局及样式控制

一、实验目的

1.掌握表格控制基本用法。

2.掌握CSS基本用法

二、实验内容

1.分别利用表格与div+css实现以下页面布局。整个页面：宽×高=800px×900px

合理设计各个模块的宽和高，并通过各模块Array的边框颜色进行模块区分。同时描述各功能模

块的一般用途。

2.配置IIS,要求完成：

1）创建虚拟目录

2）完成默认网页的属性设置，并设置访问默认页。

3）在实验报告中体现配置过程及访问过程。

实验二用户界面交互及网页间数据传递。

一、实验目的

1.练习基本服务器控件用法。

2.熟悉网页间数据传递及引用方法。

3.掌握服务器代码一般编写方法。

二、实验内容

设计如下一个登录界面，并将登录信息进行回示。

要求如下：

1）下拉列表框内的登录分类为：教师、学生、管理员

2）单击“登录”按钮后回分别以GET、POST方式回传所有输入信息到一个Lebal控件中进行显示。

3）密码输入不应是明文。

实验三内置对象应用

一、实验目的

1.掌握各内置对象的常用属性、方法、事件。

2.掌握各内置对象的应用技巧。

三、实验内容

1、创建一个Web窗体，实现网站访问的计数器功能，并将访问量保存于外部文件中。

2、创建两个Web窗体，分别用作登录页及首页，当在登录页上输入了正确的用户名

和密码后，将打开首页，而未通过登录页就直接访问首页将被拒绝访问。

实验四常用控件应用

一、实验目的

1.掌握通用控件的常用属性、方法和事件的使用。

2.对灵活运用各控件进行网页设计。

二、实验内容

1、模拟实现Windows Live ID账号的申请页面。

说明：

其中“检查可用性”按钮不作要求。

实验五页面切换与导航

一、实验目的

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）TreeV iew控件实现自定义导航。

实验六母版页及其应用

一、实验目的

1.掌握母版页及内容页创建方法

2.掌握母版页控件的使用方法。

二、实验内容

1. 根据所给的背景图（放在images目录下），实现相关的母版页，并通过内容页将其应用。

要求：

1）在相同目录下建一内容页引用。

2）在一个子目录下建一内容页引用。

实验七数据库访问

一、实验目的

1.掌握Sqlserver数据库数据的访问。

2.掌握包含有登录功能的网页设计及相关技术。

3.掌握 System.S ecurity.Cryptography命名空间的一般加密技术。

二、实验内容

1. 设计一个与实验二类似的登录窗体，并能实现用户的登录与注册功能，在注册页将

用户密码加密后保存到对应的数据库表中。

2、完成登录功能的实现。

实验八图片文件处理

一、实验目的

1.掌握HtmlInputFile控件上传文件方法。

2.掌握HttpPostedFile对象将图片上传到数据库及下载方法。

二、实验内容

1.设计一个网页，将图片上传到应用程序目录下的\images文件夹下，并将其文件名及

大小保存于数据库表中。

2.设计一个网页，通过GridView控件将所有图片以一定大小显示出来。