《网站建设与开发》
实验指导书
信息科学与技术学院
2006年12月
目 录
实验一 编程环境配置与测试 ................................................................ 2 实验二 HTML标记符的使用 ................................................................... 4 实验三 网页编辑器的使用 .................................................................... 6 实验四 VBSCRIPT基础 ........................................................................... 9 实验五 JAVASCRIPT实验六 ASP实验七 实验八 实验九 实验十 基础 ..................................................................... 11 对象的应用 ....................................................................... 13 ASP组件的应用 ...................................................................... 17 数据管理的存取操作 .............................................................. 19 留言板实例的制作 .................................................................. 27 设计开发应用网站 .................................................................. 28
1
实验一 编程环境配置与测试
实验项目性质：验证性 计划学时：2学时 一、实验目的
掌握关于静态网页和动态网页的相关知识，熟悉IIS的安装过程与配置方法。了解ASP网页的编写和Web服务器系统基础构架。
二、预习与参考
预习《第一章 ASP基础》内容。
三、实验器材
配置网络环境的计算机系统，安装有IIS、Dreamweaver MX 2004、Access 2000/SQL Server 2000数据库系统等。
四、实验内容
1．制作一个主页（index.htm）
在D盘上建立一个文件夹（MySite），运行Dreamweaver MX 2004，在文件夹中按下图建立一个网页（index.htm）：
2．添加IIS
选择“开始/设置/控制面板”命令，在控制面板中双击“添加/删除程序”命令，从弹出的“添加/删除程序”窗口中选择“添加删除Windows组件”命令，在弹出的“Windows组件向导”对话框的“组件”下选择“Internet信息服务（IIS）”。然后在光驱中放入系统源
2
盘，单击“下一步”按钮，显示“完成‘Windows组件向导’”对话框后单击“完成”按钮即可。
3．设置服务器
① 打开“Internet信息服务”窗口
② IP地址设置（检查端口号是否为：80） ③ 修改主目录及访问权限
④ 设置默认文档（在这里是index.htm） 4．对服务器进行调试
通过一个 HTTP 请求在 Web 浏览器中打开该测试页。 ① 在本机测试
如果IIS 正在您的本地计算机上运行，则在 Web 浏览器中输入以下 URL： http:// localhost http:// 127.0.0.1
② 在另一台机器上调出你建的网页，相互访问。
如果 IIS 运行在联网的计算机上，则将联网计算机名或IP地址用作域名。例如，如果运行IIS 的计算机的名称是“dming”或IP地址为“192.168.0.1”，则在浏览器中输入以下 URL：
http:// dming http:// 192.168.0.1
如能看到网页，说明Web服务器已架设成功。 5．内容扩展
① 在D盘上建立一个文件夹（MySite1），运行Dreamweaver MX 2004，在文件夹中建立一个网页（WTE1_1.asp）：
<%@ LANGUAGE = \
<% For i = 3 To 7 %> > 欢迎光临!
<% Next %>
② 创建一个虚拟目录（别名：MyWeb，源文件目录：MySite1）； ③ 运行虚拟目录中的网页：http://127.0.0.1/MyWeb/WTE1_1.asp 。
五、思考题：
（1）什么是IIS？IIS的主要用途是什么？
（2）什么是ASP？简述ASP的特点及其工作过程。 （3）什么是站点的虚拟目录？为什么要创建虚拟目录？
3
实验二 HTML标记符的使用
实验项目性质：验证性 计划学时：2学时 一、实验目的
熟悉并掌握HTML标记符的用法和功能。掌握HTML网页的基本结构，学会利用HTML标记符来编写简单的网页，达到能够编写和阅读HTML网页源代码的目的。
二、预习与参考
预习《第二章 Web页面制作基础》内容。
三、实验器材
配置网络环境的计算机系统，安装有IIS、Dreamweaver MX 2004、Access 2000/SQL Server 2000数据库系统等。
四、实验内容
1、试用记事本编写一个名为WEE2_1.htm的页面，并在网页中以标题2号字，居中，蓝色输出“Hypertext Mark-up Language”,页面的标题设置为“网页测试”。
2、编写一页面，设置页面背景图为bg1.jpg，在页面中居中显示名为flower1.jpg的图形文件。
3、编写一页面，在页面中显示输出图2.12所示的表格，表格的宽度为450，边线宽度为1.
单元格11 单元格21 [参考代码]
单元格12 单元格22 单元格31 单元格13 单元格32 4