ASP动态网页设计

《ASP动态网页设计》实验指导书系部：信息工程系专业：计算机应用专业目录实验一WINDOWS2000SERVERIIS的安装与配置·············2实验二HTML标记符的使用（表格、表单对象、CSS样式）··3实验三JAVASCRIPT程序设计········································8实验四VBSCRIPT编程················································11实验五ASP内建对象··················································14实验六利用ADO对象实现对数据库的存取操作··············18实验七可安装组件和脚本对象的应用····························21实验一Windows2000ServerIIS的安装与配置一、实验目的：熟悉IIS的安装过程与配置方法。通过编写简单的ASP页面，掌握ASP网页的编写和运行方法。二、实验要求：学生掌握关于动态网页的相关知识；具备制作静态网页的基础；具备一定的网络基础知识。三、实验器材：Windows2000Server计算机系统；安装IIS、DreamweaverMX2004、Access2000数据库系统等。四、实验内容（步骤、结果）：1、ASPWeb服务器的安装与配置；[参考步骤]：1.检测本机的TCP/IP协的运行情况：运用Ping和IPconfig命令；2.将windows2000/XP光盘插入教师机中，将其共享；3.学生机器将查看自己的IP地址，在网络中配置；4.在添加和删除程序中，添加IIS；5.在自己的本地硬盘中用03soft建一文件夹；6.在管理工具中Internet信息服务中配置IIS；7.运行DreamweaverMX2004建立站点，完成相关的设置，其中根目录与IIS中一致，并使用服务器技术；8.启动DreamweaverMX2004，然后切换到源代码显示方式；9.在body与/body之间，加入以下ASP代码：%Response.write(“这是利用ASP网页输出的信息”)%；10.将网页保存到C：\03soft目录下，文件命名为first.asp；11.启动IE浏览器，在地址栏中键入：或，然后按回车。注意观察输出结果；2、FTP服务器的配置[参考步骤]：1.右击“我的电脑”|“管理”，进入“计算机管理”界面，新建用户,如：soft_student,密码为：123456；2.进入IIS界面，选择“默认FTP”，进行相应的选项设置，如添加：添加用户名和密码；文件的目录等；3.打开IE浏览器，在地址栏中输入：FTP：//localhost,自动弹出对话框，要求输入用户名和密码，根据在FTP中的设置输入后，窗口将显示站点根目录中的相关内容，表示访问成功；4.复制本机中的网页文件，粘贴在窗口文件夹中，即为上传。实验二HTML标记符的使用（表格、表单对象、CSS样式）一、实验目的：熟悉并掌握HTML标记符的用法和功能。掌握HTML网页的基本结构，学会利用HTML标记符来编写简单的网页，达到能够编写和阅读HTML网页源代码的目的,其中重点要掌握有关表单和CSS层叠样式表的应用；二、实验要求：学生掌握关于HTML的相关知识；具备制作静态网页的基础；具备一定的网络基础知识。三、实验器材：Windows2000Server计算机系统；安装IIS、DreamweaverMX2004、Access2000数据库系统等。四、实验内容：1、熟练应用DreamWeaver中表单工具生成表单；试在当前页面中设计一名为userinfo的表单，用以收集注册用户的资料，并将其提交给userlogin.asp页面处理。界面如图所示：用户注册用户名：密码：重复密码：性别：男女教育水平：电子邮箱确定重填[对应代码]formaction=userlogin.aspmethod=postname=loginid=logintableborder=0bordercolor=#FF0000trtdcolspan=2class=td1用户注册/td/trtrtdwidth=289class=td2用户名：/tdtdwidth=295class=td2inputname=usernametype=textid=username/td/trtrtdclass=td2密码：/tdtdclass=td2inputname=userkey1type=passwordid=userkey1/td/trtrtdclass=td2重复密码：/tdtdclass=td2inputname=userkey2type=passwordid=userkey2/td/trtrtdclass=td2性别：/tdtdclass=td2inputname=sextype=radiovalue=男checked男inputtype=radioname=sexvalue=女女/td/trtrtdclass=td2教育水平：/tdtdclass=td2selectname=edusize=1id=eduoptionvalue=硕士以上硕士以上/optionoptionvalue=大学本科大学本科/optionoptionvalue=大专大专/optionoptionvalue=中专以下中专以下/option/select/td/trtrtdclass=td2电子邮箱：/tdtdclass=td2inputname=emailtype=textid=email/td/trtrtd /tdtd /td/trtrtdcolspan=2class=td3divalign=centerinputtype=submitname=Submitvalue=登陆inputtype=resetname=Submit2value=全部重写/div/td/trtrtd /tdtd /td/tr/table/form[实验提示]加粗HTML标记部分对应的是表单中的各个对象，注意观察它们的表述形式，其中尤其“input”标记；2、熟练使用CSS层叠样式表对页面进行编排对上述表单运用CSS层叠样式表进行编排，步骤：从大到小、从外到内、从上到下；[参考样式]样式名称编排对象form表单#formtable表单中表格.Table_title表格中标题.Form_content表格中的内容.Form_bottom表格中底部Input_len按钮的长度Td单元格[对应代码]styletype=text/css!--.table_title{font-family:宋体;font-size:24px;font-weight:600;color:#000066;letter-spacing:20px;text-align:center;}.form_content{font-family:宋体;font-size:18px;font-weight:300;color:#660000;text-align:left;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:20px;}.form_bottom{text-align:center;}.input_len{margin-top:0px;margin-right:10px;margin-bottom:0px;margin-left:10px;}#formtable{border:thinsolid#006600;}form{margin-top:100px;margin-right:0px;margin-bottom:0px;margin-left:0px;}td{border:1pxsolid#009900;}--/style实验三JavaScript程序设计一、实验目的：深刻理解有关函数中变量的作用域和各类控制语句的功能；理解和灵活运用JavaScript中常用的几个对象及浏览器对象的属性和方法；二、实验要求：回顾和复习以前C语言的基本语法知识；进一步加深理解Javascript语法知识；三、实验器材：Windows2000Server计算机系统；安装IIS、DreamweaverMX2004、Access2000数据库系统等。四、实验内容：1、关于变量的作用域调试下列程序，观察并说明窗口中显示的结果；scriptlanguage=javascriptvarx=13,y=29;functiontest(){varnum,y=10;num=x+y;x++document.write(内部的num的值为：+num+”br”);}test();document.write(测试x的值为：+x+”br”);document.write(测试y的值为：+y+”br”);document.write(外部的num的值为：+num+”br”);/script2、控制语句与函数的应用，用3种方式实现(if语句、条件表达式、函数调用)；根据时间段的不同，在网页中显示不同的问候语，若小时数在12点以前，则输出“早上好！”的问候语，颜色为绿色；若在12点至18点，则输出“下午好！”颜色为黄色；18点以后输出“晚上好！”颜色为黑色。[参考代码]方法1:scriptlanguage=javascriptvarcurday=newDate();hours=curday.getHours();document.write(现在是：+hours+点，);if(hours=12){document.write(fontcolor='00ff00'早上好！/font);}elseif(hours=18){document.write(fontcolor='ffff00'中午好！/font);}else{document.write(fontcolor='000000'晚上好！/font);}/script方法2：……方法3：……3、运用windows对象的属性与方法实现动感网页效果；（1）运用JavaScript和windows对象setTimeout方法编程实现在网页中不断显示不同图片的动画效果，有几个按钮控制该动画的不同效果，分别为：放大、缩小、向前、向后、停止、启动；[参考代码]bodyimgsrc=alt=name=my_imagewidth=32height=32id=my_image/ScriptLanguage=JavaScriptvarimage,i=1functionimage_change(){if(i==5){i=1;}my_image.src=Image+i+.jpg;i=i+1;image=setTimeout('image_change()',1000);}image_change();//函数调用；/Script/body按钮代码：（2）运用JavaScript和windows对象status属性编程实现网站状态行跑马灯式文字效果的显示：“欢迎光临本站”。4、JavaScript的事件处理实现交互式网页功能；试在当前页面中设计一名为userinfo的表单，用以收集注册用户的资料，并将其提交给userlog