电子教案7254330533.doc

ASP动态网页设计 任课教师：吴懿慧第 1 讲章节第1章ASP概述授课时间第1周教学内容与目标1、熟知有关ASP的基本概念和工作原理，如ASP、HTML、静态网页、动态网页、HTTP、PWS、IIS、IP地址等；理解静态网页和动态网页的区别。2、熟练掌握ASP Web服务器的安装与运行环境的配置，特别是在Windows 2000 Server系统中IIS的安装与配置；熟知WEB服务器根目录的设置和主页文件的命名。3、熟知ASP文件的基本格式；熟练运用Dreamweaver编辑ASP动态网页源代码；熟练掌握使用本机IE浏览器调试ASP程序的方法教学重点ASP动态网页的工作原理教学难点Windows 2000 Server IIS的安装与配置教学方法在具备多媒体教学设备的机房上课，通过大屏幕展示教学重点、主要教学内容和相关实例，采用“讲练结合”的方式辅助教具多媒体投影教 学过程第一章ASP概述11什么是ASPASP是一种服务器端脚本编写环境，它以VBScript或JScript作为脚本语言，可以用来创建包含HTML标记、文本和脚本命令的动态网页，称为ASP动态网页，其文件扩展名是.asp。ASP动态网页中可以包含服务器端脚本，安装在Web服务器计算机上的应用程序扩展软件Asp.dll（即 ASP引擎）负责解释并执行这些脚本，ASP的处理流程：见书12ASP的特点微软公司推出服务器端：Windows 2000+IIS、Windows 98+PWS ；客户端：普通浏览器即可特点：将VBscript或JavaScript嵌入到HTML中。优点：简单易学、容易上手；缺点：不能跨平台13ASP的工作原理及文件结构1. 工作原理14ASP程序的执行2.什么是静态网页和动态网页最初的网页都是用超文本标记语言HTML来实现的.制作工具可以是记事本、EditPlus等纯文本编写工具，也可以是FrontPage、DreamWeaver等所见即所得的工具。静态网页的缺点是：如果要修改网页，必须修改源代码，并重新上传。什么是动态网页就是服务器端可以根据客户端的不同请求动态产生网页内容。动态网页的两个显著特点：可以动态产生页面支持客户端和服务器端的交互功能3.三个示例BBS 留言板聊天室4. ASP文件结构14ASP程序的执行教学过程教 学过程1. 安装IIS 见书2. 设置虚拟目录 比如：物理路径为c:/Inetpub/wwwroot/asptemp/chapter1/1.asp运行时，在地址栏内写：/asptemp/chapter1/1.asp或http:/localhost/asptemp/ chapter1/1.asp若在D盘根下建立LiHuaASP,将1.asp文件放于其中，则可以为LiHuaASP建立别名如11(物理路径为D:/ LiHuaASP/ 1.asp)运行时，在地址栏内写：/11/1.asp或http:/localhost/11/1.asp3. 添加默认文档4. 开发工具最好的工具是Microsoft Visual InterDev 也可以就用记事本或FrontPage等编写这里推荐ultradev 软件本命令的动态网页，称为ASP动态网页，其文件扩展名是.asp。5. 实际开发示例第一步：新建ASP文件打开ultradev或者记事本，输入以下内容第二步：保存ASP文件将文件保存在c:inetpubwwwroottemp文件夹下，命名为test1_1.asp。第三步：浏览文件打开IE浏览器，在地址栏里输入http:/localhost/temp/test1_1.asp或/temp/test1_1.asp课堂小结本讲有四个内容：什么是ASPASP的特点ASP的文件结构及工作原理ASP程序的执行本讲的重点在于：ASP动态网页的工作原理难点是：windows 2000 Server IIS的安装与配置课堂作业思考题：1. 网页通常可以分为哪两类，有何区别？2. 简述ASP页面的工作流程。上机练习：1.调试成功ASP的运行环境。2.编写一个简单页面，在其中显示日期和时间（提示：日期date() 时间time()）第 2 讲章节第2章ASP框架语言-HTML授课时间第2周教学内容与目标1、理解HTML语言与高级语言（如VB、C等）的区别；熟知网页常用标记及属性，如标题、字体、段落、图像、超链接、表格等； 2、熟练掌握HTML表单中各界面对象的标记符号和属性，如表单、文本域、列表域、复选框与单选钮、命令按钮等；教学重点对HTML表单的理解教学难点HTML表单的应用教学方法在具备多媒体教学设备的机房上课，通过大屏幕展示教学重点、主要教学内容和相关实例，采用“讲练结合”的方式辅助教具多媒体投影教 学过程第二章ASP框架语言-HTML21 HTML语言结构标题文字文本、图像、动画、HTML指令等2.2 HTML非正文标记开始和结束标记头部标记主体标记.2.3 HTML正文标记正文标记包含文档的内容（文字、图像、动画、超链接以及其他页面元素）1. 添加注释构成2. 设置文本格式分段与换行分段标记使后续内容隔行显示。注：省略时，放在段尾。 常用属性：ALIGN，（水平对齐方式）2. 换行标记BR使后续内容另起一行显示。教学过程3. 标题标记Hn标题和副标题，n：1到6取值；.字体最大，字体最小【例2.3】演示 4. 水平线标记HR添加一条水平线。(1) ALIGN：对齐方式，left（左对齐）、center（居中对齐）或right（右对齐），默认值为center。(2) COLOR：线的颜色。(3) NOSHADE：无阴影的实线。(4) SIZE：线宽，以像素为单位。(5) WIDTH：指定线的长度，像素或百分比（占页面宽度的百分比）。 【例2.4】5. 设置段落对齐方式 ALIGN属性，左对齐、右对齐、居中对齐和两端对齐(justify)。不同的标记，默认值不同如.、.：默认值left 默认值为center等。6. 设置字体、字号和颜色字体标记.的FACE、SIZE和COLOR属性例：超文本标记语言SIZE属性指定字体大小，取值从1到7，默认为3。值越大，显示的字号就越大。如：超文本标记语言ASP动态网页设计COLOR属性：文本的颜色（用颜色名称或十六进制RGB格式表示）例如：超文本标记语言ASP动态网页设计7. 使用表格创建基本表格若要创建一个基本的表格，可以使用以下HTML代码：表格标题文字标题标题标题数据数据数据数据数据数据数据数据数据2.4 HTML特殊标记教 学过程教学过程8. 使用超链接超链接基础1. 超链接类型 (1) 文件链接： A标记：文本属性：- HREF：必选项，指定目标端点的URL地址- TARGET：可选项,指定一个窗口或框架的名称 “_blank” 将目标文件加载到新窗口中； “_parent” 将目标文件加载到包含链接的父框架页或窗口中“_self” 将目标文件加载到链接所在的同一框架或窗口中_top” 将目标文件加载到整个浏览器窗口中，并由此删除所有框架。- TITLE：该属性也是可选项，用于指定指向超链接时所显示的标题文字。(2) 锚点链接：可以从当前网页跳转到本页面或其他页面中的指定位置。先为需要跳转的位置命名，即在该位置放置一个A标记并通过NAME属性为该位置指定一个名称注：不要在和标记之间放置任何文字。例：在test.htm页面顶部创建一个锚点：再使用A标记创建指向该锚点的超链接。例如，要在同一个页面中跳转到名为“top”的锚点处：返回顶部 若要在其他页面中跳转到该锚点，则使用以下HTML代码：跳转到test.htm页的顶部【例2.21】演示(3) E-mail链接：通过这种链接可以启动电子邮件客户端程序（如Outlook或FoxMail等），并允许访问者向指定的地址发送邮件。使用A标记创建邮件链接，该标记的HREF属性应由三个部分组成：第一部分是电子邮件协议名称mailto，第二部分是电子邮件地址，第三部分是可选的邮件主题，其形式为“subject=主题”。第一部分与第二部分之间用冒号（:）分隔，第二部分与第三部分之间用问号（?）分隔。例如：给我写信当用户单击邮件连接时，将会自动启动电子邮件客户端程序（例如Outlook Express或FoxMail等），并将指定的主题填入“主题”栏中。例2.219. 创建表单FORM标记：(1) NAME：(2) METHOD：表单数据传到服务器的方法8. 使用超链接超链接基础1. 超链接类型 (4) 文件链接： A标记：文本属性：- HREF：必选项，指定目标端点的URL地址- TARGET：可选项,指定一个窗口或框架的名称 “_blank” 将目标文件加载到新窗口中； “_parent” 将目标文件加载到包含链接的父框架页或窗口中“_self” 将目标文件加载到链接所在的同一框架或窗口中_top” 将目标文件加载到整个浏览器窗口中，并由此删除所有框架。- TITLE：该属性也是可选项，用于指定指向超链接时所显示的标题文字。(5) 锚点链接：可以从当前网页跳转到本页面或其他页面中的指定位置。先为需要跳转的位置命名，即在该位置放置一个A标记并通过NAME属性为该位置指定一个名称注：不要在和标记之间放置任何文字。例：在test.htm页面顶部创建一个锚点：再使用A标记创建指向该锚点的超链接。例如，要在同一个页面中跳转到名为“top”的锚点处：返回顶部 若要在其他页面中跳转到该锚点，则使用以下HTML代码：跳转到test.htm页的顶部【例2.21】演示(6) E-mail链接：通过这种链接可以启动电子邮件客户端程序（如Outlook或FoxMail等），并允许访问者向指定的地址发送邮件。使用A标记创建邮件链接，该标记的HREF属性应由三个部分组成：第一部分是电子邮件协议名称mailto，第二部分是电子邮件地址，第三部分是可选的邮件主题，其形式为“subject=主题”。第一部分与第二部分之间用冒号（:）分隔，第二部分与第三部分之间用问号（?）分隔。例如：给我写信当访问者在浏览器窗口中单击邮件连接时，将会自动启动电子邮件客户端程序（例如Outlook Express或FoxMail等），并将指定的主题填入“主题”栏中。【例2.21】演示post：在HTTP请求中嵌入表单数据。get：将表单数据附加到请求该页的URL中。(3) ACTION：指定表单处理程序使用输入型表单控件：- 在表单中添加单行文本框- 在表单中添加密码域-在表单中添加按钮(1) TYPE：指定按钮的类型submit：创建一个提交按钮。reset：创建一个重置按钮。button：创建一个自定义按钮。(2) NAME：指定按钮的名称。(3) VALUE：指定显示在按钮上的标题文本。-在表单中添加复选框选项文本VALUE属性指定提交时的值；CHECKED属性:可选-在表单中添加单选按钮多选一选项文本【例2.23】演示使用其他表单控件1. 在表单中添加滚动文本框.创建滚动文本框时，在和标记之间输入的文本将作为该控件的初始值。2. 在表单中添加选项菜单选项1选项2提交和处理表单用户填完表单数据后，单击提交按钮可将表单数据提交给Web服务器上的表单处理程序。提交方法由FORM标记的METHOD属性来确定：get方法和post方法。表单处理程序的地址由ACTION属性确定。课堂小结本讲的主要内容包括：HTML非正文标记、和正文标记（包括标题字体标记、段落标记与换行标记、水平线标记、图像标记、超链接标记和表格标记、表单标记等）重点：对表单标记的理解难点：对表单标记的应用课堂作业思考与练习题1. 试述表单的作用。2. 在制作一个“信息反馈表”网页时，用到“用户名、口令、意见”3个文本域，请问应分别设计何种格式的文本域？第 3 讲章节第3章ASP脚本语言VBScript授课时间第3周教学内容与目标1、熟悉在ASP页面中使用VBScript，识记VBScript的数据类型和特点，了解各种数据类型常量的表示方法，变量的定义和作用域； 2、熟悉在运用VBScript中各种运算符号生成数学、字符、关系、逻辑表达式，以及运算规则；3、识记VBScript中有关数学、字符、日期、类型转换等常用函数的名称、参数和返回值； 4、条件分支程序和循环控制程序以及过程与函数调用的概念和结构，应达到“领会”和“简单应用”的层次；教学重点1、常用函数和各种类型的表达式； 2、条件分支程序和循环控制程序以及过程与函数调用；教学难点数据类型；常用内部函数的用法。第三章ASP脚本语言VBScript31VBScript概述1. 简介：介于HTML和VB、Java等之间的一种语言，更接近高级语言。源于VB，简单易学。2. 基本语法格式：第一种：第二种：VBScript代码注：以上是服务器端脚本代码的两种书写格式客户端脚本的书写格式：VBScript代码3.2 VBScript数据类型及运算符 1. 数据类型 Variant 变体型包含不同的数据信息，如字符串、整数、日期等，称为数据子类型自动转换强制类型转换函数：如Cint Cstr2. 运算符 注：优先级 先算术，连接，再比较，逻辑。同一类时 从左向右（）可强制改变这一顺序教学方法在具备多媒体教学设备的机房上课，通过大屏幕展示教学重点、主要教学内容和相关实例，采用“讲练结合”的方式辅助教具多媒体投影教学过程教 学过程3.3. VBScript变量与常量 1.变量的声明与赋值 声明变量示例：赋值：强制声明变量2数组的定义命名、引用与变量基本相同3定义常量声明常量的意义声明常量示例：引用常量示例：3.4 VBScript常用函数 1. 常用函数：-转换函数：Cstr(变量)将变量Variant转化为字符串型Cdate (变量)将变量Variant转化为日期型Cint (变量)将变量Variant转化为整型-字符串函数：len(变量)返回字符数Trim(变量)去掉前后空格Lcase (变量)将所有大写字母转化为小写-日期和时间函数：now()取得系统当前的日期和时间Date()取得系统当前日期Time()取得系统当前时间Weekday(date)取得给定日期是星期几。值为整数。1：星期曰；2：星期一Day(date)取得给定日期是几号Month(date)取得给定日期是几月份-检验函数：VarType (变量)检查变量的数据子类型。0：表示空（empty）2:整数 7：日期8：字符串11：布尔型 8192：数组isnumeric(变量)检查变量值是否是数字型，是则函数值为trueIsdate (变量)检查变量值是否是日期型，是则函数值为trueisempty (变量)检查变量值是否是空，是则函数值为true2函数示例示例一： 判断输出结果示例二：判断输出结果3.5 VBScript语句1. 条件语句（1） Ifthenend ifIf 条件语句then执行语句End if（2）. Ifthenelseend if（单条件）教学过程教 学过程If 条件语句then执行语句1Else 执行语句2End if（3）. Ifthenelseend if（多条件）If 条件语句1then执行语句1ElseIf 条件语句2then执行语句2Else执行语句 n+1End if（4）示例 根据分数给出不同的提示=85 Then Response.Write 太不可思议了，你太厉害了Elseif Grade=70 And Grade=60 And Grade2 循环语句用于重复执行一组语句，如累加或从数据库中依次读出多条记录(1)fornext循环示例：求1到100的平方和教 学过程注：调试程序时，常使用此法。(6) 容错语句当程序发生错误时，不希望程序终止或将错误暴露在用户面前。希望程序跳过错误，继续执行下一句。注：调试程序时，如果加了这句，就不会发现错误了。(2)doloop循环Do while 条件1执行语句Loop只有条件为真，就执行循环Do until 条件1执行语句Loop当条件为真时，退出循环。(3)示例：%Dim sum,Isum=0 I=1Do While I(4) 强行退出循环在fornext中，强行退出循环的语句为exit for，例如10000 then exit forEnd ifNext%在doloop循环中，强行退出循环的语句为exit do(5) 注释语句增强程序可读性10000 then %或用rem用于重复执行一组语句，如累加或从数据库中依次读出多条记录fornext循环示例：求1到100的平方和doloop循环Do while 条件1执行语句Loop只有条件为真，就执行循环Do until 条件1执行语句Loop当条件为真时，退出循环。示例：%Dim sum,Isum=0 I=1Do While I强行退出循环在fornext中，强行退出循环的语句为exit for，例如10000 then exit forEnd ifNext%在doloop循环中，强行退出循环的语句为exit do注释语句增强程序可读性10000 then %或用rem注：调试程序时，常使用此法。容错语句当程序发生错误时，不希望程序终止或将错误暴露在用户面前。希望程序跳过错误，继续执行下一句。注：调试程序时，如果加了这句，就不会发现错误了。课堂小结本讲主要有以下内容：VBScript语法、数据类型、VBScript变量与常量常用函数、VBScript语句和VBScript过程和自定义函数本讲的重点在于：1、常用函数和各种类型的表达式；2、条件分支程序和循环控制程序以及过程与函数调用难点是：数据类型；常用内部函数的用法。课堂作业思考与练习题：1.若产生输入框可使用VBScript的Inputbox函数，也可使用Window的？方法。2.使用Document对象的 属性可生成最后修改日期。3.在VBScript中，可用 函数来获取当前时间。4.一个变量如果包含多于一个的相关数值，就称为？5.开发ASP网页所使用的脚本语言只能是VBScript吗？6.局部变量与全局变量的声明都使用“Dim”吗？7. VBScript中的语句是区分大小写的吗？ 8.在VBScript中，注释采用？。A./ B./*/ C. D.”9.在VBScript中，退出函数过程，应使用的语句是？。A.Exit B.Exit Sub C.Exit Function D.Exit Do10.在VBScript中，用于字符串连接的运算符有“+”和 ？ 。A.* B.& C.# D.11.在客户端与在服务器端运行VBScript脚本有何区别？分别应如何声明？12.在HTML中如何使用VBScript中脚本？13.在VBScript脚本语言中，如何使用HTML标记语言？第 4 讲章节第4章ASP内置对象（一）授课时间第4周教学内容与目标熟知Request对象的属性和方法集合（Form、QueryString、Cookies、ServerVariables）；教学重点利用Request对象获得表单所提交的数据教学难点查询字符串的生成教学方法在具备多媒体教学设备的机房上课，通过大屏幕展示教学重点、主要教学内容和相关实例，采用“讲练结合”的方式辅助教具多媒体投影教 学过程第四章ASP内置对象（一）4.1 获取客户端数据的Request对象 -什么是对象-对象的属性、方法和事件-ASP内置对象简介：Request从客户端获得数据信息Response将数据输出到客户端Session存储单个用户信息, 多个网页之间共享信息Application存放同一个应用程序中的所有用户之间的共享信息Server创建COM对象和Scripting组件等1. 利用request对象从客户端获得信息 如注册信息通过检索集合来获取客户端信息QuerystringFormCookiesServervariablesClientcertificate2. 语法格式Request.集合名（变量或字符串）例：注省略集合名时，ASP将按Querystring、Form、Cookies、Servervariables、clientcertificate顺序来检索集合。来检索集合。教学过程3. 检索form 集合FORM表单语法格式： name=该form的名称method=表单上传方法，值为post或get,一般取postaction=执行程序地址表单元素（如文本框、复选框等）4.示例：（1）示例一：简单的计算器包含两个文件1.asp: a + b 说明用户在输入两个数后，单击确定，就可以将输入信息传给执行程序2.asp，该程序负责完成相加工作。2.asp ：注意：表单中各属性的写法。Action用于指定将信息传给哪一个文件去处理。Method方法指定数据上传的方法，一般用Post,否则会出错。变量名与表单元素名相同，主要是为了程序易读。但含义不同。声明变量在于方便。对于大程序，是一个好习惯。注：FORM表单和Form集合的区别前者是HTML提供的表单，非ASP特有；后者特指ASP的Request对象的获取信息的一种方法。二者联系在于ASP通过检索Form集合来获取FORM表单中的信息。教 学过程教学过程（2）示例二：将上面两个文件合成一个。即表单信息传给自身，以下为代码 a + b %If Request.Form(a) and Request.Form(b) Then 这一句很重要Dim a,b,ca=Request.Form(a)b=Request.Form(b)c=CInt(a)+CInt(b)Response.Write a+b的和= & CStr(c)ElseResponse.Write 请输入两个整数后按确定按钮End If%当第一次打开时，显示什么内容。（3）示例三：请重点体会文本框、单选框等表单元素的用法3.asp:请填写个人信息姓名：密码：性别：男女爱好：音乐计算机职业：教育业金融业其它简述： 4.asp: 下面是您的个人信息%Dim user_name,password,sex,love,career,introduction 为了引用方便，声明变量user_name=Request.Form(user_name) 前面的user_name是变量，后面的user_name是表单中一个元素的名字，可一样，也可以不一样，主要是为了方便记忆。password=Request.Form(password)sex=Request.Form(sex)love=Request.Form(love)career=Request.Form(career)introduction=Request.Form(introduction)Response.Write 姓名： & user_nameResponse.Write 密码： & passwordResponse.Write 性别： & sexResponse.Write 爱好： & loveResponse.Write 职业： & careerResponse.Write 简介： & introduction% 5