WEB实验报告

《WEB开发技术》实验指导书2014 / 2015 年第2 学期

姓名：

学号：

班级：

计算机科学与工程系

2015年6月

目录

实验一首页设计 (2)

实验二web数据库连接与访问 (4)

实验三小型图书管理系统设计与实现 (7)

实验一首页设计

一、实验目的:

1．掌握常见网页设计工具的使用；

2．掌握建立一个web站点的基本过程；

3．掌握网站设计的基本技术与技巧。

一、实验环境:

1．Frontpage2000/DREAMWEA VER，Windows XP/2000,Microsoft SQLSERVER2000，IIS5.0以上，InterDev6.0以及相关的图形图象处理工具

2．在实验之前先建立一个WEBWork文件夹（例如：E:\WEBWork\实验2）用来存放本次实验所建立的设计文件与文档。

二、实验预习与准备：

1．熟悉Windows XP或Windows 2000的操作环境，了解Frontpage2000/DREAMWEA VER 的用法。

2．熟悉有关图形图象处理软件如PhotoShop,FireWorks,Flash等.

三、实验内容与要求：

1、熟悉WEB站点的开发工具环境和使用方法

2、根据自拟的主题设计WEB站点的首页,主要注意一下几个方面

3、版面布局：主要是考虑导航、必要信息与正文之间的布局关系。

4、色彩搭配：色彩搭配应和网站的定位相一致，应衬托主题。

5、字体的设置和表格的嵌套。

6、网站上超媒体元素力求丰富，即应包含一些必要的动画、图形、图象以及

声音或流媒体文件（视频、音频）。

7、网站包含一些动态效果，可使用VBScript,Javascript语言来实现，用CSS

来实现一些统一的样式与显示效果。

8、网站链接自然，顺畅方便。

四、实验过程与结果：

五、实验小结与体会：

这次WEB的实验是做一个首页，一开始，自己要确定所做首页的主题是什么。确定了主题后开始搜集材料，思考怎么样凸显自己的主题，怎么样才能让网页开起来不繁琐。最终我决定用简单的风格。用少量的文字和图片突出环境保护的主题，让自己的网页开起来简约而不简单，呼吁人们保护环境。

通过这次实验，我学会了怎么用dreamweaver这个工具简单地设计网页，为以后更加复杂的网页设计打下基础。

实验二web数据库连接与访问

一、实验目的:

1．掌握创建数据库的方法；

2．掌握利用ASP访问数据库的基本方法。

二、实验环境:

1．Frontpage2000/DREAMWEA VER，Windows 98/2000,Microsoft SQLSERVER2000，IIS5.0以上，InterDev6.0以及相关的图形图象处理工具

2．在实验之前先建立一个WEBWork文件夹（例如：E:\WEBWork\实验4）用来存放本次实验所建立的设计文件与文档。

三、实验预习与准备：

1.熟悉Microsoft SQLSERVER2000的用法。

2.熟悉IIS5.0并会用其配置WEB服务器。

3.熟悉一种web数据库开发工具。

四、实验内容与要求：

实验内容1：熟悉WEB数据库的开发工具环境和使用方法并能够与数据库连接。

五、实验过程与结果

六、实验小结与体会

这次的实验一开始感觉挺难的，要让计算机能运行.asp的动态网页，还要连接数据库。准备工作还提多的。首先要在自己的计算机上配置IIS,才能运行.asp动态网页。配置过程自己在百度上找的，按照步骤一步步地配置完成，步骤较多，在实验里就不一一赘述了。IIS配置完成后，还要考虑网页连接数据库的要求。数据库用的Access，要在驱动里添加ODBC数据源。然后开始制作网页，建立站点，我用的是VBScript脚本语言。对照课本，一步步地将网页实现。

总的来说，这次实验学会了很多东西，比如IIS的配置，.asp动态网页连接数据库，dreamweaver工具更加熟练的使用等等。

实验三小型图书管理系统设计与实现

一、实验目的

1．掌握利用ASP对象添加、删除、修改和查询数据的基本方法；

2．掌握其他ASP组件使用的方法。

二、实验环境

1．Frontpage2000/DREAMWEA VER，Windows 98/2000,Microsoft SQLSERVER2000，IIS5.0以上，InterDev6.0以及相关的图形图象处理工具

2．在实验之前先建立一个WEBWork文件夹（例如：E:\WEBWork\实验5）用来存放本次实验所建立的设计文件与文档。

三、实验预习与准备

1.熟悉Microsoft SQLSERVER2000的用法。

2.熟悉IIS5.0并会用其配置WEB服务器。

3.熟悉一种web数据库开发工具。

四、实验内容与要求

实验内容1：设计小型Web数据库系统（小型图书管理系统）,其他WEB信息系统也可,要求如下:

●业务规则要求能管理读者（办证、注销、修改信息、超期罚款、违章处理等），

管理图书（编目、删除），能够借阅图书、还书

●数据库表设计

●能够实现登陆、查询图书与读者借阅情况，读者信息维护等

●能够实现分页、报表生成等功能。

实验内容2：其他ASP组件的用法，如文件与文件夹组件、Mailing list组件等

五、实验过程与结果首页

进入读者入口：

点击“全部书籍”：

按条件查询：输入关键字“清华”，选择出版社

输入关键字“数”，选择书名

输入关键字“教育类”，选择类型

关键字为空，点击查询

3、进入管理员入口，登录时填入错误账号chenyy

若填入错误密码，则显示

正确输入账号和密码，则进入管理界面：

删除书号为“5”的书籍后：

将“10”号书的类型修改为“神学类”：

添加新书籍：

添加界面如下：

六、实验小结与体会

这次实验是最后一次试验，属于综合型实验，原本应该把这个学期所有学到的知识都运用起来，但由于时间匆忙，只是实现了部分内容。这个小型的图书馆管理系统，只有添加、修改、删除、查询书籍等简单的功能，还没实现借书、还书、用户注册等功能。

虽然做得很简单，但还是碰到很多困难，从中也学会了更多，纠正了更多错误的想法。其中最难的应该是按关键字查询书籍部分，也是第一次使用"Select * From book Where " & ke & " Like '%" & key & "%'"这个语句，在这里也耗费了很多时间。还有一个是检验密码正确与否这一块，前几次也做过一些相类似的，在脚本语言里用if、else if来判断，最后返回Response.Redirect "mana.asp"，但总是不起作用，或者直接跳回mana.asp，连输密码的文本框也不显示，到现在我还没弄明白原因，但最后使用了以上的方法才成功的。