动态网页设计与网站管理实验指导书

更新时间：2023-08-11 21:10:01 阅读量：资格考试认证文档下载

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。

动态网页设计实验总结推荐度：
相关推荐

《动态网页设计与网站管理》

实验指导书

李桂芝编写

北京信息科技大学计算中心

2010.3.9

实验一 ASP运行环境的配置

一、实验学时：2学时二、实验类型：验证性

该实验的目的在于验证已经学习过的ASP运行环境的配置。目的明确、原理清楚，所验证的知识点单一，实验方法、步骤制定完备，学生只需根据“实验指导书”中的操作步骤进行操作，就会在规定的时间内完成实验，得出实验结果，撰写实验报告。

三、实验目的

1．掌握 Windows 2000/XP上IIS的安装与配置； 2．理解虚拟目录的设置方法；

3．掌握ASP文件的编写和运行方法。

4．掌握Dreamweaver MX站点环境的设置。四、实验内容

1．在自己的个人计算机上安装IIS。 2．配置IIS

3．ASP文件的编写和运行

4．Dreamweaver MX站点环境的设置五、实验步骤

1．安装IIS

（1）将WINDOWS系统光盘插入光驱。（2）将WINDOWS 2000系统光盘插入光驱，在“开始”->“设置”->“控制面板”->”添加删除程序”并单击“添加删除 windows组件”选项。

（3）在弹出的“windows组件向导”对话框中选中“Internet信息服务（IIS）”复选框安装界面如图1-1所示。

图1-1 Internet信息服务器安装界面

（4）再单击“下一步”按钮，会弹出“选择安装路径的对话框，选择Windows系统盘的路径（G:\wind\tools\i386下的文件）。

（5）单击“确定”按钮，再单击“下一步”按钮，按屏幕提示完成安装。（6）检验安装。启动IE浏览器，在地址栏输入：http://localhost 或http://127.0.0.1，并按回车键，出现如图1-2所示的网页，表示IIS组件已经安装成功。

图1－2 测试网页

2．配置IIS

（1）开始－>控制面板－>管理工具－> Internet服务管理器命令，可以打开“Internet信息服务”窗口，如图1-3 所示。

图1-3 Internet信息服务对话框

（2）右键单击“默认网站”，在弹出的快捷菜单中选择“属性”，将会出现如图1-4“网站属性”对话框；

图1-4 “网站属性”对话框

（3）配置 IP 。这里可以指定Web站点的IP，如没有特别需要，则选择全部未分配。

（4）指定站点主目录。主目录用来存放站点文件的位置，默认是 C:Inetpub\wwwroot。单击“主目录”标签，切换到如图1-5所示的主目录设置页面，该页面可实现对主目录的更改或设置。可以选择其他目录作为存放站点文件的位置。点击“浏览”按钮，选择存放站点文件的实际物理路经的c:\myweb。

图1-5主目录设置页面

（5）设定默认文档。每个网站都会有默认文档，默认文档就是访问者访问站点时首先要访问的那个文件，未制定所要访问的网页文件时，系统会访问默认的页面文件。常见的主页文件名有index.htm、index.asp、default.htm、default.asp等。单击“文档”标签，选择启动默认的文档复选框；点选“添加”按钮，在默认文档对话框中设置默认文档名（取名为：index.asp为默认显示首页）；通过箭头按钮，调整默认文档搜索顺序。如图1-6所示：

图1-6 设置启动默认文档

3．虚拟目录的设置

要从主目录以外的其他目录中进行发布，就必须创建虚拟目录。“虚拟目录”不包含在主目录中，但在显示给客户浏览器时就象位于主目录中一样。本实验以对实际路径（例如：d:\aspexample）创建虚拟目录来说明其操作过程。（1）在D:盘根目录下创建aspexample文件夹。（2）打开Internet信息服务器。

（3）新建虚拟目录：在“默认网站”单击鼠标右键，选择“新建”－>“虚拟目录”，如图1－7所示。

图1-7 “虚拟目录创建向导——开始”对话框

（4）单击“下一步”按钮，将会出现“虚拟目录创建向导——虚拟目录别名”对话框，在该对话框中“别名”下的文本框中输入“ASPE”，如图1-8所示；

图1-8“虚拟目录创建向导——虚拟目录别名”对话框

（5）单击“下一步”按钮，将会出现“虚拟目录创建向导——网站内容目录”对话框，在该对话框中“目录”下面的文本框中输入文件夹名“D:\ASPExmaple”或单击“浏览”按钮，查找到“D:\ASPExmaple”文件夹，如图1-9所示。

图1-9 “虚拟目录创建向导——网站内容目录”对话框

（6）单击“下一步”按钮，将会出现 “虚拟目录创建向导——访问权限”对话框，直接按“下一步”按钮，在出现的对话框中单击“完成”按钮便完成了“虚拟目录”的创建。此时在“Internet信息服务”窗口中就可以看到建立的虚拟目录“ASPE”，如图1-10所示。

图1-10 建立的虚拟目录

4．ASP文档的创建与运行

（1）用记事本将下述代码文本命名为 time.asp保存在c:\myweb下，即可形成一个ASP文件。

<%@ Language=VBScript %> <html> <body> 您好！<br> 现在的时间是： <% t=Time

Response.Write t '显示当前系统时间 %> </body> </html>

（2）在IE浏览器的地址栏输入“http://127.0.0.1/time.asp”或者

“http://localhost/time.asp”，脚本代码被执行。查看运行结果如图1－11所示。

图1-11 网页效果

（3）将该文件复制到d:\aspexample文件夹下，在IE浏览器的地址栏输入，查看网页结果，理解虚拟目录的概念。 5．在Dreamweaver 2004 MX下设置管理站点

为了能方便的在此软件中创建、调试和运行程序，需要在DW中给网页程序设置管理站点。假设要实验的应用程序存储在实际路径c:\myweb中，在DW中的管理站点名设为“ASP实验站点”，则具体操作如下：（1）启动Dreamweaver 2004 MX程序

（2）选择：站点→站点管理，则出现对话框,如图1-12所示：

图1-12“管理站点”对话框

（3）单击“新建”按钮，选择“站点”，则屏幕显示如图1－13所示。

图1-12 “站点命名”对话框（4）输入站点名“ASP实验站点”，单击下一步，显示如图1－14所示。

图1-14 “选择服务器技术 ”对话框

（5）选择单选按钮：是，我想使用服务器技术；然后根据下拉菜单选择：ASP VBScript。单击下一步，显示显示如图1－15所示。

图1-15 “选择文件存放位置 ”对话框

（6）择文件存储的实际位置，该实验为:c:\myweb。单击下一步，继续显示如图1-16所示。

图1-16 “选择站点根目录 ”对话框

（7）输入该管理站点浏览的根目录，该实验为：http://localhost，然后单击“测试URL(T)”按钮，来测试设置是否成功。测试成功，再单击“下一步“，显示如图1-17所示。

图1-17 “选择是否传文件 ”对话框

（8）选择单选按钮“否”，单击“下一步”则出现站点定义总结，然后按“完成“按钮，则结束对管理站点的设置。

6. 用DW编写并运行一个简单的ASP网页程序

（1）启动Dreamweaver 2004 MX，然后选择已建立的“ASP实验站点”，在其下进行创建、编辑和运行文件。

（2）文件→新建，选择“动态页”和“ASP VBScript”，点按“创建”，在出

现的屏幕上的<body>与</body>之间加入以下ASP代码： <% response.write(“我们有信心学好ASP这门课程！”)%>

<% response.write(“现在系统的时间为: “ & now) %>

（3）将网页保存到路径c:\myweb目录下，文件可命名为first.asp。（4）启动IE浏览器，在地址栏键入：http://locallost/first.asp或者http://127.0.0.1/first.asp, 然后按回车查看结果。

实验二 HTML标记符的使用

一、实验学时：2学时二、实验类型：设计性

学生根据实验目的和内容要求，运用所学的知识，运用HTML语言设计实现各种网页，并进行实际验证，得出实验结果，撰写实验报告。三、实验目的

1．掌握HTML标记符的用法和功能。 2．掌握HTML网页的基本结构。

四、实验内容

1．用HTML标记语言编程实现如图2－1所示的网页。

图2-1 网页

素材如下：

唐诗——七言乐府

此题作者《全唐诗》为无名氏。这首诗含义比较单纯，反复咏叹强调爱惜时光，莫要错过青春年华。从字面看，是对青春和爱情的大胆歌唱，是热情奔放的坦诚流露。然而字面背后，仍然是“爱惜时光”的主旨。因此，若作“行乐及时”的宗旨看似乎低了，作“珍惜时光”看，便摇曳多姿，耐人寻味。

《金缕衣》作者：杜秋娘

劝君莫惜金缕衣，劝君惜取少年时。花开堪折直须折，莫待无花空折枝。

2．用HTML标记语言编程实现如图2－2所示的网页。

图2-2 网页

参考代码：

<head> <title>超链接综合实例</title> </head> <body>

<h2 align="center"><a name="top">中国诗词赏析</a></h2> <center>

<h2>欢迎下载中国诗词集</h2> <a href="tssbs.rar">唐诗三百首</a> <br/> <a href="scwbs.rar">宋词五百首

</a> <br/> <br/>

请和我联系: <a href="mailto:goodlook@">龙的传人多媒体工

作室</a>  <a href="#top">返回页顶</a> </center> </body> </html>

3．用HTML标记语言编程实现如图2－3所示的表单网页。

图2-3 表单网页

实验三 VBScript程序设计

一、实验学时：2学时二、实验类型：设计性

学生根据实验目的和内容要求，运用所学的知识，运用VBScript语言设计实现各种网页，并进行实际验证，得出实验结果，撰写实验报告。

三、实验目的

1.了解并掌握VBScript脚本程序设计语言的基本语法知识及简单程序设计方法

2.熟练掌握VBScript的输入输出函数InputBox和MsgBox；

3.熟练掌握VBScript的If语句和Select Case语句的编程技术；

4.熟练掌握VBScript的For Next、Do Loop和For each In等循环语句的编程技术；

5. 熟练掌握VBScript的过程和函数的编程技术。

四、实验内容

1．选择结构程序设计

购书款折扣计算程序：为图书馆“好书共享”协会编写一个会员购书款折扣计算的动态网页程序。

（1）要求如下：

程序运行时，首先出现如图3-1所示的“姓名输入”对话框，输入姓名

后按“确定”按钮；

将会出现如图3-2所示的“性别输入”对话框，输入性别后按“确定”按钮；将会出现如图3-3所示的“好书共享”协会会员书款折扣计算网页，在文本框中输入书款后按“确定”按钮；

将会出现如图3-4所示的对话框，显示用户应付的书款。

书款折扣率计算规律如下：书款小于1000元时，0.95折；书款大于等于1000元而小于2000元时，0.9折；书款大于等于2000元而小于4000元时，0.8折；书款大于等于4000元时，0.7折。（2）任务分析：

访问网页时，出现的输入姓名和输入性别的对话框，在VBScript中可以用InputBox()函数来实现。

根据用户输入的性别来给出是“先生”或“女士”的称呼，可用if…else…end if双分支语句来实现。

问候语是随着时间的变化而变化的，有“上午好”、“下午好”和“晚上好”，因此有三种不同的情况，可通过if…else…end if语句的嵌套来实现，也可以使用块if语句来实现

要显示中文的“星期几”，可先使用weekday()函数得到一个指示今天是星期几的数值，使用多分支语句select case end select来实现。

书款的折扣计算也可以通过select case…end select语句来实现。显示应付书款，可通过msgbox()函数来实现。

图3-1 “姓名输入”对话框

图3-2 “性别输入”对话框

图3-3 “好书共享”协会会员书款折扣计算网页

图3-4 “用户应付书款”对话框

（3）参考代码： <html> <head>

<title>图书馆"好书共享"协会会员购书款折扣计算程序</title> </head> <body>

dim xm,xb,str1,str2 '声明四个变量 xm=inputbox("请输入你的姓名","姓名输入") xb=inputbox("请输入性别","性别输入") if xb="男" then '根据输入的性别，决定称呼

str1="先生" else

str1="女士" end if

if time()>=#6:00:00# and time()<=#12:00:00# then '根据当前时间决

定问候语

str2="早上好!"

elseif time()>=#12:00:00# and time()<=#19:00:00# then str2="下午好!" else

str2="晚上好!" end if

document.write "<h2 align=center>您好，" & _

xm & str1 & "," & str2 & "</h2>" '该语句输出欢迎词 </script> <p align=center>

<% dim y,m,d,t,w,str

y=year(date()) '取得当前年 m=month(date()) '取得当前月 d=day(date()) '取得当前日 t=time() '取得当前时间

select case weekday(date) '判断weekday()函数的值形成中文“星期几”信息 case 1

w="星期日" case 2

w="星期一" case 3

w="星期二" case 4

w="星期三" case 5

w="星期四" case 6

w="星期五" case 7

w="星期六" end select

str="现在日期时间为：" & y & "年" & m & "月" & d & "日" & w & t

& "<br>"

response.write str '输出当前日期时间和星期信息 %>

<center><h3>欢迎你使用图书馆"好书共享"协会会员购书款折扣计算程序</h3>

请输入你的总书款：<input type="text" name="txtprice"> <input type="button" name="okbtn" value="确定"></center> <script language="vbscript" for="okbtn" event="onclick"> 'okbtn按钮的单击事件代码

dim totalprice,giveprice totalprice=txtprice.value

select case true '该循环计算应付书款 case totalprice<1000

giveprice=0.95*totalprice

case totalprice>=1000 and totalprice<2000 giveprice=0.9*totalprice

case totalprice>=2000 and totalprice<4000 giveprice=0.8*totalprice case else

giveprice=0.7*totalprice end select

msgbox "你的应付书款为：" & giveprice </script> </body> </html>

2．循环结构程序设计（1）任务描述

为图书馆网站编写一个休闲游戏网页，该游戏网页由“猜数”、“判断某数是否为素数”、“百钱买百鸡”三个小游戏组成。网页的浏览界面如图3-5所示。

此时如果用户单击“猜数”按钮，将会出现如图3-6所示的“猜数游戏”对话框，用户输入猜的数后单击“确定”按钮，如果猜的数小了，将会出现如图3-7所示的提示框，如果猜的数大了，将会出现如图3-8所示的提示框，如果猜中了将会出现如图3-9所示的提示框，同时提示一共猜了几次。

图3-5 游戏网页浏览界面

图3-6 “猜数游戏”对话框

图3-7 “猜小了”的提示框

图3-8 “猜大了”的提示框

图3-9 “猜中了”的提示框

单击“判断某数是否为素数”按钮，将会出现如图3-9所示的“判断素数游戏”对话框，如果用户猜错了，将会出现如图3-10所示的提示框，如果用户猜对了，将会出现如图3-11所示的提示框。

图3-9 “判断素数游戏”对话框

单击“百钱买百鸡”按钮，将会出现如图3-12所示的“百鸡买百鸡”对话框，

图3-10 “猜错”提示框

图3-11 “猜对”提示框

供用户输入一种购买的的方案，用户输入方案后按“确定”按钮，如果方案不正确，将会出现提示框告诉你没有答对，如果给出的方案正确，将会出现提示框告诉你回答正确，无论答对答错，最后均会出现如图3-13所示的提示框，告诉用户所有可能的方案。

图3-12 “百钱买百鸡游戏”对话框图3-13 “所有方案”提示框

（2）参考代码 <html> <head>

<title>游戏程序界面</title> </head> <body>

<center><h2>如果你累了，请玩玩游戏吧</h2></center> <hr>

<center><input type="button" name="game1" value="猜数"> <input type="button" name="game2" value="判断某数是否为质数"> <input type="button" name="game3" value="百钱买百鸡"></center> <script for="game1" event="onclick" language="vbscript"> Dim m,n,num,ans,cs

'm和n分别存放要猜的数的上下界,num存放在猜的数,ans存放用户猜的数,cs表示猜的总次数

randomize '随机数初始化

m=int(50*rnd()) '产生要猜的数的范围下界

n=50+int(50*rnd()) '产生要猜的数的范围上界 num=m+int((n-m)*rnd) '产生要猜的数

ans=inputbox("猜的数的范围为：" & m & "~" & n & vbclrf & "请输入你猜的数","猜数游戏")

'上述语句让用户输入一个要猜的数 ans=ans+1-1 '使ans具有数值数据的特性 cs=1 '猜的次数置1

do while ans<>num '如果猜的数不对

if ans>num then '如果猜的数比被猜的数大

msgbox "很抱歉，你猜的数大了。" '显示提示信息 else '如果猜的数比被猜的数小

msgbox "很抱歉，你猜的数小了。" '显示提示信息 end if

ans=inputbox("猜的数的范围为" & m & "~" & n & vbcrlf & "请输入你猜的数","猜数游戏")

'上述语句让用户再输入一个要猜的数 ans=ans+1-1

cs=cs+1 '猜的次数加1 loop

msgbox "祝贺你猜中了！共猜了" & cs & "次！" '显示猜中信息及猜的次数 </script>

[请补充后两个游戏的代码] </body> </html>

3．过程程序设计（1）任务描述

编写一个求三个数的最大公约数的网页，网页初始运行时，将会出现如图3-13所示的“姓名输入”对话框供用户输入姓名；

用户输入姓名后按“确定”按钮将会出现如图3-14所示的主网页。在该主网页中输入三个整数后，按“计算”按钮将计算出这三个整数的最大公约数并显示出来，如图3-15所示。此时按“重新输入”按钮，将把所有文本框中的内容清空。

图3-13 “姓名输入”对话框

图3-14 初始主网页

（2）任务分析：

图3-15 求出来的最大公约数

求三个数最大公约数可分成两步，先求出前两个数的最大公约数，假设为t，然后再求出t和第三个数的最大公约数，假设为k，则k就是三个数的最大公约数。可见该题的核心是求两个数的最大公约数，并且求两个数的最大公约数进行了两次，可编写成一个过程，在需要时调用即可。

求两个数m和n的最大公约数可使用辗转相除法。假设m和n都大于等于0，并且m大于n（如果m小于n，则m与n值进行交换）。所谓辗转相除法就是用m除以n，得余数r；如果r不等于0，则将n赋予m（m=n）、r赋予n（n=r），再用m除以n，得余数r；如果r不等于0，再将n赋予m（m=n）、r赋予n（n=r）……依此类推，直到r=0为止，此时的n就是最大公约数。

为显示三行欢迎词，可定义一个过程，给该过程一个参数：人的姓名，该过程将根据参数显示出三行欢迎词来。

（3）参考代码

<html>

本文来源：https://www.bwwdw.com/article/211j.html

相关文章：

正在阅读：

动态网页设计与网站管理实验指导书08-11

优秀总监理工程师获奖感言04-29

辩证唯物主义世界观只会被发展而不会被消解03-02

人民日报关于物价调控的评论,22日~26日(五篇)05-02

高考化学一轮选编习练题6含解析新人教版-最新整理04-06

转让协议,2022年转让合同范本_2022年转让协议怎么写08-01

上一篇：案例2--营销管理突破销售瓶颈下一篇：初中化学课堂教学优化初探