还剩39页未读,继续阅读
本资源只提供10页预览,全部文档请下载后查看!喜欢就下载吧,查找使用更方便
文本内容:
《网络教育应用》实验教案系别教育科学与技术系年级教育技术学2005级教师黄克斌2006年9月《网络教育应用》实验教案目录实验项目实验一HTML标记的基本语法和Dreamweaver的基本操作实验二表格的使用实验三表单及JavaScript/VBScript的使用实验四ASP编辑环境及ASP基本语法实验五ASP对象内置对象实验六使用ADO对象访问数据库实验七使用ASP内置组件实验八CSS样式表实验九层和时间线动画实验十框架实验十一行为实验十二综合应用开发实验注意事项
1、实验之前应认真阅读实验讲义及教材有关章节
2、实验室内禁止抽烟、禁止大声喧哗
3、严格按照规定操作所有仪器设备,如有损坏或丢失,应及时报告,并根据情况进行赔偿
4、实验中注意原始数据的记载和保存
5、注意保持场地清洁,实验完毕,主动协助指导教师清扫整理实验室
6、实验之后,认真填写实验报告实验
一、HTML标记的基本语法和Dreamweaver的基本操作
一、实验目的
1、熟悉HTML文件的编辑环境(记事本或Dreamweaver),了解HTML文件的基本结构,并使用InternetExplorer测试HTML文件的操作
2、了解网站的制作流程,掌握用Dreamweaver建构网站和制作网页的主要步骤
3、掌握HTML中与文字、图片、页面有关的基本标记
4、掌握用Dreamweaver中文字、图片、页面的处理方法
5、了解HTML中与超级链接有关的HTML标记
6、掌握在Dreamweaver中制作一般链接、邮件链接、锚点链接、文件下载的方法
7、学会用Dreamweaver制作图像映射、导航条、跳转菜单
二、实验内容
1、用DreamweaverMX2004建立一个本地站点,站点名为Mysite
2、在Mysite站点中建立一个首页index.htm(样式参照实验资料附录index.jpg),设置好首页的大小、样式、背景,并在首页中插入文字、图片、链接、邮件链接、锚点链接等内容
三、实验原理建立一个网站,首先要在本地机器上做好网站,再传到网上的虚拟空间上本地站点的建立定义好之后,就要开始新建网页文件和文件夹网站首页默认的文件名,取决于你申请的主页空间,一般是index.htmindex.htmldefault.htm等同类型的文件,最好放在一个文件夹中,例如把图片文件,都放在image文件夹中不要把所有文件都放在根目录下,把一个栏目的所有文件放在一个文件夹中,在链接网页和维护时,会很方便文件和文件夹的命名,可以用栏目名称的拼音,也可以用栏目名称的英文,团队开发时,有统一的命名规则相当重要例如个人简历这个栏目,命名的文件夹名称可以是jianli,如果命名成英文,可以是me论坛这个栏目的命名,大家都是用bbs作文件夹名称
四、实验步骤
1、在硬盘上建立一个站点目录如F:\Mysite,文件夹Mysite下建立有文件夹pic、fla、css、db等,分别用于存放网站中可能用到的图片、动画、样式以及数据库等文件打开Dreamweaver,在菜单栏上,点击站点菜单,选择新建站点,接下来需要给站点起一个名字,可以起任意一个名字按下一步按钮,选择是否使用服务器技术因为实例建立的是一个静态站点,就选择“否,我不想使用服务器技术”按下一步按钮,因为要传到网上的虚拟主页空间,就要选择“编辑我的计算机上的本地副本,完成后再传到服务器上”按下一步,选择要定义的本地根文件夹,这里选择Mysite文件夹点“选择”按钮,因为没有使用远程服务器,就选择“无”按下一步,在出现站点相关信息对话框下选择“完成”按钮,一个站点就定义好了
2、站点定义好之后,就要开始新建网页文件和文件夹了,在站点中点击右键,选择新建文件,给新建的文件输入名称,如index.htm
3、双击Mysite站点中的index.htm,打开一个空白的页面我们将从这个空白页面开始制作,了解页面属性的设置和作用在工作区点鼠标右键,选择页面属性,打开页面属性对话框在其中,我们可以设置页面的边距、背景、链接等属性设置左边界,顶部边界,边界宽度,边界高度都为0,可以使页面中的表格与背景没有空隙用得比较多的还有背景图像,选择一个已经做好的图像,就可以设置成页面的背景图像
4、页面大小参数的设定现在有好几种尺寸的显示器,“
14、
15、
17、19”英寸,网页要在每个显示器上显示正常,就要设置恰当的参数,常用的是在页面中插入表格放内容,采用象素和百分比两种采用象素为单位,是使用最多的显示器为参照的,现在数量最多的显示器是15英寸和17英寸的,所以页面使用象素为单位时,是以15英寸为标准,常用800×600的分辨率使用百分比,可以在各种显示器上有相同的效果,宽度设置为100%时,在各种显示器上全屏显示下面分别介绍这两种方法简明步骤打开一个页面→插入表格→设置表格宽度打开index.htm文件,点击插入表格图标,打开“插入表格”对话框,设置行数为1,列数为1,宽度选百分比,值为100,边框为0一个可以在各种显示器上全屏幕显示的网页就搭建好了以后要做的是在表格里填充内容下面介绍象素大小的表格设置,选择像素为单位,值为768可以在15英寸显示器上全屏幕显示,在17英寸显示器上也有好的显示效果相对使用百分比制作网页,采用像素比较简单做一个在800×600分辨率下满屏幕显示的页面,可以大致选择一个近似的值“宽768高430”,“宽776高430”等用像素为单位的表格,大多是把表格设置为居中对齐选中表格,在属性面板选择对齐方式为居中对齐完全下载一个表格的内容,才能在IE中显示出来如果页面文件小,可以只有一个表格放内容如果页面文件很大,可以在页面中,从上到下放几个宽度相同的表格,分别放不同的内容,这样就会一个一个显示表格里面的内容,不用等整个网页的内容下载完
5、页面的版式设计做一个网页,先要规划好版式,通过插入表格可以实现网页版式的布局常用的版式是分栏结构,如下图所示,以上是一个主页的简单结构,由三个表格组成第一个表格,二行一列,第一行放LOGO和Banner第二行放导航菜单中间一个表格,一行二列,里面再分别插入两个表格,左边表格放导航或者图片,右边表格放网页内容典型的二分栏结构下面一个表格,一行一列,放版权声明常见的分栏结构,还有三分栏,四分栏,下面是一个三分栏的结构
6、Dreamweaver的使用使用DreamweaverMX工作区,默认的界面中,工作区很小,如果要把工作区变大,选择工作区右侧、下侧的三角形按钮,就可以隐藏面板组和属性面板如果要使用面板组,再点击三角形按钮在Dreamweaver工作区中,可以插入文字、图片、动画以及一般链接、邮件链接、锚点链接、文件下载等等
7、了解Dreamweaver工作区中,文字、图片、动画以及链接等对应的HTML标记
8、利用文本编辑器,输入编辑下面的HTML代码,存盘,然后用浏览器打开浏览效果HTMLHEADTITLE这是我的第一个网页文件/TITLE/HEADBODY这是正文内容/BODY!--这是注释,在网页中不会起作用--/HTML并试着更改其中内容,看有什么变化实验二表格的使用
一、实验目的
1、了解HTML中与表格及表格属性有关的HTML标记
2、掌握在Dreamweaver中制作数据表格和排版表格
3、了解特殊表格在Dreamweaver中的运用
二、实验内容在Mysite站点中完善首页index.htm,实现参照样式index.jpg相同的版面布局结构,并再现相同的效果本次实验将学习网页制作中与表格有关的HTML标记,通过本次实验,应熟练掌握用DreamWeaver制作数据表格和排版表格
三、实验原理DreamweaverMX2004在表格的设计上做出了很大的改进使用表格可以清晰地显示列表的数据,而且它在网页定位上起着重要的作用,尤其是对于使用非IE浏览器的用户来说,使用表格定位的网页比使用图层定位的网页更具有优势在插入菜单栏中,选择插入表格后,Dreameaver弹出表格设置框,如下图所示对话框中,可以设置表格的行数和列数另外也可以设置其它参数表格宽度两种表示形式,像素和百分比,设置为像素后,则表格的页面固定,不能随着显示器的大小改变而改变;设置为百分比后,表格的页面大小可以随着显示器分辨率的大小不同而自动改变边框粗细设置为0则不显示表格边框,显示边框通常设置为1单元格边距表示单元格内部文字、图片等元素距离单元格边框的距离单元格间距表示单元格与单元格之间的距离页眉快速设置表格的样式标题设置数据输出的表格题头,用于说明表格的内容,如表一学生成绩表等对齐标题设置数据输出的表格题头对齐方式,可以是左对齐、右对齐、顶部对齐和底部对齐表格对应的HTML标签为table……/table行对应的HTML标签为tr……/tr列对应的HTML标签为td……/td在DreamweaverMX2004的设计视图中,先将光标放入单元格中,用鼠标单击HTML标签栏上的标签,可以选中整个单元格、行以及整个表格在设计视图中,还可以设置单元的边框、背景等通过对表格的添加、删除、合并、拆分等操作,可以很好的实现数据输出和版面布局的需要DreamweaverMX2004新增加了表格宽度辅助线功能,我们在编辑网页表格的时候能清楚地看到表格中各单元的宽度以及变化,很直观如果我们不想让DreamweaverMX2004自动显示宽度辅助线,选中表格,点击宽度辅助线数字和小三角形,从菜单中选择“隐藏表格宽度”点击工具栏上的视图(viewoption)图标,从下拉菜单中选择“可视化助理”,把“表格宽度”选项钩选,即可显示表格宽度
四、实验步骤
1、创建表格,设计页面的版式选择“插入—表格”选项,弹出属性设置窗口,其中“行”和“列”分别设置为3,“表格宽度”设置为800,“边框”设置为0移动表格中单元格的边框,设计页面版式
2、设置页面属性选择“修改—页面属性…”,弹出属性设置窗口,设置页面的背景颜色为蓝色、左边距为100像素、上边距为0,确定
3、合并单元格选中第一行第一列的单元格,按住鼠标不放,拖动鼠标到最后一列,即可选中第一行中的三个单元格,然后,右键单击鼠标,选择“表格--合并单元格”,则三列合并为一列在布局表格的第一行中可以放置网站的LOGO、题头动画等
4、拆分单元格右键单击要拆分的单元格,选择“表格—插入列”或者“表格—插入行”,即可将单元格拆分为多行或多列
5、设置单元格的边框大小、间距、背景图片和颜色单击DreamweaverMX2004工作面板下部左侧的属性按钮(黑色三角符号),当黑色三角符号指向底部的时候,可以展开当前编辑区的属性选项在编辑区中单击要设置属性的单元格,在属性面板上设置边框大小、间距、背景图片和颜色等相应的参数
6、修饰单元格制作细线表格在做网页中如果把表格的borer=1的话,表格的边框会很粗但如果令其border=0的话那又显示不出边框来,如何制作出细线表格呢?实现细线表格需要到HTML代码中修改,其设置方法如下,tablewidth=500height=50border=0cellpadding=0cellspacing=1bgcolor=#000000trtdbgcolor=#FFFFFF /td/tr/table
7、设置单元格的对齐方式水平对齐方式有,左对齐、右对齐、居中对齐;垂直对齐方式有,顶端对齐、底部对齐、居中对齐和基线对齐
8、通过表格对首页版式进行布局,实现实例index.jpg中的效果实验三表单及JavaScript/VBScript的使用
一、实验目的
1、了解HTML中与表单、表单对象有关的标记
2、掌握在Dreamweaver中制作表单的方法
3、掌握在Dreamweaver中如何插入各种表单对象,并设置其属性
4、用JavaScript/VBScript编写客户端脚本
5、用JavaScript/VBScript实现网页特效
二、实验内容
1、制作一个如下图所示的登陆界面,如下图所示
2、用客户端脚本实现表单数据输入的有效性验证
3、用JavaScript/VBScript实现水波荡漾的特效
三、实验原理表单可以收集用户的信息和反馈意见,是网站管理者与浏览者之间沟通的桥梁表单包括两个部分一部分是HTML源代码用于描述表单(例如,域,标签和用户在页面上看见的按钮),另一部分是脚本或应用程序用于处理提交的信息(如CGI脚本)不使用处理脚本就不能搜集表单数据表单由文本域、复选框、单选框、菜单、文件地址域、按钮等表单对象组成,所有的部分都包含在一个由标识符标志起来的表单结构中表单的种类有注册表、留言薄、站点导航条、搜索引擎等表单标记符FORM,FORM表单可以很简单,只有一个输入域,也可以很复杂,例如有按钮、检查框、滚动窗口的多区域等最常使用的FORM表单元素标记有三种,即INPUT、SELECT和TEXTAREAINPUT的作用是在表单中建立各种的输入域其主要的属性有name、value、type等3个name被用来表示不同的输入域,value被用来给输入域设定初值,type被用来确定可接受的输入域的类型type属性可定义为text(单行文本域)、password(口令域)、radio(圆形单选域)、checkbox(复选框)、reset(复位钮)、submit(提交按钮)、range(范围域)、hidden(隐藏域)当需要使用滚动列表和下拉菜单时,可使用SELECT标记符SELECT通过使用option标记符可以定义列表项,支持multiple、name、size这3种属性当需要为用户提供一个较大的文本输入区域时,可用textarea标记符来建立一个多行文本区textarea使用cols、rows和name这3种属性cols用于定义文本区的列数,rows用于定义该文本区的行数,name为该区域的名字在ASP中,VBScript是默认的脚本语言,如需改变,可在HTML文件的开头作如下声明%@Language=VBScript%或者%@Language=JavaScript%
四、实验步骤
1、制作一个登陆界面选择“文件--新建…创建HTML文件”,进入一个新建文件的工作窗口,在设计视图下,选择工具栏左端的黑色三角符号,单击,弹出选项菜单,选择“表单”栏目,可以看到工具栏上的图标随着更换成常见的表单选项接下来根据需要选择插入所需的表单选项完成登陆界面的制作
2、用客户端脚本实现表单数据输入的有效性验证,验证规则是用户名和密码不能为空,否则弹出警告对话框htmlheadtitle表单数据校验/titlemetahttp-equiv=content-typecontent=text/html;charset=gb2312scriptlanguage=Javascriptfunctioncheakform{ifdocument.loginform.username.value=={window.alert请输入用户名!;document.loginform.username.focus;returnfalse;}ifdocument.loginform.userpswd.value=={alert请输入密码!;document.loginform.userpswd.focus;returnfalse;}document.loginform.submit;}/script/headbodybgcolor=#fffffftext=#000000divalign=centerh3用户登录/h3/divformname=loginformmethod=postaction=login.asptablewidth=400border=0align=centercellspacing=10trtdwidth=200用户名inputtype=textname=usernamesize=10/tdtdwidth=200密码inputtype=passwordname=userpswdsize=10/td/tr/tabledivalign=centerinputtype=buttonname=bu1value=登录onclick=cheakforminputtype=resetname=bu2value=重填/div/form/body/html
3、实现水波荡漾的效果本效果是用JavaApplet实现的Anfy软件提供了系列的网页特效,可以先安装Anfy软件,浏览查看自己中意的网页特效在这里用到的是lake效果,实现方法是:将实现效果必须的三个文件,AnLake.class、Lware.class和anfyclass拷到网页文件同级目录下,将以下applet……/applet之间的代码插入到网页的HTML文件中并将appletarchive=AnLake.jarcode=AnLake.classwidth=824height=656//设置图片大小paramname=creditsvalue=AppletbyFabioCiucciwww.anfyteam.comparamname=regcodevalue=NOparamname=reglinkvalue=NOparamname=regnewframevalue=YESparamname=regframenamevalue=_blankparamname=statusmsgvalue=AnLakeappletparamname=resvalue=1paramname=imagevalue=ta.jpg//设置要在水面呈现倒影效果的图片paramname=wavspeedvalue=30paramname=perspectivevalue=10paramname=farwavingvalue=200paramname=windvalue=10paramname=windvarvalvalue=5paramname=windvarminvalue=5paramname=windvarmaxvalue=15paramname=halfreflectvalue=NOparamname=overimgvalue=duck.gif//设置在倒影图片上运动的图片paramname=overimgXvalue=440paramname=overimgYvalue=450//设置在倒影上运动图片的位置paramname=textscrollvalue=lakescr.txtparamname=texttypevalue=zoomingparamname=textvspacevalue=0paramname=textminfontvalue=8paramname=textmaxfontvalue=172paramname=textoffsetvalue=240paramname=textspeedvalue=2paramname=textfontvalue=Helveticaparamname=textboldvalue=NOparamname=textitalicvalue=NOparamname=textsizevalue=24paramname=textshadowvalue=YESparamname=TextColRvalue=255paramname=TextColGvalue=255paramname=TextColBvalue=155paramname=TextSColRvalue=20paramname=TextSColGvalue=20paramname=TextSColBvalue=50paramname=TextJumpAmpvalue=0paramname=TextJumpSpdvalue=0paramname=TextSineAmpvalue=0paramname=TextSineSpdvalue=0paramname=TextSineAnglevalue=0paramname=memdelayvalue=1000paramname=priorityvalue=3paramname=MinSYNCvalue=10PleaseAHREF=http://www.anfyteam.com/java/downloadJavatm/A./applet注意JavaApplet运行时,要求浏览器支持,如果显示不出效果,则要求单独安装JAVA虚拟机(JVM)实验四ASP编辑环境及ASP基本语法
一、实验目的
1、学会IISWeb服务器的设置;
2、了解ASP的基本概念和编辑环境;
3、了解ASP程序的基本结构;
4、掌握在DreamweaverMX2004调试ASP程序的基本方法
二、实验内容
1、安装和配置Internet信息服务管理器(IIS);
2、建立简单的ASP程序,通过该程序接收Form表单输入的数据,并将结果输出到Web页面
三、实验原理ASP ActiveServerPages,动态服务器网页技术,由MicroSoft推出,是一套服务器端运行的脚本平台,ASP运行在IIS上通过ASP我们可以结合HTML网页、ASP指令和ActiveX元件建立动态、交互且高效的WEB服务器应用程序同时,ASP也支持VbScript和JavaScript等脚本语言,默认为VbScriptASP运行的环境要求是后台WindowsNT/2000(IIS
5.
0、
6.0)Windows98PWS
4.0PersonalWebServer前台网页浏览器BrowserASP文件的扩展名为.asp,它通常由以下三个部分组成HTML标记传输给浏览器的指令纯文本直接显示给用户的信息ASP代码Web服务器上运行的一些指令,ASP代码用分隔符%和%括起来,以便与文本和HTML标记区分开来ASP文件是以.asp为扩展名的纯文本文件,可以用任何文本编辑器打开并编辑微软开发的MicrosoftVisualInterDev是专门为开发ASP程序推出的可视化集成开发环境也可以用DreamweaverMX2004编辑ASP文件在ASP中编程时,应注意以下事项1在ASP中,字母不区分大小写;2在ASP中,标点符号均为英文状态下输入的标点符号,但在字符串中无所谓;3普通的HTML元素可以在一行里连续书写,但在ASP中必须分行书写一条ASP语句就是一行,一行也只能写一条ASP语句4如果ASP语句太长,一行写不下,可用续行符“_”下划线,也可直接写,让它自动换行5普通HTML的注释语句为:!--…--;6ASP的注释语句为:REM注释内容或者是‘注释内容
四、实验步骤
1、IIS的安装和配置首先确认机器上装有IIS(Internet信息服务简称为IIS)如果没有安装IIS,则需要重新安装IIS方法是打开“控制面板”,然后启动“添加/删除程序”,在弹出的对话框中选择“添加/删除Windows组件”,在Windows组件向导对话框中选中“Internet信息服务(IIS)”,然后单击“下一步”,按向导指示,完成对IIS的安装接下来是启动和配置IIS单击Windows开始菜单---所有程序---管理工具---Internet信息服务(IIS)管理器,即可启动“Internet信息服务”管理工具IIS安装好后,系统自动创建了一个默认的Web站点,该站点的主目录默认为C:\\Inetpub\\www.root用鼠标右键单击“默认Web站点”,在弹出的快捷菜单中选择“属性”,此时就可以打开站点属性设置对话框,在该对话框中,可完成对站点的全部配置单击“主目录”标签,切换到主目录设置页面,该页面可实现对主目录的更改或设置单击“文档”标签,可切换到对主页文档的设置页面,(主页文档是在浏览器中键入网站域名,而未制定所要访问的网页文件时,系统默认访问的页面文件
2、建立简单的ASP程序,通过该程序接收Form表单输入的数据,并将结果输出到Web页面客户端代码FormClient.htmhtmlheadtitleQueryString用法示例/title/headbodyahref=4-
5.aspname=白芸age=22显示/aformaction=FormServer.aspmethod=postname=form1姓名inputtype=textname=user_namebr密码inputtype=passwordname=passwordbr性别inputtype=radioname=sexvalue=男男inputtype=radioname=sexvalue=女女br爱好inputtype=checkboxname=lovevalue=音乐音乐inputtype=checkboxname=lovevalue=计算机计算机br职业selectname=careeroptionvalue=教育业教育业/optionoptionvalue=金融业金融业/optionoptionvalue=其它其它/option/selectbrinputtype=submitvalue=确定 size=20inputtype=resetvalue=重新填写size=20简述textareaname=introductionrows=2cols=40wrasp=soft/textareabr/form/body/html服务器端代码FormServer.asphtmlheadtitleQueryString用法示例/title/headbody%Dimuser_namepasswordsexlovecareerintroduction定义变量user_name=Request.Formuser_nameREM‘前面的user_name是一个变量,后面的user_name是表单中一个元REM‘素的名字,不是一回事password=Request.Formpasswordsex=Request.Formsexlove=Request.Formlovecareer=Request.Formcareerintroduction=Request.Formintroduction%姓名%=user_name%br密码%=password%br性别%=sex%br爱好%=love%br职业%=career%br简介%=introduction%/body/html实验五使用ASP内置对象
一、实验目的
1、掌握Request对象和Response对象的使用方法
2、掌握cookies对象的主要使用方法
3、了解sessions对象和Application对象的使用方法
4、了解Server对象的使用方法
5、了解文件存取组件
二、实验内容
1、设计一个登陆窗口,用GET方法传递数据,由Request对象的QueryString集合从URL中获取数据
2、通过Cookie判断用户是否是首次访问站点,是,则在页面上显示您是初次访问本站;否则,在页面上显示你上一次访问本页在年-月-日;
3、利用ServerVariables控制用户必须从登陆界面进入到其他页面
三、实验原理ASP提供了可在脚本中使用的内置对象通过使用这些内建对象,可以完成用户端提交数据、向客户端返回数据、记录单一用户、创建全体用户操作变量以及完成对数据库的操作等强大的功能ASP提供了如下几个内建对象Request对象利用Request对象从客户端获取信息,包含从客户端浏览器发送给服务器的所有信息,允许访问利用表单提交给服务器的数据;Response对象利用Response对象向客户端输出信息;Server对象为ASP应用程序提供服务器的功能;Application对象对给定应用程序的所有用户共享信息;Session对象维护每个用户的信息;ObjectContext对象提供在页内进行事务处理的功能;ASPError对象处理ASP页面内发生的错误Request对象所得到的信息是从浏览器传递给服务器的,传递的方法有两种Post和Get方法如果使用的是Get方法发送数据,读取数据用到的是QueryString集合;如果使用的是Post方法发送数据,读取数据用到的是Form集合共有五集合来访问请求QueryString、Form、Cookies、ServerVariable和ClientCertificateResponse对象包括如下的方法Write直接输出信息到客户端Redirect引导客户端至另一个URL位置End使Web服务器停止处理脚本并返回当前结果Flush立即发送缓冲区中的输出内容Clear删除缓冲区中的HTML输出内容BinaryWrite将制定的信息写到http输出重AddHeader用指定的值添加html标题AppendToLog将字符串添加到Web服务器日志条目的末尾PICS对客户访问的内容进行分级检查
四、实验步骤
1、用Request对象的QueryString集合接收通过URL传递过来的客户端信息方法一直接在链接中设置参数客户端QueryStringClient.htmhtmlheadtitleQueryString用法示例/title/headbodyahref=QueryStringServer.aspname=白芸age=22显示/a/body/html服务器端QueryStringServer.asphtmlheadtitleQueryString用法示例/title/headbody%Dimnameagename=Request.QueryStringnameage=Request.QueryStringage%您好,您的姓名是%=name%,您的年龄是%=age%/body/html方法二通过表单中的get方法传递参数客户端login_QueryString.html……formname=loginformmethod=getaction=login_QueryString.asptablewidth=400border=0align=centercellspacing=10trtdwidth=200用户名inputtype=textname=usernamesize=10/tdtdwidth=200密码inputtype=passwordname=userpswdsize=10/td/tr/tabledivalign=centerinputtype=buttonname=bu1value=登录onclick=cheakforminputtype=resetname=bu2value=重填/div/form……服务器端login_QueryString.asp……body%username=Request.QueryStringusernameuserpswd=Request.QueryStringuserpswd%你的用户名是%=username%你的密码是%=userpswd%/body……
2、通过Cookie判断用户是否是首次访问站点,是,则在页面上显示您是初次访问本站;否则,在页面上显示你上一次访问本页在年-月-日htmlheadtitle通过Cookie判断用户是否是首次访问站点/title/headbody%Dimssss=Request.Cookiesdateifss=thenresponse.write您是初次访问本站Response.Cookiesdate=dateResponse.cookiesdate.Expires=date+365elseResponse.Write你上一次访问本页在ssResponse.Cookiesdate=dateResponse.cookiesdate.Expires=date+365endif%/body/html为了方便查看效果,在显示了上次的时间后,可以清空Cookie,继续查看效果清空Cookie的方法是在IE浏览器中,选择“工具—Internet选项…”,弹出Internet属性面板,在其中选择“删除Cookies…”
3、利用ServerVariables控制用户必须从登陆界面进入到其他页面%dimfromfrom1from=Request.ServerVariablesHTTP_REFERERfrom1=Request.ServerVariablesREMOTE_ADDRiffrom=http://
192.
168.
0.5/thenresponse.write欢迎进入!elseresponse.write请先登录endifresponse.writeform1%实验六使用ADO对象访问数据库
一、实验目的
1、掌握ASP与ACCESS数据库的连接与简单的查询操作
2、掌握对数据库进行修改、增加、删除等操作
二、实验内容
1、编写代码,用ASP打开和关闭一个ACCESS数据库,并将ASP与ACCESS数据库连接成功与关闭操作的结果呈现在一个页面;
2、将上一步操作中的数据库中的内容全部显示在页面上;
3、向上述数据库中增加一条记录,并在页面上查看修改后的效果;
4、修改上述数据库中已经存在的数据两种方法,一是使用SQL语句执行操作,二是使用Recordset对象的Update方法实现数据修改
三、实验原理ASP提供了强大的数据库支持,ASP对数据库的访问可以通过ADO(ActiveXDataObjects,ActiveX数据对象)模式来实现ADO对象主要包含Connection对象、Command对象、Parameter对象、RecordSet对象、Field对象、Property对象和Error对象等七个对象ADO对象包含Fields数据集合、Properties数据集合、Parameters数据集合和Error数据集合等四个数据集合Connection对象负责与数据库实际的连接动作,代表与数据源进行的惟一会话Connection对象的Open方法负责创建与数据源的连接;Execute方法执行指定的查询、SQL语句、存储过程或特定提供者的文本等内容;Close方法关闭一个打开的数据库连接,释放所有关联的系统资源,但Connection对象本身没有被释放Command对象是控制对数据库发出的请求信息,它表示一个可被数据源处理的命令Command对象可以对数据库提出查询信息,把符合要求的数据存放在Recordset对象中返回如果不想使用Command对象执行查询,则需要将查询字符串送给Command对象的Execute方法或Recordset对象的open方法RecordSet对象表示在数据库中执行SQL查询返回执行结果的记录集
四、实验步骤
1、编写代码连接数据库连接SQLServer数据库%OptionExplicitDimCnnStrCnnSetCnn=Server.CreateObjectADODB.ConnectionStrCnn=Provider=sqloledb;UserID=sa;Password=sa;InitialCatalog=jyjs;DataSource=michaelInitialCatalog后指定数据库名,DataSource后为机器名(即网络→属性→标识中的计算机名)或IP地址(需要安装DNS服务)Cnn.OpenStrCnn……%连接ACCESS数据库%……DimCnnStrCnnSetCnn=Server.CreateObjectADODB.ConnectionStrCnn=Provider=Microsoft.Jet.OLEDB.
4.0;DataSource=d:\mysite\db\jyjs.mdbCnn.OpenStrCnn……%
2、编写代码读取数据库中的数据%……DimStrSQLrsTestStrSQL=Select*FromstudentorderbySnoSetrsTest=Cnn.ExecuteStrSQL……%
3、将数据库中读取的信息按学号升序输出%……DoWhileNotrsTest.EOFResponse.WritersTestsnorsTestsnamersTestsdeptrsTestintrobrrsTest.MoveNextLoop……%
4、将学号为2005001的学生成绩改为70分%……DimStrStr=updatestudentsetGrade=70whereSno=’2005001’Setrs=Cnn.ExecuteStr……%修改完后,可以再次使用输出语句,将数据库中的数据输出到网页上,查看修改后的结果
5、向数据库中输入一条记录%……DimStrStr=insertintostudentsnosnamessexsdeptvalues2005011michael男教育技术学SetrsTest=Cnn.ExecuteStr……%实验七使用ASP内置组件
一、实验目的
1、掌握ASP内置组件的编程
2、知道ASP内置组件AdRatator、Counters、ContentLinking、FileAccess各自的功能及基本用法
3、能够使用ASP内置组件做简单的应用
二、实验内容
1、使用广告轮显组件在网页上自动轮换显示广告图象
2、使用Counters组件统计站点的访问量
3、使用ContentLinking组件
4、使用FileAccess组件
三、实验原理ASP除内置对象外,还提供了一些内置组件,ASP内置的一个ActiveX组件是一个存在于Web服务器上的动态链接库文件(.dll)或可执行文件(.exe)该文件包含执行某项或某一组任务的代码,组件可以执行公共的任务,这样就不必用户自己去创建执行这些任务的代码当在Web服务器上安装完ASP环境后,就可以直接使用它自带的几个常用组件而且也可以从第三方开发者获得可选的组件,用户也可以使用任何支持组件对象模型(COM)的语言如C、C++、Java等来编写自己的组件ASP内置组件如下AdRotator组件帮助维护、修改广告ContentRotator组件用于在一个网页上随机显示不同的html文件Counters组件创建一个或多个计数器PagesCounter组件统计页面被点击的次数ContentLinking组件把一系列的web页面连接在一起FileAccess组件提供文件的输入输出方法DatabaseAccess组件提供数据库的访问,是所有组件中功能最将大的PermissionChecker组件检查某用户是否有访问服务器的权限BrowerCapabilities组件用来判断客户端的浏览器的类型和设置
四、实验步骤
1、使用广告轮显组件在网页上自动轮换显示3张不同的广告图象,点击广告图像可以进入相应的链接,并且要求其中一张显示的几率是其他两张的2倍广告显示页面代码Welcome.aspHTMLHEADTITLE欢迎进入/TITLE/HEADBODYCENTERH2欢迎进入/H2/CENTERHR%SetMyAd=Server.CreateObjectMSWC.AdRotator%CENTER%=MyAd.GetAdvertisementmyadrot.txt%/CENTER/Body/HTML广告跳转页面代码adcount.asphtmlheadtitle广告组件的使用/title/headbody%添加日志文件Response.AppendToLogRequest.QueryStringurl重定向到指定的URLResponse.RedirectRequest.QueryStringurl%/body/html广告时间表myadrot.txt(实际使用代码过程中带“//”的注释内容去掉)REDIRECTadcount.aspWIDTH400HEIGHT230BORDER0*
001.jpg//注要显示的广告图片http://www.sina.com//注跳转到的广告首页我的个人主页//注鼠标移上广告图片时的说明文字25//注广告显示的几率百分比
002.gifhttp://www.sohu.com青山
25003.jpghttp://www.xinhuanet.com
502、使用Counters组件统计站点的访问量建立Global.asa文件scriptrunat=serverlanguage=vbscript‘第一个用户运行ASP程序中任何一个页面时执行以下过程subapplication_onstartapplication.lockapplicationonline=0applicationcounter=0application.unlockendsub‘当用户第一次运行ASP程序时中的任何一个页面时执行以下过程subsession_onstartsession.timeout=1application.lockapplicationonline=applicationonline+1applicationcounter=applicationcounter+1application.unlockendsub‘当一个用户会话超时或退出应用程序时执行以下过程subsession_onendapplication.lockapplicationonline=applicationonline-1application.unlockendsub/script建立计数器调用页面count.asphtmlheadtitle计算器的使用/titlebody你是该页的第%=applicationcounter%个访问者目前在线人数是%=applicationonline%/body/head/html
3、使用ContentLinking组件htmlheadtitle表单数据校验/title/headbodyH2欢迎使用网上教室/H2%Setmylink=Server.CreateObjectMSWC.Nextlink取得列表文件中的项目数Count=mylink.GetlistCountnextlink.txt%本教室共有%=count%项内容%显示列表文件中的内容及超链接i=1%TABLE%DoWhilei=count%TRTDAHREF=%=mylink.GetNthURLnextlink.txti%%=mylink.GetNthDescriptionnextlink.txti%/A/TD%i=i+1%/TR%Loop%/TABLEhr%Setmylinks=Server.CreateObjectMSWC.NextLinkIfmylinks.GetListIndexnextlink.txt1Then%Ahref=%=mylinks.GetPreviousURLnextlink.txt%上一页/A%EndIfIfmylinks.GetListIndexnextlink.txtmylinks.GetListCountnextlink.txtThen%Ahref=%=mylinks.GetNextURLnextlink.txt%下一页/A%EndIf%Ahref=contextlinking.asp返回主页/A/body/html
4、使用FileAccess组件,实现将计数器中的值写入到记事本中先在D盘根目录下建立一个记事本文件D:\count.txt用FileAccess组件建立一个可以将计数值写入记事本文件的ASP代码dispfile_
07.aspHTMLHEADTITLE文件夹内容/TITLE/HEADBODY%DimVisitors创建一个FileSystemObject对象Setfilsysobj=Server.CreateObjectScripting.FileSystemObject启动count.txt文件,并且读取记录在文件中的visitorsSetthisfile=filsysobj.OpenTextFiled:\mysite\count.txtVisitors=thisfile.readlinethisfile.closeIfIsEmptySessionConnectedThen将计数器加1Visitors=Visitors+1EndIfSessionConnected=True将计数器写入count.txt文件之中Setout=filsysobj.CreateTextFiled:\mysite\count.txtout.WriteLineVisitorsout.closeSetfilsysobj=nothing%CENTERH2欢迎进入ASP的世界HR/H2您是本站第%=visitors%位贵宾/BODY/HTML实验八CSS样式表
一、实验目的
1、了解CSS样式表在网页制作中的主要作用
2、掌握在Dreamweaver中CSS样式面板的使用
3、掌握用CSS样式美化网页的方法
二、实验内容
1、新建样式,使表格保留左边框;
2、新建样式,使网页显示的正文用指定的字体样式;
3、对上述定义样式进行修改
三、实验原理CSS是一种格式化网页的标准方式,它对颜色、字体、间隔、定位以及边距等格式方面提供了多种属性,这些属性均可用于HTML标记符CSS技术的优点可概括如下
(1)方便网页格式的修改由于CSS对页面格式的控制可以独立地进行,这就使得修改网页元素的格式变得更加容易,网页的更新工作也就大为减轻
(2)便于减少网页体积为了得到一个较好的浏览效果,设计网页时常常要制作多种图片,以获得想要的字体和布局,但图片用的越多,网页就越臃肿CSS的出现,为解决这类问题提供了另一种思路如利用CSS技术来取代原先只能用图像表示的艺术字体由于图像文件的减少,整个网页的体积随之大为减少,这样便可提高网页下载和现实的效率,实际意义十分明显
(3)能使网页元素更准确的定位CSS的最大优点之一是它的定位技术网页设计者往往采用表格或层来定位网页元素,层定位主要应用于复杂且不规则的网页结构正确使用层定位必须配合CSS,才能实现最终效果
(4)良好的适应性许多新的网页设计技术不断产生,但是现在浏览器不一定百分之百的支持这些技术,直接在HTML中使用时必须十分谨慎而在CSS中使用则可以避免由于浏览器不支持这些新技术而出现的页面显示混乱的情况当浏览器不支持这些规则时,系统会自动调用缺省方式进行解释并显示通过将整个网站网页的风格信息集中在一个文件后缀为.css的称为外部css样式表的文件中,然后将所有的网页都链接到这个文件上这样,当改变CSS文件的风格说明,就可以影响这个网站网页的风格CSS文件也是一个文本文件,所有可以用来编辑HTML文件的编辑器都可以用来编辑CSS文件不同的设计者,通过使用CSS技术,链接CSS文件就可以使许多人开发制作的网页统一到同一种风格下在DWMX2004的CSS样式里包含了W3C规范定义的所有CSS1的属性,把这些属性分为类型、背景、区块、方框、边框、列表、定位、扩展等八个部分,如下图DWMX2004实现CSS属性设置功能是完全可视化的,无需编写代码
四、实验过程
1、将网页导航标题栏的表格保留左边框,做成如下所示的样式 首先,制作好1行8列的导航标题栏,设置表格的边框值为0,将插入点放在一个单元格中,然后执行以下操作之一打开“新建CSS样式”对话框在“CSS样式”面板(“窗口”“CSS样式”)中,单击面板右下角区域中的“新建CSS样式”按钮,如下图即出现,如下图在“新建CSS样式”对话框中输入导航标题栏表格的样式名称topform,选择器类型默认为“类”,定义在“新建样式表文件”中,确定,则弹出样式保存对话框,输入样式的名称,并将样式保存到指定的路径保存好样式后,在弹出的.topform的样式属性设置对话框中,选中分类栏目的“边框”项,取消样式、宽度、颜色等属性上“全部相同”前的选项,在边框属性窗口设置上、下、右边框均为无,设置左边框样式为实线,宽度为1像素,颜色为黑色,确定鼠标选中导航标题栏表格中的一个单元格,在页面属性栏的样式下拉选项中,选中topform,浏览,则可以看到单元格只显示左边框的效果
2、要求所有页面上显示正文的样式为字体,仿宋_GB2312,字的大小,14像素,行距,20像素在“新建CSS样式”对话框中输入正文文字样式的名称zhengwen,选择器类型默认为“类”,定义在“新建样式表文件”中,确定,则弹出样式保存对话框,输入样式的名称,并将样式保存到指定的路径保存好样式后,在弹出的.zhengwen的样式属性设置对话框中,选中分类栏目的“类型”项,选择字体、字的大小以及行距等值鼠标单击要用到样式的文字区域,在页面属性栏的样式下拉选项中,选中zhengwen样式,浏览,则可以看到单元格只显示左边框的效果
3、编辑、修改zhengwen.css样式在页面属性栏的样式选项中,选中“管理样式…”,在弹出的“编辑样式”对话框中,选中要编辑的样式zhengwen.css,双击,出现.zhengwen,继续双击.zhengwen,则可以出现样式属性窗口,在其中可以修改样式实验九层和时间线动画
一、实验目的
1、了解网页制作中层的作用
2、掌握在Dreamweaver中用层对页面元素进行精确定位
3、掌握在Dreamweaver中用层进行页面布局
4、掌握在Dreamweaver中制作时间线动画
二、实验内容通过本次实验,应熟练掌握在Dreamweaver中,用层对页面元素进行精确定位和页面布局,以及制作时间线动画,使用时间轴面板在页面上创建滚动的字幕
三、实验原理层(Layer)是一种HTML页面元素,可以将它定位在页面上的任意位置层可以包含文本、图像或其它HTML文档层的出现使网页从二维平面拓展到三维可以使页面上元素进行重叠和复杂的布局层有隐藏和显示的属性这是层的一个重要属性和以后说到的行为相结合就变成了重要的参数一个页面中可以画出很多的层,这些层都会列在层面板中层之间也可以相互重叠层还有一个概念就是层数,层数决定了重叠时哪个层在上面哪个层在下面比如层数为2的层在层数为1的层的上面改变层数就可以改变层的重叠顺序 层面板上面还有一个参数就是防止层重叠一旦选中,页面中层就无法重叠了 层还有一种父子关系也就是隶属关系如在图层面板中,图中Layer2挂在Layer1的下面Layer1为父层,Layer2为子层在页面中拖动Layer1,Layer2也跟着动起来因为他们已经链在一起了,并且Layer2隶属于Layer1父层移动会影响到子层移动layer2层,Layer1层不动也就是子层不会影响到父层要建立这样的一种隶属关系方法很简单在层面板中按Ctrl键将子层拖拽到父层即可由于层在网页布局上非常方便,所以,一些人可能不喜欢使用表格或“布局”模式来创建自己的页面,而是喜欢通过层来进行设计DreamweaverMX2004可以使用层来创建自己的布局,然后将它们转换为表格在转换为表格之前,必须确保层没有重叠
四、实验步骤
1、新建图层方法有两种第一种利用菜单插入一个层,操作步骤
(1)在要插入图层的位置单击鼠标左键,确定插入点
(2)执行【插入】/【图层】命令,则在光标的当前处插入了一个系统缺省默认的图层第二种利用插入栏中的常用面板来实现插入图层,操作步骤如下
(1)打开要创建图层的文档
(2)单击插入栏中的常用面板的按钮
(3)用鼠标拖动该图标,到工作窗口释放鼠标左键(或直接在编辑区内画层)
2、创建嵌套图层创建的方法将光标插入到已建好的图层中,然后选择菜单中的“插入/层”命令,可在已建的图层中插入一个嵌套的图层
3、图层的属性面板选择图层,则弹出图层属性面板对话框,可以设置图层的属性参数
4、层的移动创建图层后,可以拖动图层到任意的位置
5、调整图层的大小创建图层后,单击层的标记可以选中层,可以用鼠标拖动层的控制柄调整图层的大小,或者在图层的属性面板中设置图层的大小
6、层的对齐按下Shift键+鼠标单击每一个层的任意位置,可以选中多个层,选择菜单栏的[修改]/[对齐]命令,选择需要的对齐方式
7、层面板Dreamweaver系统提供了一个很好的工具层面板来管理文档中创建的图层,打开层面板的方法选择菜单栏的[窗口]/[其它]/[层]命令,即可打开系统的层面板在层面板中可以选择层、修改图层的名字、改变层的叠放顺序、改变层的可视性、可以设置图层防止重叠
8、层与表格的转换在文档中选中所有不重叠的层,选择菜单栏的[修改]/[转换]/[层到表格]命令,可以把当前的图层转换为表格反之还可以把表格转换为图层
9、使用时间轴面板在页面上创建滚动的字幕(DreamweaverMX中实现)操作方法
(1)新建页面文档,创建图层layer1,在图层中输入文本“欢迎光临!”
(2)选择主菜单中的【窗口】/【其它】/【时间线(轴)】命令打开系统的时间轴面板,或者直接按Alt+F9打开时间轴
(4)将图层layer1添加到时间轴的动画通道中
(5)在文档中设置图层layer1的移动轨迹在时间轴面板中选中【自动播放】和【循环】命令
(6)预览效果实验十框架
一、实验目的
1、了解框架网页与普通网页之间的区别与联系
2、掌握框架网页在创建、选择、设置、存储与应用方面的特点
3、掌握框架结构网页的制作方法
4、掌握浮动框架的特点和制作方法
二、实验内容应用框架结构制作一个具有“左侧和嵌套的顶部框架”的页面
三、实验原理框架是浏览器窗口中的一个区域,它可以显示与浏览器窗口的其余部分中所显示内容无关的HTML文档框架集是HTML文件,它定义一组框架的布局和属性,包括框架的数目、框架的大小和位置以及在每个框架中初始显示的页面的URL框架集文件本身不包含要在浏览器中显示的HTML内容,但noframes部分除外;框架集文件只是向浏览器提供应如何显示一组框架以及在这些框架中应显示哪些文档的有关信息最常见用途就是导航一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架但是,框架的设计可能比较复杂;并且在许多情况下,您可以创建没有框架的Web页,它可以达到使用一组框架所能达到的许多同样效果 使用框架具有以下优点访问者的浏览器不需要为每个页面重新加载与导航相关的图形;每个框架都具有自己的滚动条(如果内容太大,在窗口中显示不下),因此访问者可以独立滚动这些框架例如,当框架中的内容页面较长时,如果导航条位于不同的框架中,那么向下滚动到页面底部的访问者就不需要再滚动回顶部来使用导航条 使用框架具有以下缺点可能难以实现不同框架中各元素的精确图形对齐;对导航进行测试可能很耗时间;各个带有框架的页面的URL不显示在浏览器中,因此访问者可能难以将特定页面设为书签
四、实验步骤做一个具有框架的页面,由三个框架组成的框架布局一个较窄的框架位于侧面,其中包含导航条;一个框架横放在顶部,其中包含Web站点的徽标和标题;一个大框架占据了页面的其余部分,其中包含主要内容这些框架中的每一个都显示单独的HTML文档效果如下所示制作过程1、新建一个网页文件,并在布局工具栏中选择“左侧和嵌套的顶部框架”,并调整框架到合适大小;2、为每一个框架导入事先做好的网页,例如,左侧为left.htm,顶部为top.htm,右下部为right.htm导入事先准备好的网页的方法是首先用鼠标选中要导入网页文件的框架,然后,选择“文件—在框架中打开…”,在弹出的对话框中找到要导入的网页文件,确定3、为左侧框架中的按钮添加链接,使链接的目标文件出现在右下部的框架中方法是选中左侧框架中要添加链接的按钮,添加链接的同时,设置链接目标为mainframe实验十一行为
一、实验目的
1、了解Dreamweaver中行为的主要作用
2、学会在Dreamweaver中通过行为面板来使用行为
3、掌握Dreamweaver中常用的内置行为
二、实验内容
1、使用【播放声音】动作来播放声音和音乐文件;
2、给网页的标题导航栏添加弹出式菜单动作;
3、通过调用Javascript关闭窗口
三、实验原理行为就是一段JavaScript代码,这些代码放置在文档中执行特定的任务(例如打开浏览器窗口、显示或隐藏层、播放声音或影片),在浏览器中通过事件触发,以实现网页的各种特殊的功能也就是说,一个行为是一个事件和由该事件触发的动作组成的事件是浏览器产生的有效信息,也就是说访问者对网页所做的事情如onClick、onMouseOver、onMouseOut等(事件与浏览器的版本有关,每个浏览器都提供一组事件,这些事件可以与“行为”面板的动作+弹出式菜单中列出的动作相关联浏览器的版本越高,可以使用的事件就越多,反之越少)动作指的是“行为”中的JavaScript代码所执行特定的操作,如打开浏览器窗口、显示或隐藏层、播放声音等
四、实验步骤
1、在页面载入时会自动播放一段音乐具体的操作步骤如下打开一个预加入背景音乐的页面文档,然后打开行为面板在行为面板中点击“+”按钮,从动作弹出的菜单中选择【播放声音】命令,打开【播放声音】对话框,如下图所示点击“浏览”按钮选中一个声音文件,或者直接在“播放声音”域中输入声音文件的路径和文件名单击“确定”按钮,完成声音设定在行为面板中加入了一个事件为【onLoad】,动作为【播放声音】(如果不想当网页载入时就播放音乐,而是想当鼠标点击时再播放,只要将事件改为【onClick】即可)
2、给网页标题导航栏的“课程简介”栏目添加弹出式菜单效果首先,给需要设置弹出式菜单效果的文字加上超级链接,然后,单击具有超级链接的文字,打开行为面板,在行为面板中点击“+”按钮,从动作弹出的菜单中选择【显示弹出式菜单】命令,在“弹出式菜单”编辑窗口的“内容”面板上,添加弹出菜单的选项,如课程大纲、课程教材、课程沿革、教学内容等,其中的,“目标”选项设置为_blank,“链接”选项设置为弹出菜单中选项所指向的页面在“外观”面板中设置弹出菜单的样式、背景颜色、鼠标滑过颜色以及文字的字体、大小、颜色等在“高级”面板上设置弹出菜单的边框、大小、响应时间等属性在“位置”面板设置弹出菜单在水平和垂直方向上距离热区文字的位置
3、在页面上通过调用Javascript关闭窗口【调用Javascript】行为动作能够让用户使用行为面板去指定一个自定义功能或者当一个事件发生时执行一段Javascript代码具体操作步骤如下:在文档窗口中键入中文“关闭窗口”,然后将新输入的文本选定为文本添加空链接,在其属性面板的【链接】栏内直接输入“#”打开行为面板,单击“+”按钮,从动作弹出的菜单中选择【调用Javascript】命令,打开【调用Javascript】对话框,如下图所示键入将要执行的Javascript代码或函数名,如“window.close”,用来关闭窗口的命令单击“确定”按钮,完成设置在行为面板中选择【onClick】事件预览网页实验十二综合站点设计与开发
一、实验目的综合应用网页制作的各项技术,实践网站开发的基本流程,初步具备独立设计与开发综合性网站的能力
二、实验内容为方便教师管理个人教学过程中的消息、资料、作业和成绩等电子信息,设计和开发了一个基于Web的教师个人教学管理系统它是一个动态、交互的Web服务器端的应用系统,由学生注册管理、消息管理、资源管理、作业管理、问答管理和成绩管理六个模块组成具有管理教学消息、教学资源、电子作业、交互信息、学生信息以及学习成绩等功能具体实验的内容包括以下方面
1、站点的需求分析;
2、网站的功能设计
3、网站的数据库设计
4、网站的程序实现
5、系统的运行、测试和维护
三、实验原理综合性站点的设计可以有四个阶段,各阶段的任务是第一阶段掌握网站的需求分析
1.功能需求的分析
2.性能需求的分析
3.安全性和技术需求的分析第二阶段完成网站的功能设计
1.设计一级系统结构图
2.设计各个具体功能模块的结构图
3.设计站点的后台数据库第三阶段编码实现1.网站风格和版式框架的设计2.前台页面的制作3.后台数据库的连接以及数据的调用第四阶段系统的运行和测试系统的开发环境为windows2000server+IIS
5.0+DreamweaverMX2004系统开发用到的主要技术为ASP+SQL语句+HTML+Access数据库对主要技术及实现过程介绍如下
(一)ASP(ActiveServerPages)ASP是一套由微软开发的服务器端脚本环境,它利用ADO方便地访问数据库,并能很好地对数据库进行处理我们结合HTML网页、ASP指令和ActiveX元件,可以建立动态、交互且高效的WEB服务器应用程序ASP的代码程序都在服务器端执行,包括所有嵌在普通HTML语言中的脚本程序当程序执行完毕后,服务器端将执行的结果返回给客户端的浏览器,这样也就减轻了客户端浏览器的负担,大大提高交互速度ASP提供五大基本内建对象可以使用Request对象访问任何用HTTP请求传递的信息,包括从HTML表单中用POST方法或GET方法传递的参数、Cookie和用户认证;可以使用Response对象控制发送给用户的信息,包括直接发送信息给浏览器、重定向浏览器到另一个URL或设置Cookie的值;可以使用Application对象在给定应用程序的所有用户之间共享信息;SERVER对象提供对服务器上方法和属性的访问;SESSION对象存储特定的用户会话所需的信息
(二)ADO与SQL系统对信息数据库中数据的读取和写入是通过ADOActive-XDataObjects即ActiveX数据对象来进行的ADO是Microsoft提出的应用程序接口(API),用以实现访问关系或非关系数据库中的数据,是一组优化的访问数据库的专用对象集其主要优点是易于使用、高速度、低内存支出和占用磁盘空间较少ADO主要有三大对象Connection对象,Command对象,RecordSet对象SQL的全称是StructuredQueryLanguage,即结构化查询语言,是关系数据库的标准语言它的功能不仅仅是数据查询,同时,还可以进行数据的定义、控制和操纵等它集成了多种数据库语言,具有较好的通用性和综合统一性,并且功能丰富,使用灵活,语句简单,因此是当前应用最广泛的数据库查询语言在使用SQL语言的过程中,用户完全不需要考虑诸如数据存储格式、数据存储路径等复杂的问题,只需要使用SQL语句提出自己的要求,数据库管理系统就会完成相应的工作对SQL使用方法而言,完成核心功能只用了9个动词,SelectCreateDropAlterInsertUpdateDeleteGrant和Revoke最基本的数据操作语句有四条Insert,Select,Update和Delete
四、实验步骤第一阶段掌握网站的需求分析系统对教师提供的信息和支持一般有几方面,如个人课表、成绩录入、工作量查询、评估结果查询、通知信息等实际教学过程中,教师要管理的电子信息远不止这些通用的学校教务管理系统对于教师个人的教学管理的支持十分有限,对教师个人教学缺少个性化和有针对性的支持,表现为
1.课程教师不能直接与学生开展交流、答疑;
2.教师个人的电子教案、教学课件等资源管理不便,对学生的共享不够充分;
3.学生不能在线提交电子作业,教师不能在线批阅,并及时反馈信息;
4.课程教师与学生之间的互动信息记录的发掘利用不充分,尚缺乏对学生的网络学习行为进行跟踪、统计和分析的机制基于Web的教师个人教学管理系统软件的设计与开发,旨在为课程教师的教学过程提供个性化和有针对性的支持,使教师能够轻松、有序、高效地管理整个教学过程的显性的电子信息和资料管理,包括各种教学通知、教学课件、电子作业、学生提问以及回复、学生的电子档案信息等等,同时,也能够使教师方便地发掘教学过程中的一些隐性的统计信息,如学生作业提交次数、未交次数、完成作业的速度和效果等,以及学生提问的次数、回答的次数等等软件的开发,希望能使教师的个人教学管理工作更加轻松和高效第二阶段完成网站的功能设计
(一)系统结构设计该系统由学生注册管理、消息管理、资源管理、作业管理、问答管理和成绩管理六个模块组成系统结构如下图所示
(二)数据库的设计教师个人教学管理系统中,要管理的各种信息包括课程信息、选课的学生信息、教师发布的消息、教学资源的信息、作业信息、学生问题信息、教师回复信息以及成绩信息等现实中的各个信息实体对应着关系数据库中的基本关系表系统数据库中用到的数据关系模型有课程(课程号,课程名,简介)学生(学号,姓名,性别,专业,班级,作业按时提交与否,未交作业次数,提问次数)教师发布消息(消息编号,主题,内容,发布时间)作业信息(作业编号,所属章节,内容,布置时间,提交截止时间,应交人数,实交人数,成绩分数/等次)问题(问题编号,主题,内容,发布时间,提问者,回复信息编号)回复信息(回复信息编号,内容,回复时间)成绩(学号,姓名,课程号,分数/等次)上述关系模型中,加有下划线部分为主键基本关系表的各属性列的域以及长度信息,这里就不一一列举第三阶段编码实现1.网站风格和版式框架的设计2.前台页面的制作3.后台数据库的连接以及数据的调用存取数据库的过程,首先是确定数据源,然后打开或连接数据库并执行相应操作,执行完毕关闭数据库以上操作是通过ADO对象来实现的Connection对象负责打开或连接数据库,Recordset对象负责存取数据表,Execute负责执行SQL命令下面重点阐述存取Access数据库的方法
1、建立连接的对象要通过ODBC存取ACCESS数据库,首先直接在ASP程序代码中指定所要连接的数据库,即使用如下语句建立连接对象Server.CreateObject“ADODB.Connection”,然后Driver设定为AccessODBC驱动程序名称,使用“Open”直接连结到待存取查询数据库ASP程序代码如下SetConn=Server.CreatObject“ADODB.Connection”Conn.Open“Driver={MicrosoftAccessDriver*.mdb};”“DBQ=”Server.MapPath“数据库名称”
2、设定待执行的SQL指令假设待执行的SQL指令为“SELECT*FROM成绩表”,通过该指令查询所有的学生成绩,并将查询的结果放置在所定义rs的Recordset中,ASP程序代码是Setrs=Server.CreateObject“ADODB.Recordset”SqlStr=“SELECT*FROM成绩表”rsOpenSqlStrconn
113、使用Recordset属性和方法与HTML代码配合,以显示执行的结果ASP程序代码如下%Dowhilenotrs.EOF%HTML表格%rs.MoveNextLoopRs.CloseSet.conn=Nothing%系统运行的整个过程实质上就是ASP语句通过控制执行SQL语句,不断地与数据库打交道,往数据库中存入或读取数据的过程最终实现的基于Web的教师个人教学管理系统界面如下图二所示第四阶段系统的运行和测试系统具有管理教学消息、教学资源、电子作业、交互信息、学生信息以及学习成绩等功能,这为教师量身定做,对教师非常实用该系统可以作为学校教务管理系统的一个功能模块使用,也可以独立作为软件系统,完成教师教学过程的管理功能系统的应用,能够为教师提供轻松、便捷和高效的管理教学过程中各种信息的工具学生注册消息管理资源管理作业管理问答管理成绩管理注册查看下载提交提问查询学生学生注册消息管理资源管理作业管理问答管理成绩管理查询发布上传、管理布置、接收、处理等回复录入教师管理信息数据库图二基于Web的教师个人教学管理系统界面。