8. 在“解决方案资源管理器”的网站根目录上单击右键，单击“新建文件夹”，输入Images，该文件夹存放本网站用到的图片。

9. 切换到“设计”视图，可以将工具箱中的“标记”拖到设计视图中，进行页面设计，也可以在“源”视图中，对网页源代码直接编辑。

10. 将老师提供的“实验一”文件夹下的“Index.htm”的代码复制到自己所建的网站的

Index.htm的“源”视图中， 将老师提供的Images文件夹中的图片复制到自己所建的网站的Images文件夹中。切换到“设计”视图。

11. 选中某一个标记，单击右键，选择“属性”，可以在VS2005的右下角看到属性窗口，对该标记的属性进行设置。

12. 单击工具栏中的绿色三角形，或者直接按F5，可以在IE窗口中进行预览。

13. 关闭IE窗口，可以回到VS2005继续进行编辑。

14. 理解老师所给的实验一的切换Tab页的JavaScript代码和相关CSS样式，将原有的个人主页改成展示自己的网页，同时增加Tab页。展示的主要Tab页有：基本资料、学习经历、所得奖励、最新动态等。并在网页的合适位置加入一些JavaScript特效，如显示当前时间、图片定时切换、文本自动滚屏等。

实验二 服务器端简单程序设计

一、 实验目的

通过使用ASP.NET设计一个聊天室，掌握Session，Request，Response，Application等对象的使用方法，掌握常用的服务器端控件，掌握JavaScript客户端验证方法，初步学习连接数据库，并使用C#编写后台代码。 二、实验内容和要求 1. 按照步骤实现所给的聊天室网站，理解该网站的运行机制； 2. 对聊天室的网站内容和功能进行扩充。 三、实验步骤：

1. 打开SQL Server 2000，新建一个数据库名为Chat。

2. 在Chat数据库中，新建一个数据库表名为Users，用于记录聊天室的所有注册用户。该表有两列： Username varchar(50) primary key Password varchar(50) not null 3. 使用VS2005新建一个ASP.NET网站“实验二”，语言选择Visual C#。

4. 在“解决方案资源管理器”中，在网站根目录下添加新项，选择“Web配置文件”。 5. 在新生成的Web.Config文件中，加入数据库的连接字符串。方法为：将

< connectionStrings /> 改为

6. 在“解决方案资源管理器”中，在网站根目录下添加新项，选择“Web窗体”，命名为Register.aspx，在其中加入两个asp:TextBox控件、一个asp:Button控件、一个asp:Label控件和一个asp:HyperLink控件。

7. 在“设计”视图中，双击“注册”按钮，进入该Web窗体对应的后台控制程序Register.aspx.cs。 8. 在Register.aspx.cs的顶部引入System.Data.SqlClient命名空间。

9. 在btnRegister_Click添加代码，在服务器端验证用户的输入，如果用户输入没有问题，且数据库中不存在重名用户，则允许用户注册。

10. 在在“解决方案资源管理器”中，在网站根目录下添加新项，选择“HTML文件”，命名为Login.htm。将其“设为起始页”。在其中加入表单中，表单中加入一个HTML文本域、一个HTML密码域和一个提交按钮，并在客户端提交时利用JavaScript进行验证，体会客户端验