电子政务网页设计与制作

《电子政务网页设计与制作》实验指导书适用专业：公共事业管理（电子政务）湖北经济学院财政与公共管理学院前言本课程是电子政务的基础课程，主要介绍电子政务网站的基本原理和基本实现方法，它是一门开阔视野、增长知识和提高实际工作能力的计算机课程。通过该门课程的学习，学生能够熟练使用网络技术，并能根据实际需要设计相关的电子政务网站。为了使学生更好地理解和深刻把握这些知识，在课堂理论知识学习的基础上，进一步提高学生解决实际问题的能力，我们设计了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练习1－1；4.在IIS中建立虚拟目录，调试ASP程序，互相访问。三、实验原理、方法和手段ASP模型的运行原理是：当浏览器向Web服务器请求.asp文件时，服务器端脚本开始运行，WEB服务器调用.asp文件，将运行结果发送到浏览器。四、实验组织运行要求实验采用以学生自主训练为主的开放模式组织，教师可以进行个别指导。五、实验条件Windows2000,IIS5.0,记事本六、实验步骤1、实验前先观看指导老师的演示；2、如果计算机未安装IIS，使用安装程序安装IIS；3、利用记事本编写教材P131－1的ASP程序并存盘；4、在IIS中建立虚拟目录，调试ASP程序，找出并解决问题，确保调试成功，并相互访问；5、学生独立完成相应的实验报告。七、实验报告实验项目：基本HTML网页编辑实验学时：2实验类型：基础实验要求：必修一、实验目的1．掌握HTML基本标记的使用；2.掌握HTML中超级链接的使用方法；3．掌握HTML中特殊符号、图片链接的使用方法。二、实验内容1.利用记事本等编辑器编写HTML程序，程序见P342－1；2.调试程序。三、实验原理、方法和手段HTML标记语言四、实验组织运行要求实验采用以学生自主训练为主的开放模式组织，教师可以进行个别指导。五、实验条件Windows2000,IIS5.0,记事本六、实验步骤1.实验前先观看指导老师的演示；2.利用记事本编写教材P342－1的HTML程序并存盘；3.调试；4.学生独立完成相应的实验报告。七、实验报告实验项目：高级HTML网页编辑实验学时：2实验类型：基础实验要求：必修一、实验目的1．掌握HTML高级标记的使用；2.掌握HTML中表格的使用方法；3．掌握HTML中框架、多重框架及框架之间链接的使用方法。二、实验内容1.利用记事本等编辑器编写HTML程序，程序见P55第4题；2.调试程序。三、实验原理、方法和手段HTML标记语言表格与框架、超级链接四、实验组织运行要求实验采用以学生自主训练为主的开放模式组织，教师可以进行个别指导。五、实验条件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对象应用四、实验组织运行要求实验采用以学生自主训练为主的开放模式组织，教师可以在课堂结尾时给予点评和讲解。五、实验条件Windows2000,IIS5.0,记事本,Dreamweaver六、实验步骤1.实验前先观看指导老师的演示；2.利用记事本或Dreamweaver等软件编写程序并存盘；3.打开IIS并设置虚拟目录进行调试；4.学生独立完成相应的实验报告。七、实验报告实验项目：交互式表单程序设计实验学时：2实验类型：基础实验要求：必修实验目的1．掌握交互式表单程序设计的方法；2.掌握Response对象中Write方法的使用；3.掌握Request对象中Form集合的应用。二、实验内容1.利用记事本等编辑器编写程序，见教材P163练习8－1程序题。2.在IIS中调试程序。三、实验原理、方法和手段ASP交互式表单程序设计四、实验组织运行要求实验采用以学生自主训练为主的开放模式组织，教师可以在课堂结尾时给予点评和讲解。五、实验条件Windows2000,IIS5.0,记事本,Dreamweaver六、实验步骤1.实验前先观看指导老师的演示；2.利用记事本或Dreamweaver等软件编写程序并存盘；3.打开IIS并设置虚拟目录进行调试；4.学生独立完成相应的实验报告。七、实验报告实验项目：用Session制作安全登录页面实验学时：2实验类型：基础实验要求：必修实验目的1．掌握Session对象的集合、方法；2.掌握利用Session对象实现安全登录页面的制作。二、实验内容1.利用记事本等编辑器编写一个程序，要求登录系统时，输入正确的用户名和密码时进入主页；用户如果直接登录主页则报错，程序转向进入登录页面。2.在IIS中调试程序。三、实验原理、方法和手段ASP中Session对象的应用四、实验组织运行要求实验采用以学生自主训练为主的开放模式组织，教师可以在课堂结尾时给予点评和讲解。五、实验条件Windows2000,IIS5.0,记事本,Dreamweaver六、实验步骤1.实验前先观看指导老师的演示；2.利用记事本或Dreamweaver等软件编写程序并存盘；需要添加的代码如下：‘(1)login.asp程序代码htmlheadtitle欢迎登陆/title/headbodybgcolor=pinkcenterh1欢迎登陆/h1hr用户名：1密码：1hr/center%name=request.form(text1)password=request.form(password1)ifnameandpasswordthenifname=1andpassword=1then'用户名和密码正确则赋值session，重定向页面session(pass)=passresponse.redirectmain.aspelseresponse.write用户名或密码错！response.writepahref='login.asp'请重新登录/aresponse.endendifendif%formaction=login.aspmethod=posttableborder=0align=centertrth用户名:thinputname=text1type=texttrth登陆密码：thinputtype=passwordname=password1trthtrththalign=leftinputtype=submitname=button1value=登陆/table/form/body/html‘(2)main.asp程序代码：%Response.Buffer=true%%'**********以下为判断session过程****************************************ifsession(pass)passthen'判断session是否有值，若合法登录则在login.asp中赋值response.redirectlogin.asp'没值为非法登录，转向登录页面endif'*****************以下是主页内容，请大家自行编写***************************player=request(choice)ifplayer=1orplayer=2orplayer=3thenselectcaseplayercase1mychoice=石头case2mychoice=剪子case3mychoice=布endselectrandomizecomputer=int(rnd*3)+1selectcasecomputercase1choice=石头case2choice=剪子case3choice=布endselectifplayer-computer=0thenpp=平手!elseifplayer-computer=-1orplayer-computer=2thenpp=恭喜了,你赢了!endifendif%htmltitle石头,剪子,布,小游戏/titleb