动态网页设计》 《 ASP 动态网页设计 》 实 验 指 导 书
系部: 系部:信息工程系 专业: 专业:计算机应用专业
目
录
实验一 WINDOWS 2000 SERVER IIS 的安装与配置 2 标记符的使用(表格、表单对象、 样式) 实验二 HTML 标记符的使用(表格、表单对象、CSS 样式) 3 实验三 JAVASCRIPT 程序设计 7 实验四
VBSCRIPT 编程 10 实验五 ASP 内建对象 13 实验六 利用 ADO 对象实现对数据库的存取操作 17 可安装组件和脚本对象的应用 20 实验七 可安装组件和脚本对象的应用
1
实验一 Windows 2000 Server IIS 的安装与配置
一、实验目的: 实验目的: 熟悉 IIS 的安装过程与配置方法。通过编写简单的 ASP 页面,掌握 ASP 网 页的编写和运行方法。 二、实验要求: 实验要求: 学生掌握关于动态网页的相关知识;具备制作静态网页的基础;具备一定 的网络基础知识。 三、实验器材: 实验器材: Windows 2000 Server 计算机系统; 安装 IIS、 Dreamweaver MX 2004、 Access 2000 数据库系统等。 : 四、实验内容(步骤、结果) 实验内容(步骤、结果) 1、ASP Web 服务器的安装与配置; 参考步骤] [参考步骤]:
1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 检测本机的 TCP/IP 协的运行情况:运用 Ping 和 IPconfig 命令; 将 windows 2000/XP 光盘插入教师机中,将其共享; 学生机器将查看自己的 IP 地址,在
网络中配置; 在添加和删除程序中,添加 IIS; 在自己的本地硬盘中用 03soft 建一文件夹; 在管理工具中 Internet 信息服务中配置 IIS; 运行 Dreamweaver MX 2004 建立站点,完成相关的设置,其中根目录与 IIS 中一致, 并使用服务器技术; 启动 Dreamweaver MX 2004,然后切换到源代码显示方式; 在与之间,加入以下 ASP 代码: <%Response.write(“这是利用 ASP 网页输出的信息”)%>; 将网页保存到 C:\03soft 目录下,文件命名为 first.asp; 启 动 IE 浏 览 器 , 在 地 址 栏 中 键 入 : localhost/first.asp 或 127.0.0.1/first.asp,然后按回车。注意观察输出结果;
2、FTP 服务器的配置 参考步骤] [参考步骤]:
1. 右击“我的电脑”|“管理” ,进入“
计算机管理”界面,新建用户,如:soft_student, 密码为:123456; 2. 进入 IIS 界面,选择“默认 FTP” ,进行相应的选项设置,如添加:添加用户名和密 码;文件的目录等; 3. 打开 IE 浏览器,在地址栏中输入:FTP://localhost,自动弹出对话框,要求输入用 户名和密码,根据在 FTP 中的设置输入后,窗口将显示站点根目录中的相关内容,表 示访问成功;
2
4. 复制本机中的网页文件,粘贴在窗口文件夹中,即为上传。
标记符的使用(表格、表单对象、 样式) 实验二 HTML 标记符的使用(
表格、表单对象、CSS 样式)
一、实验目的: 实验目的: 熟悉并掌握 HTML 标记符的用法和功能。掌握 HTML 网页的基本结构,学会 利用
HTML 标记符来编写简单的网页, 达到能够编写和阅读 HTML 网页
源代码的目 的,其中重点要掌握有关表单和 CSS 层叠样式表的应用; 二、实验要求: 实验要求: 学生掌握关于 HTML 的相关知识;具备制作静态网页的基础;具备一定的网 络基础知识。 三、实验器材: 实验器材: Windows 2000 Server 计算机系统; 安装 IIS、 Dreamweaver MX 2004、 Access 2000 数据库
系统等。 四、实验内容: 实验内容: 1、熟练应用 DreamWeaver 中表单工具生成表单; 试在当前页面中
设计一名为 userinfo 的表单,用以收集注册用户的资料, 并将其提交给 userlogin.asp 页面处理。界面如图所示: 用 户 注 册 用 户 名: 密 码: 重复密码: 重复密码: 男 性 别: 教育水平: 教育水平: 电子邮箱 确定 重填
女
[对应代码] 对应代码]
[实验提示] 实验提示] 加粗 HTML 标记部分对应的是表单中的各个对象, 注意观察它们的表述形式, 其中尤其“input”标记; 2、熟练使用 CSS 层叠样式表对页面进行编排 对上述表单运用 CSS 层叠样式表进行编排,步骤:从大到小、从外到内、
4
从上到下; [参考样式] 参考样式] 样式名称
form #form table .Table_title .Form_content .Form_bottom Input_len Td [对应代码] 对应代码]
6
实验三 JavaScript
程序设计
实验目的: 一、 实验目的:
深刻理解有关函数中变量的作用域和各类控制语句的功能;理解和灵活运 用 JavaScript 中
常用的几个对象及浏览器对象的属性和方法;
实验要求: 二、 实验要求:
回顾和复习以前 C 语言的基本语法知识;进一步加深理解 Javascript 语法 知识;
实验器材: 三、 实验器材:
Windows 2000 Server 计算机系统; 安装 IIS、 Dreamweaver MX 2004、 Access 2000 数据库系统等。
四、实验内容: 实验内容:
1、关于变量的作用域 调试下列程序,观察并说明窗口中显示的结果; 2、控制语句与函数的应用,用 3 种方式实现(if 语句、条件表达式、函数 调用); 根据时间段的不同, 在网页中显示不同的问候语, 若小时数在 12 点以前, 则输出“早上好! ”的问候语,颜色为绿色;若在 12 点至 18 点,则输出“下午 好! ”颜色为黄色;18 点以后输出“晚上好! ”颜色为黑色。 参考代码] [参考代码] 方法 1: 方法 2:…… 方法 3:…… 3、运用 windows 对象的属性与方法实现动感网页效果; (1)运用
JavaScript 和 windows 对象 setTimeout 方法编程实现在网页中 不断显示不同图片的动画效果,有几个按钮控制该动画的不同效果,分别为:放 大、
缩小、向前、向后、停止、启动; 参考代码] [参考代码]
按钮代码: 按钮代码: (2)运用 JavaScript 和 windows 对象 status 属性编程实现网站状态行跑 马灯式文字效果的显示: “欢迎光临本站” 。 4、JavaScript 的事件处理实现交互式网页功能; 试在当前页面中设计一名为 userinfo 的表单, 用以收集注册用户的资料, 并将其提交给 userlogin.asp 页面处理。 在数据提交之前在前台完成相关数据的 检验,要求“用户名”不能为空,两个密码必须相同,电子邮件必须符合格式等; 符合条件则提交,否则不提交,运用两种方式实现(自身提交功能、利用提交方 法 document.login.submit();)界面如图所示: 用 户 注 册 用 户 名: 密 码: 重复密码: 重复密码: 男 女 性 别: 教育水平: 教育水平: 电子邮箱 确定 重填
8
[参考代码] 参考代码]