WEB实验指导书 - 图文

Web应用开发技术

实验指导书

实验平台：Visual Studio 2005 + SQL Server 2000

运行环境：Windows XP + Microsoft Internet Explorer 8

实验方法：

1. 下载老师所给的网站实例，

2. 按照老师所给的步骤一步一步地来完成上机实验，不要直接复制老师所给的网站实例； 3. 在需要写代码的地方，不要直接复制老师给的代码，要按照老师的代码一个字母一个字

母的编写，体会VS2005编辑器的代码编写方法。因为：自己所写的每一个字母都是经过大脑思考的，如有不明白，可以向老师或者同学求教；如果自己直接复制一大块代码来看，细节之处是体会不到的。

4. 老师给的网站实例只是一个框架，在充分理解老师给的网站实例运行逻辑后，然后在其

基础上加入自己的代码，使得网站的功能更加完善，页面更加美观。

参考网址：

1. W3School在线教程：http://www.w3school.com.cn/

2. 微软MSDN库：http://msdn.microsoft.com/library/ms123401

实验一 客户端脚本编程

一、 实验目的

通过设计一个个人主页网站，理解CSS+DIV的页面布局，掌握JavaScript的语法和常用的浏览器对象，初步学会使用Visual Studio 2005创建网站和编辑网页的方法。 二、实验内容和要求 1. 自己设计CSS和网页布局，将所给的某个人网页改成展示自己的一个主页。要求展示的主要内容有：基本资料、学习经历、所得奖励、最新动态等。 2. 在网页的合适位置加入一些JavaScript特效，如显示当前时间、图片定时切换、文本自动滚屏等。 三、实验步骤：

1. 打开Microsoft Studio 2005程序。

2. 单击文件->新建->网站，打开如下图所示的窗口，选择ASP.NET模板，选择合适的存放位置，语言选择“Visual C#”，单击确定。

3. 可以看到窗口如下图所示，在Default.aspx文件上单击右键，选择“删除”，将Default.aspx

文件删除。

4. 在“解决方案资源管理器”小窗口的网站根目录上单击右键，选择“添加新项”。

5. 在打开的窗口中，选择HTML页，名称为Index.htm，单击“添加”。

6. 在“Index.htm”文件上单击右键，选择“设为起始页”，即将Index.htm文件设置成为新建

网站的起始页。

7.

单击窗口右边上的“工具箱”，单击工具栏的“自动隐藏”，使得该工具箱处于可见状态

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

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

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