WEB实验指导书.doc

Web应用开发技术 实验指导书 实验平台：Visual Studio 2005 + SQL Server 2000 运行环境：Windows XP + Microsoft Internet Explorer 8 实验方法： 下载老师所给的网站实例， 按照老师所给的步骤一步一步地来完成上机实验，不要直接复制老师所给的网站实例； 在需要写代码的地方，不要直接复制老师给的代码，要按照老师的代码一个字母一个字母的编写，体会VS2005编辑器的代码编写方法。因为：自己所写的每一个字母都是经过大脑思考的，如有不明白，可以向老师或者同学求教；如果自己直接复制一大块代码来看，细节之处是体会不到的。 老师给的网站实例只是一个框架，在充分理解老师给的网站实例运行逻辑后，然后在其基础上加入自己的代码，使得网站的功能更加完善，页面更加美观。 参考网址： W3School在线教程：/ 微软MSDN库：/library/ms123401  实验一 客户端脚本编程 实验目的 通过设计一个个人主页网站，理解CSS+DIV的页面布局，掌握JavaScript的语法和常用的浏览器对象，初步学会使用Visual Studio 2005创建网站和编辑网页的方法。 二、实验内容和要求 1. 自己设计CSS和网页布局，将所给的某个人网页改成展示自己的一个主页。要求展示的主要内容有：基本资料、学习经历、所得奖励、最新动态等。 2. 在网页的合适位置加入一些JavaScript特效，如显示当前时间、图片定时切换、文本自动滚屏等。 三、实验步骤： 1. 打开Microsoft Studio 2005程序。 2. 单击文件-新建-网站，打开如下图所示的窗口，选择ASP.NET模板，选择合适的存放位置，语言选择“Visual C#”，单击确定。 可以看到窗口如下图所示，在Default.aspx文件上单击右键，选择“删除”，将Default.aspx文件删除。 在“解决方案资源管理器”小窗口的网站根目录上单击右键，选择“添加新项”。 在打开的窗口中，选择HTML页，名称为Index.htm，单击“添加”。 在“Index.htm”文件上单击右键，选择“设为起始页”，即将Index.htm文件设置成为新建网站的起始页。 7. 单击窗口右边上的“工具箱”，单击工具栏的“自动隐藏”，使得该工具箱处于可见状态 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文件中，加入数