电子政务网页设计与制作实验指导书

《电子政务网页设计与制作》

实验指导书

适用专业：公共事业管理（电子政务）

湖北经济学院财政与公共管理学院

前s

本课程是电子政务的基础课程，主要介绍电子政务网站的基本原

理和基本实现方法，它是一门开阔视野、增长知识和提高实际工作能

力的计算机课程。通过该门课程的学习，学生能够熟练使用网络技术,

并能根据实际需要设计相关的电子政务网站。

为了使学生更好地理解和深刻把握这些知识,在课堂理论知识学

习的基础上，进一步提高学生解决实际问题的能力，我们设计了HS

的安装与调试、基本HTML网页编辑、高级HTML网页编辑、Vbscript

（一）、Vbscript（二）、表单设计、Response对象应用、交互式表

单程序设计和用Session制作安全登录页面等这些实验项目。

本指导书内容详细，对关键操作部分均有详细的步骤指导，易于

学生学习操作。

本实验主要针对公共事业管理的电子政务方向学生。

实验项目：HS的安装与调试

实验学时：2

实验类型：基础

实验要求：必修

一、实验目的

1.掌握检测不同版本Windows操作系统IIS的安装与否；

2.掌握在Windows操作系统中安装IIS的方法;

3.掌握利用IIS设置虚拟目录调试ASP程序的初步方法。

二、实验内容

1.检测Windows系统IIS的安装;

2.在Windows系统中安装IIS；

3.利用记事本等编辑器编写第一个ASP程序，程序见教材P13练习1—1；

4.在TTS中建立虚拟目录，调试ASP程序，互相访问。

三、实验原理、方法和手段

ASP模型的运行原理是：当浏览器向Web服务器请求.asp文件时，服务器端

脚本开始运行，WEB服务器调用.asp文件，将运行结果发送到浏览器。四、实验

组织运行要求

实验采用以学生自主训练为主的开放模式组织，教师可以进行个别指导。

五、实验条件

Windows2000,IIS5.0,记事本

六、实验步骤

1、实验前先观看指导老师的演示；

2、如果计算机未安装IIS,使用安装程序安装HS；

3、利用记事本编写教材P131—1的ASP程序并存盘；

4、在HS中建立虚拟目录，调试ASP程序，找出并解决问题，确保调试成功，

并相互访问；

5、学生独立完成相应的实验报告。

七、实验报告

实验项目：基本HTML网页编辑

实验学时：2

实验类型：基础

实验要求：必修

一、实验目的

1.掌握HTML基本标记的使用；

2.掌握HTML中超级链接的使用方法；

3.掌握HTML中特殊符号、图片链接的使用方法。

二、实验内容

1.利用记事本等编辑器编写HTML程序，程序见P342-1；

2.调试程序。

三、实验原理、方法和手段

HTMI.标记语言

四、实验组织运行要求

实验采用以学生自主训练为主的开放模式组织，教师可以进行个别指导。

五、实验条件

Windows2000,IIS5.0,记事本

六、实验步骤

1.实验前先观看指导老师的演示；

2.利用记事本编写教材P342-1的HTML程序并存盘；

3.调试；

4.学生独立完成相应的实验报告。

七、实验报告

实验项目：高级HTML网页编辑

实验学时：2

实验类型：基础

实验要求：必修

一、实验目的

1.掌握HTML高级标记的使用;

2.掌握HTML中表格的使用方法；

3.掌握HTML中框架、多重框架及框架之间链接的使用方法。

二、实验内容

1.利用记事本等编辑器编写HTML程序，程序见P55第4题；

2.调试程序。

三、实验原理、方法和手段

HTVL标记语言表格与框架、超级链接

四、实验组织运行要求

实验采用以学生自主训练为主的开放模式组织，教师可以进行个别指导。

五、实验条件

Windows2000,IIS5.0,记事本

六、实验步骤

1.实验前先观看指导老师的演示；

2.利用记事本编写教材P55第4题的HTML程序并存盘；

3.调试；

4.学生独立完成相应的实验报告。

七、实验报告

实验项目：Vbscript（一）

实验学时：2

实验类型：基础

实验要求：必修

实验目的

1.掌握Vbscript的基本数据类型、常量、变量、表达式和常用函数；

2.掌握在HTML中插入Vbscript编码的方法；

3.掌握事件驱动程序的编制。

二、实验内容

1.利用记事本等编辑器编写鸡兔同笼程序，程序见P74第4.3题；

2.调试程序。

三、实验原理、方法和手段

Vbscript事件驱动程序编制.

四、实验组织运行要求

实验采用以学生自主训练为主的开放模式组织，教师可以进行个别指导。

五、实验条件

Windows2000,IIS5.0,记事本

六、实验步骤

1.实验前先观看指导老师的演示；

2.利用记事本编写教材P74第4.3题的程序并存盘；

3.调试：

4.学生独立完成相应的实验报告。

七、实验报告

实验项目：Vbscript（二）

实验学时：2

实验类型：基础

实验要求：必修

实验目的

1.掌握Vbscript的选择结构；

2.掌握在Vbscript的循环结构；

3.掌握Vbscript过程。

二、实验内容

1.利用记事本等编辑器编写见P955-2；

2.利用记事本等编辑器编写见P955-3；

3.调试程序。

三、实验原理、方法和手段

Vbscript事件驱动程序编制

四、实验组织运行要求

实验采用以学生自主训练为主的开放模式组织，教师可以在课堂结尾时给予点评

和讲解。

五、实验条件

Windows2000,IIS5.0,记事本

六、实验步骤

1.实验前先观看指导老师的演示；

2.利用记事本编写教材P955-2,5-3的程序并存盘；

3.调试：

4.学生独立完成相应的实验报告。

七、实验报告

实验项目：表单设计

实验学时：2

实验类型：基础

实验要求：必修

实验目的

1.掌握DHTML中INPUT控件的使用;

2.掌握DHTML'(«SELECT控件的使用；

3.掌握DHTML中TextArea控件的使用。

二、实验内容

1.利用记事本等编辑器编写一个表单程序，内容自定，但要求必须包含如下控件:

TEXT、PASSWORD.BUTTON.RADIO、CHECKBOX>SUBMIT、RESET、SELECT、TEXTAREA

等控件。

2.为编写的表单设计一定的校验功能。

3.调试程序。

三、实验原理、方法和手段

DHTML语言

四、实验组织运行要求

实验采用以学生自主训练为主的开放模式组织，教师可以在课堂结尾时给予点评

和讲解。

五、实验条件

Windows2000,IIS5.0,记事本，Dreamweaver

六、实验步骤

1.实验前先观看指导老师的演示；

2.利用记事本或Dreamweaver等软件编写表单程序并存盘；

3.调试；

4.学生独立完成相应的实验报告。

七、实验报告

实验项目：Response对象应用

实验学时：2

实验类型：基础

实验要求：必修

实验目的

1.掌握Response对象中Write方法的使用;

2.掌握Response对象中Redirect方法的使用；

3.掌握Response对象中End方法的使用。

二、实验内容

1.利用记事本等编辑器编写程序，见教材P142练习7—1程序题。

2.在IIS中调试程序。

三、实验原理、方法和手段

ASP中Response对象应用

I四、实验组织运行要求

实验采用以学生自主训练为主的开放模式组织，教师可以在课堂结尾时给予点评

和讲解。

五、实验条件

Windows2000,IIS5.0,记事本,Dreamweaver

六、实验步骤

1.实验前先观看指导老师的演示；

2.利用记事本或Dreamweaver等软件编写程序并存盘：

3.打开HS并设置虚拟目录进行调试；

4.学生独立完成相应的实验报告。

七、实验报告

实验项目：交互式表单程序设计

实验学时：2

实验类型：基础

实验要求：必修

实验目的

1.掌握交互式表单程序设计的方法；

2.掌握Response对象中Write方法的使用；

3.掌握Request对象中Form集合的应用。

二、实验内容

1.利用记事本等编辑器编写程序，见教材P163练习8—1程序题。

2.在IIS中调试程序。

三、实验原理、方法和手段

ASP交互式表单程序设计

四、实验组织运行要求

实验采用以学生自主训练为主的开放模式组织，教师可以在课堂结尾时给予点评

和讲解。

五、实验条件

Windows2000,11S5.0,记事本，Dreamweaver

六、实验步骤

1.实验前先观看指导老师的演示；

2.利用记事本或Dreamweaver等软件编写程序并存盘；

3.打开11S并设置虚拟目录进行调试；

4.学生独立完成相应的实验报告。

七、实验报告

实验项目：用Session制作安全登录页面

实验学时：2

实验类型：基础

实验要求：必修

实验目的

1.掌握Session对象的集合、方法；

2.掌握利用Session对象实现安全登录页面的制作。

二、实验内容

1.利用记事本等编辑器编写一个程序，要求登录系统时;输入正确的用户名和密

码时进入主页；用户如果直接登录主页则报错，程序转向进入登录页面。

2.在US中调试程序。

三、实验原理、方法和手段

ASP中Session对象的应用

四、实验组织运行要求

实验采用以学生自主训练为主的开放模式组织，教师可以在课堂结尾时给予点评

和讲解。

五、实验条件

Windows2000,I1S5.0,记事本，Dreamweaver

六、实验步骤

1.实验前先观看指导老师的演示；

2.利用记事本或Dreamweaver等软件编写程序并存盘；需要添加的代码如下：

<(1)login.asp程序代码

<html>

<hpad><ti11欢迎登陆Utit1P></hpad>

<bodybgcolor=pink>

<center>

<hl〉欢迎登陆<加1>

<hr>

用尸名：1

密码：1

<hr>

</center>

<%

name=request.formtextlw)

password=request.form("password]”)

ifname<>'"andpassword<>**then

ifname="l"andpassword="l"then'用户名和密码正确则赋值

session,重定向页面

session("pass")="pass"

response,redirect"main,asp”

else

response,write”用户名或密码错!

response.writez，<p><ahref=，login,asp'》请重新登录</a>”

response.end

endif

endif

%>

<formaction=*login,asp*method=*post/z>

<tableborder=0align=center>

<ir><ih>用户名：UhXinpuinamc=icxiltypc=texi>

<tr〉<th〉登陆密码：<th><inputtype=passwordname=passwordl>

<tr><th>

<tr><th><thalign=left><inputtype=submitname=buttonlvalue=登陆)

</table>

</form>

</body>

</html>

'(2)main,asp程序代码:

<%Response.Buffer=true%>

<%

'**********以下为判断session过程****************************************

ifsession("pass")<>"pass"then'判断session是否有值，若合法登录则

在login.asp中赋值

response,redirec:*login,asp*'没值为非法登录，转向登录页面

endif

'*****************以下是主页内容，请大家自行编写***************************

player=request("choice")

ifplayer=lorplayer=2orplayer=3then

selectcaseplayer

case1

mychoicc—石头”

case2

mychoice="剪子"

case3

mychoice="布"

endselect

randomize

compuicr=ini(rnd*3)+1

selectcasecomputer

case1

choice="石头"

case2

choice="剪子"

case3

choice="布"

endselect

ifplayer-computer=0then

PP="平手！”

elseifp1ayer-computcr=-1orplayer-computer=2then

pp="恭喜了，你赢门"

endif

endif

%>

<html>

<tit】e〉石头，剪子,布,小游戏〈/title》