WEB实验报告
- 格式：docx
- 大小：380.46 KB
- 文档页数：14
《WEB 开发技术》实验指导书
2014 / 2015 年 第 2
学期
姓名：
学号：
班级：
计算机科学与工程系
2015年6月
《 WEB 开发技术》实验指导书
目 录
实验一 首页设计
............................................................................................................................................................................... 2
实验二 web 数据库连接与访问
............................................................................................................................................ 4
实验三 小型图书管理系统设计与实现
7
1
实验二 首页设计
实验一 首页设计
一、实验目的
:
1． 掌握常见网页设计工具的使用；
2． 掌握建立一个 web 站点的基本过程；
3． 掌握网站设计的基本技术与技巧。
一、实验环境
:
1． Frontpage2000/DREAMWEA VER ， Windows XP/2000,Microsoft SQLSERVER2000 ，
IIS5.0 以上， InterDev6.0 以及相关的图形图象处理工具
2．在实验之前先建立一个 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、 网站链接自然，顺畅方便。
四、实验过程与结果：
2
实验二 首页设计
五、实验小结与体会：
这次 WEB的实验是做一个首页，一开始，自己要确定所做首页的主题是什么。确定
了主题后开始搜集材料，思考怎么样凸显自己的主题，怎么样才能让网页开起来不繁琐。
最终我决定用简单的风格。用少量的文字和图片突出环境保护的主题，让自己的网页开起
来简约而不简单，呼吁人们保护环境。
通过这次实验，我学会了怎么用 dreamweaver 这个工具简单地设计网页，为以后更加复
杂的网页设计打下基础。
3
实验四 web 数据库连接与访问
实验二 web 数据库连接与访问
一、实验目的
:
1． 掌握创建数据库的方法；
2． 掌握利用 ASP 访问数据库的基本方法。
二、实验环境
:
1． Frontpage2000/DREAMWEA VER ， Windows 98/2000,Microsoft SQLSERVER2000 ，
IIS5.0 以上， InterDev6.0 以及相关的图形图象处理工具
2．在实验之前先建立一个 WEBWork文件夹（例如： 实验 4）用来存放本
次实验所建立的设计文件与文档。
三、实验预习与准备：
1. 熟悉 Microsoft SQLSERVER2000 的用法。
2. 熟悉 IIS5.0 并会用其配置 WEB 服务器。
3. 熟悉一种 web 数据库开发工具。
四、实验内容与要求：
实验内容
1：熟悉 WEB数据库的开发工具环境和使用方法并能够与数据库连接。
五、实验过程与结果
4
实验四 web 数据库连接与访问
5
实验四 web 数据库连接与访问
六、实验小结与体会
这次的实验一开始感觉挺难的， 要让计算机能运行
.asp 的动态网页， 还要连接数据库。
准备工作还提多的。 首先要在自己的计算机上配置 IIS,
才能运行 .asp 动态网页。 配置过程
自己在百度上找的，按照步骤一步步地配置完成，步骤较多，在实验里就不一一赘述了。
IIS 配置完成后，还要考虑网页连接数据库的要求。数据库用的
Access ，要在驱动里添加
ODBC数据源。然后开始制作网页，建立站点，我用的是 VBScript
脚本语言。对照课本，
一步步地将网页实现。
总的来说，这次实验学会了很多东西，比如 IIS
的配置， .asp 动态网页连接数据库，
dreamweaver 工具更加熟练的使用等等。
6
实验五 小型图书管理系统设计与实现
实验三 小型图书管理系统设计与实现
一、实验目的
1．掌握利用
ASP对象添加、删除、修改和查询数据的基本方法；
2．掌握其他
ASP组件使用的方法。
二、实验环境
1． Frontpage2000/DREAMWEA VER ， Windows 98/2000,Microsoft SQLSERVER2000 ，
IIS5.0 以上， InterDev6.0 以及相关的图形图象处理工具
2．在实验之前先建立一个 WEBWork文件夹（例如： 实验 5）用来存放本
次实验所建立的设计文件与文档。
三、实验预习与准备
1. 熟悉 Microsoft SQLSERVER2000 的用法。
2. 熟悉 IIS5.0 并会用其配置 WEB 服务器。
3. 熟悉一种 web 数据库开发工具。
四、实验内容与要求
实验内容 1：设计小型 Web 数据库系统（小型图书管理系统） , 其他 WEB信息系统也可 , 要求如
下 :
业务规则要求能管理读者 （办证、 注销、修改信息、 超期罚款、 违章处理等），
管理图书（编目、删除） ，能够借阅图书、还书
数据库表设计
能够实现登陆、查询图书与读者借阅情况，读者信息维护等
能够实现分页、报表生成等功能。
实验内容 2：其他 ASP组件的用法，如文件与文件夹组件、 Mailing list
组件等
7
实验五 小型图书管理系统设计与实现
五、实验过程与结果
首页
进入读者入口：
点击“全部书籍” ：
8
实验五 小型图书管理系统设计与实现
按条件查询：输入关键字“清华” ，选择出版社
输入关键字“数” ，选择书名
输入关键字“教育类” ，选择类型
9
实验五 小型图书管理系统设计与实现
关键字为空，点击查询
3、进入管理员入口，登录时填入错误账号 chenyy
若填入错误密码，则显示
正确输入账号和密码，则进入管理界面：
10
实验五 小型图书管理系统设计与实现
删除书号为“
5”的书籍后：
将“ 10”号书的类型修改为“神学类” ：
11
实验五 小型图书管理系统设计与实现
添加新书籍：
添加界面如下：
12
实验五 小型图书管理系统设计与实现
六、实验小结与体会
这次实验是最后一次试验，属于综合型实验，原本应该把这个学期所有学到的知识都
运用起来，但由于时间匆忙，只是实现了部分内容。这个小型的图书馆管理系统，只有添
加、修改、删除、查询书籍等简单的功能，还没实现借书、还书、用户注册等功能。
虽然做得很简单， 但还是碰到很多困难， 从中也学会了更多，
纠正了更多错误的想法。
其中最难的应该是按关键字查询书籍部分，也是第一次使用 "Select * From book Where " &
这个语句，在这里也耗费了很多时间。还有一个是检验密码正
确与否这一块，前几次也做过一些相类似的，在脚本语言里用 if 、 else if 来判断，最后返
回
Response.Redirect "mana.asp" ，但总是不起作用，或者直接跳回 mana.asp
，连输
密码的文本框也不显示，到现在我还没弄明白原因，但最后使用了以上的方法才成功的。
13
ke & " Like '%" & key & "%'"
