WEB实验指导书 - 图文

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进行验证,体会客户端验

联系客服:779662525#qq.com(#替换为@)