网页设计基础

  第一章 ASP使用基础

网页设计基础

要求:配置ASP运行环境

根据所用Windows版本,安装适当的Web服务器软件(PWS或IIS),然后创建一个名为ASP的虚拟目录,并在该目录中创建一个ASP动态网页,最后在IE浏览器中运行该页。

(1)如果当前使用Windows 98操作系统,练习PWS 4.0的安装和卸载操作;如果当前使用Windows 2000,练习IIS 5.0的安装和卸载操作。

提示:安装PWS通过其安装程序来实现;安装IIS通过控制面板来实现。

(2)在“我的文档”文件夹中创建一个名为ASP的文件夹,将其设置为Web站点中的一个虚拟目录,其别名与实际文件夹名称相同。

(3)在记事本程序中编写一个ASP动态网页,用于显示当前日期和时间,将文件保存在上述ASP文件夹中,文件名为。

(4)在IE浏览器中运行ASP文件,并按F5键刷新页面,以查看动态内容。

提示:查看上述ASP页时可以在地址栏输入以下网址

http://localhost/asp/

  第二章 HTML语言

要求:用HTML语言创建网页

1. 在网页中使用BODY标记的有关属性设置网页的背景图片和文本颜色。

提示:用BODY标记的BACKGROUD属性设置网页的背景图片;用该标记的TEXT属性设置文本颜色。

2. 在网页中设置文本的字体、字号和颜色。

提示:分别用FONT标记的FACE、SIZE和COLOR属性设置文本的字体、字号和颜色。

3. 在网页中分别创建一个无序列表和无序列表。

提示:有序列表用OL和标记LI来创建;无序列表用UL和LI标记来创建。

4. 在网页中插入一幅图像,然后设置该图像的格式。

提示:用IMG标记插入图像,用该标记的有关属性设置图像格式。

5. 在网页中播放视频文件()。

提示:用IMG标记在网页中播放多媒体文件,此时应设置IMG标记的CONTROLS、DYNSRC、START和LOOP属性,以控制播放过程。

6. 编写一个网页,选择一首mp3文件作为其背景音乐,并在网页中插入一个字幕。

提示:用BGSOUND标记在网页中添加背景音乐,并通过SRC属性指定一个mp3音乐文件的URL;用MARQUEE标记在页面中插入一个字幕。

7. 在网页中创建一个表格并设置表格、行和单元格的属性,然后将表格中的某些单元格合并起来。

提示:用TABLE、TR和TD(或TH)标记创建表格,并通过这些标记的属性来设置表格、行和单元格的属性;若要合并一些单元格,则应设置TD(或TH)标记的COLSPAN、ROWSPAN属性。

8. 编写一个框架网页,在顶部创建一个用于显示网站标题的横幅框架,在左边创建一个用于显示网页连接的目录框架,并在右下方创建一个用于显示内容的主要框架。要求在目录框架中单击不同链接时,在主要框架中显示相应的网页。

提示:在框架网页中,用FRAME标记的NAME属性指定各个框架的名称,例如将右下方的框架名称指定为main;在目录网页中,用A标记的TARGET属性指定在哪个框架中显示超链接指向的目标文档。

9. 在网页中创建一个表单,并要求在该表单中包含文本框、密码框、滚动文本框、单选按钮、复选框、下拉菜单、提交按钮和重置按钮等控件。

提示:为了便于安排表单控件的布局,可以将控件放置在表格的单元格内,并对单元格的属性进行设置。

  第三章 VBScript语言

要求:使用VBScript语言编程

1. 编写一个网页,在其HEAD部分编写一段脚本代码,当该页被加载时显示一个输入对话框,提示让访问者输入姓名,单击“确定”按钮后,在对话框中显示对该访问者的欢迎信息。

提示:在网页的HEAD部分编写一个过程(如名称为Welcome),通过InputBox函数输入用户信息,通过MsgBox函数显示欢迎信息,并将BODY标记的onLoad属性设置为该过程名称,以便该页被加载时执行该过程。

2. 编写一个网页,其显示效果如图3.18所示。在上面两个文本框中分别输入一个整数,要求两者大小不相等。当单击“显示结果”按钮时,在最下面的文本框中显示两者中的较小数;当单击“清除结果”按钮时,将三个文本框中的内容清空;如果未同时在上面两个文本框中输入内容而单击“显示结果”按钮,则显示一个对话框,提示用户在上面两个文本框中分别输入一个整数。

提示:“显示结果”按钮为普通按钮,在其onClick事件过程中编写脚本,以实现所需操作;“清除结果”按钮为重置按钮。为了保证比较结果的正确性,应使用CInt或CLng函数转换文本框的值。

3. 编写一个网页,用于求解一元二次方程ax2 + bx + c = 0,页面效果如图3.19所示。在文本框中分别输入二次项系数a、一次项系数b和常数项c的值,然后单击“求解”按钮,此时根据二次项系数a和判别式Δ= b2 - 4ac的`取值情况分别进行不同的处理:如果a = 0,则在“求解情况”框中显示“二次项系数不能等于0。”;如果Δ> 0,则“求解情况”框中显示“方程有两个相异的实数根。”,并在“x1 =”和“x2 =”框中显示这两个根;如果Δ= 0,则在“求解情况”框中显示“方程有两个相等的实数根。”,并在“x1 =”和“x2 =”框中显示此根;如果Δ< 0,则在“求解情况”框中显示“方程没有实数根。”。如果单击“重置”按钮,则清除所有文本框的内容。

提示:为了便于安排表单控件的布局,可以考虑将控件放置在表格中;“求解”按钮为一普通按钮,在其onClick事件过程中编写脚本来实现所需操作;“重置”按钮的TYPE属性应为submit。

4. 编写一个网页,该页上部列出一些专业的编号和名称,下部有一个文本框和一个按钮,显示结果如图3.20所示。如果在文本框中输入一个专业编号(1-6)并单击“确定”按钮,则出现一个对话框,显示当前所选择的专业名称;如果输入的专业编号大于6,则显示所选择的是其他专业。

提示:专业列表用一个有序列表来显示;“确定”按钮为一普通按钮,在其onClick事件过程中编写脚本,并使用Select Case语句来实现所需操作。

5. 编写一个网页,用于计算和输出101~1 000之间所有奇数之和。

提示:在网页中添加一个普通按钮,在其onClick事件过程中编写脚本,使用或语句实现求和操作,并通过MsgBox函数来显示计算结果。

6. 编写一个网页,利用于下面的公式来计算自然数e的值,直到最后一项小于10-4为止。

提示:在网页中添加一个普通按钮,在其onClick事件过程中编写脚本,使用语句实现所需操作,并通过MsgBox函数来显示计算结果。

7. 编写一个网页,其显示效果如图3.21所示。要求在单击“显示结果”按钮时,将所有表单控件的名称和当前值显示在滚动文本框中。

提示:“显示结果”按钮是一个普通按钮,在其onClick事件过程中编写脚本,并通过For 语句来测试第一个表单控件的名称和当前值,代码如下:

Sub btnShow_onClick

' Elements表示由表单上所有控件构成的集合

For Each k In ents

s = s & & "=" & e & vbCrLf

Next

' txtResult为滚动文本框的名称

e = s

End Sub

8. 编写一个网页,用于计算两个整数的最大公约数,其显示效果如图3.22所示。在上面的两个文本框中分别输入一个整数,然后单击“显示结果”按钮,使这两个整数显示在下面的文本框中。

提示:“显示结果”按钮为普通按钮,在其onClick事件过程中编写脚本,并调用一个自定义函数来实现计算最大公约数的功能。

9. 编写一个网页,其显示效果如图3.23所示。如果单击“打开新网页”按钮,则在另一个窗口中打开指定的网页;如果单击“关闭当前窗口”按钮,则出现一个对话框,提示关闭当前窗口,单击“是”,即关闭当前窗口。

提示:“打开新网页”和“关闭当前窗口”两个按钮均为普通按钮,在它们的onClick事件过程中编写脚本,并调用Window对象的有关方法来实现所需操作。

10. 编写一个网页,利用Window对象的有关方法实现在状态栏显示滚动文本。

提示:用us属性设置在状态栏显示的文本,用imeout方法设置两次过程调用之间的时间间隔。

  第四章 使用ASP对象

要求:使用ASP对象

要求掌握5个ASP内置对象的使用方法,即Response对象、Request对象、Server对象、Session对象和Application对象。学习这一章时,关键掌握这些ASP内置对象的一个重要特征,即不用创建便可以在脚本中使用。

1. 编写一个ASP页,以不同的字号显示“ASP动态网页设计”。

提示:用For…Next语句实现所要求的功能,将要显示的内容放置在和标记之间,以循环变量的值作为FONT标记的SIZE属性值。

2. 编写一个ASP页,使用e方法向客户端浏览器输出一个完整的HTML文件。

提示:使用e方法向客户端浏览器输出数据时,如果参数值包含字符组合 %>,则使用转义序列 %> 来代替。Web服务器在处理脚本时,将转换这一转义序列。要输出一个完整的HTML文件,既可以用e方法逐行输出,也可以将所有内容放在一个字符串中,利用Split函数从字符串中返回数组并使用循环语句来输出所有数组元素。

3. 编写两个ASP文件,功能都是将整数1~5 000输出到客户端浏览器上并计算所用时间,要求在一个文件中将Buffer属性为设置True,在另一个文件中将Buffer属性设置为False。

提示:在文件中,设置Buffer属性的语句应该放在命令后面的第一行。如果在HTML或脚本输出之后更改Buffer属性值,则会出现错误。

4. 编写一个静态网页和一个ASP动态网页,在静态网页中包含着文本框、单选按钮、复选框、提交按钮和重置按钮等控件,并且通过POST方法提交来用户名、E-mail、性别以及个人爱好等数据,在动态网页中通过Form集合检索这些数据并显示出来。

提示:在静态网页中,用户名和E-mail用文本框来输出,性别通过单选按钮来选择,个人爱好则通过复选框为选择。在动态网页中,用("控件名称")形式来检索所提交的表单数据。

5. 编写一个ASP动态网页,通过使用Cookie制作一个简单的网页计数器。

提示:在动态网页中,用ies集合检索用于保存访问次数的Cookie值,若该值为空,则通过ies集合将它设置为1,否则将它加1。

6. 编写一个ASP动态网页,用于显示当前网页的虚拟路径、发出请求的客户端的IP地址、服务器的名称、所用HTTP协议的版本号以及服务器软件版本号。

提示:通过erVariables ("服务器环境变量名")格式来读取所指定的各项信息。读取当前网页的虚拟路径时,服务器环境变量名为SCRIPT_NAME;读取客户端的IP地址时,服务器环境变量为REMOTE_ADDR;读取服务器的名称时,服务器环境变量名为SERVER_NAME;读取HTTP协议的版本号时,服务器环境变量名为SERVER_PROTOCOL;读取服务器软件的版本号时,服务器环境变量名为SERVER_SOFTWARE。

7. 编写一个HTML静态网页和一个ASP动态网页,在静态网页中创建一个登录表单,用于提交用户名和密码,在动态网页中检查是否输入了用户名和密码,如果没有输入这些信息则重定向到静态网页中,如果已经输入了这些信息则显示欢迎信息。

提示:在动态网页中通过集合检索所提交的用户名和密码,如果相应的值均为空,则通过rect或sfer方法转换到静态网页上。

8. 编写一个ASP动态网页,用于显示每个用户的会话标识和页面被刷新的次数。

提示:用户的会话标识通过Session对象的SessionID属性返回;页面的刷新次数保存在一个会话变量中,若该变量的值为空串,则将其设置为1,否则将其加1。

9. 利用Internet信息服务管理单元创建一个基于ASP的应用程序。

提示:选择“开始→程序→管理工具→Internet服务管理器”命令,然后在左侧的“树”窗格中右击“默认Web站点”并选择“新建→虚拟目录”命令,接着按照虚拟目录创建向导的提示操作即可。

10. 在文件中编写应用程序事件和会话事件的脚本,然后编写一个ASP动态网页,用于显示目前在线人数。

提示:用一个应用程序变量来保存目前在线人数,在Application_OnStart事件中初始化该变量,在Session_OnStart事件中将该变量加1,在Session_OnEnd事件中将该变量减1。