电子政务网页设计与制作20539.docx
电子政务网页设计与制作实 验 指 导 书适用专业：公共事业管理（电子政务）湖北经济学院财政与公共管理学院前 言本课程是电子政务的基础课程，主要介绍电子政务网站的基本原理和基本实现方法，它是一门开阔视野、增长知识和提高实际工作能力的计算机课程。通过该门课程的学习，学生能够熟练使用网络技术，并能根据实际需要设计相关的电子政务网站。为了使学生更好地理解和深刻把握这些知识，在课堂理论知识学习的基础上，进一步提高学生解决实际问题的能力，我们设计了IIS的安装与调试、基本HTML网页编辑、高级HTML网页编辑、Vbscript（一）、Vbscript（二）、表单设计、Response对象应用、交互式表单程序设计和用Session制作安全登录页面等这些实验项目。本指导书内容详细，对关键操作部分均有详细的步骤指导，易于学生学习操作。本实验主要针对公共事业管理的电子政务方向学生。实验项目：IIS的安装与调试实验学时：2实验类型：基础实验要求：必修一、 实验目的1掌握检测不同版本Windows操作系统IIS的安装与否；2. 掌握在Windows操作系统中安装IIS的方法；3掌握利用IIS设置虚拟目录调试ASP程序的初步方法。二、实验内容1.检测Windows系统IIS的安装；2.在Windows系统中安装IIS；3.利用记事本等编辑器编写第一个ASP程序，程序见教材P13练习11；4.在IIS中建立虚拟目录，调试ASP程序，互相访问。三、实验原理、方法和手段ASP模型的运行原理是：当浏览器向Web服务器请求.asp文件时，服务器端脚本开始运行，WEB服务器调用.asp文件，将运行结果发送到浏览器。四、实验组织运行要求实验采用以学生自主训练为主的开放模式组织，教师可以进行个别指导。五、实验条件Windows 2000,IIS 5.0,记事本六、实验步骤1、实验前先观看指导老师的演示；2、如果计算机未安装IIS，使用安装程序安装IIS；3、利用记事本编写教材P1311的ASP程序并存盘；4、在IIS中建立虚拟目录，调试ASP程序，找出并解决问题，确保调试成功，并相互访问；5、学生独立完成相应的实验报告。七、实验报告实验项目：基本HTML网页编辑实验学时：2实验类型：基础实验要求：必修一、 实验目的1掌握HTML基本标记的使用；2. 掌握HTML中超级链接的使用方法；3掌握HTML中特殊符号、图片链接的使用方法。二、实验内容1.利用记事本等编辑器编写HTML程序，程序见P3421；2.调试程序。三、实验原理、方法和手段HTML标记语言四、实验组织运行要求实验采用以学生自主训练为主的开放模式组织，教师可以进行个别指导。五、实验条件Windows 2000,IIS 5.0,记事本六、实验步骤1.实验前先观看指导老师的演示；2.利用记事本编写教材P3421的HTML程序并存盘；3.调试；4.学生独立完成相应的实验报告。七、实验报告实验项目：高级HTML网页编辑实验学时：2实验类型：基础实验要求：必修一、实验目的1掌握HTML高级标记的使用；2. 掌握HTML中表格的使用方法；3掌握HTML中框架、多重框架及框架之间链接的使用方法。二、实验内容1.利用记事本等编辑器编写HTML程序，程序见P55第4题；2.调试程序。三、实验原理、方法和手段HTML标记语言表格与框架、超级链接四、实验组织运行要求实验采用以学生自主训练为主的开放模式组织，教师可以进行个别指导。五、实验条件Windows 2000,IIS 5.0,记事本六、实验步骤1.实验前先观看指导老师的演示；2.利用记事本编写教材P55第4题的HTML程序并存盘；3.调试； 4.学生独立完成相应的实验报告。七、实验报告实验项目：Vbscript（一）实验学时：2实验类型：基础实验要求：必修实验目的1掌握Vbscript的基本数据类型、常量、变量、表达式和常用函数；2. 掌握在HTML中插入Vbscript编码的方法；3掌握事件驱动程序的编制。二、实验内容1.利用记事本等编辑器编写鸡兔同笼程序，程序见P74第4.3题；2.调试程序。三、实验原理、方法和手段Vbscript事件驱动程序编制.四、实验组织运行要求实验采用以学生自主训练为主的开放模式组织，教师可以进行个别指导。五、实验条件Windows 2000,IIS 5.0,记事本六、实验步骤1.实验前先观看指导老师的演示；2.利用记事本编写教材P74第4.3题的程序并存盘；3.调试；4.学生独立完成相应的实验报告。七、实验报告实验项目：Vbscript（二）实验学时：2实验类型：基础实验要求：必修实验目的1掌握Vbscript的选择结构；2. 掌握在Vbscript的循环结构；3掌握Vbscript过程。二、实验内容1.利用记事本等编辑器编写见P95 5-2；2.利用记事本等编辑器编写见P95 5-3；3.调试程序。三、实验原理、方法和手段Vbscript事件驱动程序编制四、实验组织运行要求实验采用以学生自主训练为主的开放模式组织，教师可以在课堂结尾时给予点评和讲解。五、实验条件Windows 2000,IIS 5.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语言四、实验组织运行要求实验采用以学生自主训练为主的开放模式组织，教师可以在课堂结尾时给予点评和讲解。五、实验条件Windows 2000,IIS 5.0,记事本,Dreamweaver六、实验步骤1.实验前先观看指导老师的演示；2.利用记事本或Dreamweaver等软件编写表单程序并存盘；3.调试；4.学生独立完成相应的实验报告。七、实验报告实验项目：Response对象应用实验学时：2实验类型：基础实验要求：必修实验目的1掌握Response对象中Write方法的使用；2. 掌握Response对象中Redirect方法的使用；3掌握Response对象中End方法的使用。二、实验内容1.利用记事本等编辑器编写程序，见教材P142 练习71程序题。2.在IIS中调试程序。三、实验原理、方法和手段ASP中Response对象应用四、实验组织运行要求实验采用以学生自主训练为主的开放模式组织，教师可以在课堂结尾时给予点评和讲解。五、实验条件Windows 2000,IIS 5.0,记事本,Dreamweaver六、实验步骤1.实验前先观看指导老师的演示；2.利用记事本或Dreamweaver等软件编写程序并存盘；3.打开IIS并设置虚拟目录进行调试；4.学生独立完成相应的实验报告。七、实验报告实验项目：交互式表单程序设计实验学时：2实验类型：基础实验要求：必修实验目的1掌握交互式表单程序设计的方法；2. 掌握Response对象中Write方法的使用；3. 掌握Request对象中Form集合的应用。二、实验内容1.利用记事本等编辑器编写程序，见教材P163 练习81程序题。2.在IIS中调试程序。三、实验原理、方法和手段ASP交互式表单程序设计四、实验组织运行要求实验采用以学生自主训练为主的开放模式组织，教师可以在课堂结尾时给予点评和讲解。五、实验条件Windows 2000,IIS 5.0,记事本,Dreamweaver六、实验步骤1.实验前先观看指导老师的演示；2.利用记事本或Dreamweaver等软件编写程序并存盘；3.打开IIS并设置虚拟目录进行调试；4.学生独立完成相应的实验报告。七、实验报告实验项目：用Session制作安全登录页面实验学时：2实验类型：基础实验要求：必修实验目的1掌握Session对象的集合、方法；2. 掌握利用Session对象实现安全登录页面的制作。二、实验内容1.利用记事本等编辑器编写一个程序，要求登录系统时，输入正确的用户名和密码时进入主页；用户如果直接登录主页则报错，程序转向进入登录页面。2.在IIS中调试程序。三、实验原理、方法和手段ASP中Session对象的应用四、实验组织运行要求实验采用以学生自主训练为主的开放模式组织，教师可以在课堂结尾时给予点评和讲解。五、实验条件Windows 2000,IIS 5.0,记事本,Dreamweaver六、实验步骤1.实验前先观看指导老师的演示；2.利用记事本或Dreamweaver等软件编写程序并存盘；需要添加的代码如下：(1) login.asp程序代码<html> <head><title>欢迎登陆</title></head> <body bgcolor=pink> <center> <h1>欢迎登陆</h1> <hr> 用户名：1密码：1 <hr> </center><% name=request.form("text1") password=request.form("password1") if name<>"" and password<>"" then if name="1" and password="1" then '用户名和密码正确则赋值session，重定向页面 session("pass")="pass" response.redirect "main.asp" else response.write"用户名或密码错！" response.write"<p><a href='login.asp'>请重新登录</a>" response.end end if end if%> <form action="login.asp" method="post"> <table border=0 align=center> <tr><th>用户名:<th><input name=text1 type=text> <tr><th>登陆密码：<th><input type=password name=password1> <tr><th> <tr><th><th align=left><input type=submit name=button1 value=登陆> </table> </form> </body></html> (2) main.asp程序代码：<% Response.Buffer=true %><%'*以下为判断session过程* if session("pass")<>"pass" then '判断session是否有值，若合法登录则在login.asp中赋值 response.redirect "login.asp" '没值为非法登录，转向登录页面 end if'*以下是主页内容，请大家自行编写* player=request("choice") if player=1 or player=2 or player=3 then select case player case 1 mychoice="石头" case 2 mychoice="剪子" case 3 mychoice="布" end select randomize computer=int(rnd*3)+1 select case computer case 1 choice="石头" case 2 choice="剪子" case 3 choice="布" end select if player-computer=0 then pp="平手!" elseif player-computer=-1 or player-computer=2 then pp="恭喜了,你赢了!" end if end if %><html> <title>石头,剪子,布,小游戏</title> <body> <center> <h2>石头,剪子,布,小游戏</h2> <table align=center border=1> <col span=2 width=100> <tr align=center><td>玩家<td>电脑 <tr align=center><td><%=mychoice%><td><%=choice%></tr> <tr align=center><td colspan=2><%=pp%></tr> </table> <hr> <form action="main.asp" method="post" name=f1>请选择 <input type=radio name=choice value=1>石头 <input type=radio name=choice value=2>剪子 <input type=radio name=choice value=3>布<p> <script for=choice event=onclick language=vbscript> f1.submit </script> </form> </body></html>3.打开IIS并设置虚拟目录进行调试；4.学生独立完成相应的实验报告。七、实验报告
