动态网页制作实训作业

更新时间:2023-07-23 05:25:01 阅读量: 实用文档 文档下载

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

11111

实训任务(2011 春)

郭明 2011年02月22日 文章浏览次数:54

责任教师联系方式: 郭明:guom@

资料来源:北京广播电视大学

实训任务

实训一(ASP编程环境设置)任务书

【实训目的】

1.学会Windows 2000/NT服务器上IIS(Internet服务管理器)的安装与配置;

2.学会创建虚拟目录;

3.学会运行ASP程序

【建议学时】 3课时

【项目类型】 必做

【实训内容】

11111

【样张】

【实施环境及提供的材料】

11111

1.能正常运行IIS服务器的计算机和操作系统

2.实训素材(与本任务书在同一目录中)

【拓展练习】

通过本实训的操练,同学具备了基本的操作能力,试着脱离指导步骤,独立安装服务器软件、熟练创建虚拟目录并正确运行ASP程序。

【思考题】

1.什么是IIS?

2.怎样安装和设置IIS?

3.是否一定要在 C:\Inetpub\wwwroot 下建立Web应用程序?可不可以放在别的文件夹下?

实训二(HTML标记的使用)任务书

【实训目的】

1.通过编写简单的网页文件,掌握HTML文档的基本结构;

2.掌握网页中图像、超链接、表格、表单等相关标记的使用,并能熟练应用这些标记进行网页设计;

3.了解网页设计中CSS样式的使用。

【建议学时】 6课时

11111

【项目类型】 必做

【实训内容】

编写一个网页(扩展名为htm),设计如样图所示的表单。 操作提示:

1. 打开记事本(或dreamweaver软件),建立html文档的基本结构;

2. 使用表格(table标记)进行网页布局:使用表格嵌套,先建立一个3×1的表格,第一行插入图片,第二行嵌套一个11×2的表格,用于设计表单,第三行插入图片并建立E_mail链接;

3. 使用form标记设计表单;

4. 使用img标记插入图片;

5. 使用a标记建立超链接。

【样图】

11111

【实施环境及提供的材料】

1.能正常运行IIS服务器的计算机和操作系统

2.实训素材(与本任务书在同一目录中)

【拓展练习】

通过本实训的操练,同学熟练掌握了常用的HTML标记的使用,请通过将dreamweaver软件中代码视图和设计视图相结合的方式,进一步学习和掌握其它标记(如滚动条,列表项、背景音乐等)的使用。

【思考题】

1.html文档的基本结构是什么?

2.表单的设计中,为了便于安排表单控件的布局,一般将控件放置在什么中?

11111

3.在网页中怎样设置图像和文字的格式?

实训三(VBScript程序设计)任务书

【任务1】

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

提示:“显示结果”按钮为普通按钮,在其onclick事件过程中编写脚本代码,以实现所需操作,“清除结果”按钮为重置按钮。

【实训目的】

掌握VBScript的If语句和Select Case语句的使用。

【建议学时】 3课时

【项目类型】 必做

【样图】

11111

【任务2】

编写一个网页,显示一行字“书山有路勤为径,学海无涯苦作舟”,当鼠标指针没有指向文字时,文字格式为蓝色4号字;当鼠标指针指向文字时,文字格式变为红色6号字;移开鼠标则文字格式恢复原状,如样图所示。

【实训目的】

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

【建议学时】 2课时

【项目类型】 必做

【样图】

鼠标指针移开时:

11111

鼠标指针指向时:

【实施环境及提供的材料】

1.能正常运行IIS服务器的计算机和操作系统

2.实训素材(与本任务书在同一目录中)

【拓展练习】

在这里我们利用已学的知识作个简单的客户端验证,用于验证用户在表单中输入数据的合法性,这里所指的对数据进行合法性验证是指在数据发送到服务器端的应用程序之前来进行。简单的客户端验证程序代码如下:

<html>

<head>

<title>验证</title>

11111

<script language="VBScript">

Sub Submit_OnClick

Dim TheForm

Set TheForm = Document.ValidForm

If IsNumeric(TheForm.Text1.Value) Then

If TheForm.Text1.Value < 1 Or TheForm.Text1.Value > 10 Then MsgBox "请输入一个 1 到 10 之间的数字。"

Else

MsgBox "谢谢。"

End If

Else

MsgBox "请输入一个数字。"

End If

End Sub

</script>

</head>

<body>

<h3>验证</h3><hr>

<form name="ValidForm">

请输入一个 1 到 10 之间的数字:

<input name="text1" type="text" size="2">

<input name="submit" type="button" value="提交">

</form>

</body>

</html>

实训四(ASP内置对象的使用)任务书

【实训目的】

11111

1.学会利用Request对象从客户端获得信息;

2.学会利用Form和QueryString方法,编制用户注册信息的填写与显示程序;

3.学会利用Response对象向客户端输出信息;

4.学会利用Write、Redirect和Cookies方法,编制相关的验证演示程序。

【建议学时】 5课时

【项目类型】 必做

【实训内容】

参考图1所示流程图,编写一组ASP程序,完成用户注册和登录功能,要求用Cookies方法存储用户信息,界面如样图所示。

11111

1 程序流程图

【操作提示】

1.编写index.asp文件,判断如果是新用户则进入注册界面zhuce.htm,如果是老用户则进入登陆界面login.htm,其中index.asp文件程序代码如下:

<%

if request.Cookies("user")<>"" then

response.redirect "login.htm"

11111

else

response.redirect "zhuce.asp"

end if

%>

2.编写zhuce.htm文件,用于完成用户注册功能,输入注册信息后提交到verify.asp文件中进行验证,验证合格后保存cookies信息进入登录界面,其中verify.asp文件程序代码如下:

<html>

<body>

<%

Dim error_message

If Trim(Request("user_name"))="" Then

error_message=error_message & "请填写您的用户名" End If

If Trim(Request("user_pass1"))="" Or

Len(Trim(Request("user_pass1")))<6 Then

11111

error_message=error_message & "<br>您的密码不能为空且不能少于6位数!"

End If

If Trim(Request("user_pass1"))<>Trim(Request("user_pass2")) Then

error_message=error_message & "<br>您两次输入的密码不相同,请重新输入!"

End If

If Instr(Request("user_email"),"@")=0 Then

error_message=error_message & "请输入有效合法的E-mail地址!"

End If

If Request("user_qq")<>"" and

IsNumeric(Request("user_qq"))=False Then

error_message=error_message & "QQ号码应该是数字,请重新输入!"

End If

11111

If error_message<>"" Then

Response.Write error_message & "<p>请<a href='zhuce.asp'>返回</a>重新输入"

Else

response.Cookies("user")=Trim(Request("user_name")) '用户名记入cookies

response.Cookies("password")=Trim(Request("user_pass1"))

response.Cookies("user").expires=date()+3*365

response.Cookies("password").expires=date()+3*365 '有效期限为3年

response.redirect "login.htm"

End If

%>

</body>

</html>

11111

3.编写login.htm文件,用于用户输入登陆信息,提交到login.asp文件。

4.编写login.asp文件,用户判断用户的登陆信息是否正确,若正确,显示欢迎信息,否则重新登陆。

【样图】

1.用户注册页面:

2.注册信

息不正确页面:

11111

3.登录页面:

4.登录成功页面:

5.登录失败页面:

【实施环境及提供的材料】

11111

1.能正常运行IIS服务器的计算机和操作系统

2.实训素材(与本任务书在同一目录中)

【拓展练习】

通过本实训的操练,同学初步掌握了Request和Response对象的使用,可通过网络等方式进一步学习这两种对象其它方法的使用。

【思考题】

1.什么是cookies?

2.Response对象和request对象的作用分别是什么?

3.Response.write方法与VBScript中的Document.write方法有什么区别?

实训五(ASP文件存取组件的使用)任务书

【实训目的】

1.掌握创建服务器组件对象实例的方法;

2.能够熟练使用FileSystemObject对象对文本文件进行读写等各种基本操作。

【建议学时】 3课时

11111

【项目类型】 必做

【实训任务】

编写一个ASP文件,使用FileSystemObject对象完成对文本文件读写的操作。具体要求如下:

1.编写一个story.asp文件,使用FileSystemObject对象打开素材文件夹中的story.txt文件,并将文件的内容显示在浏览器窗口中,如样图1所示。

2.继续编写代码,创建一个文本框,将文本框中输入的内容添加到story.txt文件中并显示到窗口中,如样图2所示。

【样图】

图1

图2

11111

【实施环境及提供的材料】

1.能正常运行IIS服务器的计算机和操作系统

2.实训素材(与本任务书在同一目录中)

【拓展练习】------计数器

这是一个综合实例,通过计数器,可以记录并显示网站的访问量。本实例包含两个文件,guestnum.asp 为程序文件,guestnum.txt为文本文件,用于记录访问人数,该文件事先写入初始化数字1。guestnum.asp程序代码如下:

<%

dim guestnum ' 定义访问量变量

Set fso=Server.CreateObject("Scripting.FileSystemObject") Set ts= fso.OpenTextFile(server.mappath("guestnum.txt")) guestnum=ts.readline

response.write "访问量"&guestnum&"人次"

Set ts= fso.Createtextfile(server.mappath("guestnum.txt"),true) ts.writeline(guestnum+1) ' 浏览者打开网页,访问量加1

' 关闭对象

ts.close

set fso=nothing

%>

【思考题】

1.什么是组件?ASP服务器组件与ASP内置对象的主要区别是什么?

2.创建服务器组件对象实例有几种方法?分别是什么?

11111

3.如何打开文本文件,并添加数据?

实训六(使用ADO对象)任务书

【实训目的】

1.掌握用access创建数据库及服务器端设置数据源的方法;

2.理解ADO技术中Connection对象的功能;

3.理解ADO技术中Recordset对象的功能;

4.熟练掌握数据库的连接、查询、更新、删除和插入操作;

5.掌握ASP与数据库的整合应用。

【建议学时】 6课时

【项目类型】 必做

【实训任务】

编写一组ASP文件,完成留言本功能。具体要求如下:

1.编写index.asp文件,用于用户输入留言,如样图1

所示。

2.用access数据库创建message.mdb文件,其表结构如下图所示,表名为mytable。

11111

3.编写savedata.asp文件,用于将用户的留言信息存储到message.mdb文件中。

4.编写display.asp文件,用于显示用户的留言信息,如样图2所示。

【样图】

图1

本文来源:https://www.bwwdw.com/article/qm0m.html

Top