ASP网页教案.docx

1、ASP网页教案 天津机电职业技术学院 TIANFSDFJIN VOCATIONAL COLLEGE OF MECHANICS AND ELECTRICITY教 案200 200 学年 第 学期课 程 名 称 ASP动态网页设计 课 程 编 号 计 划 学 时 56(28) 专 业 年 级 系（部 、中心） 计算机系 教 研 室 网络教研室 主 讲 教 师 教 材 名 称 ASP动态网页设计应用教程(2版) 教案编写要求教案是任课教师根据教学计划和教学大纲编写的教学实施方案。任课教师应认真阅读专业教学计划和教学大纲，熟悉教材、了解学生的预备知识情况，提前设计、编写好所任课程每个教学单元（按两学时

2、为一单元）的教学活动。教案编写要求如下：1、课程类型：在理论课、实验课、实习课、习题课、实训课及其它栏内选择打“”。2、教学地点：若使用多媒体教室、机房或实训室等进行现场教学的，请在普通教室、多媒体教室、计算机房、实训中心、实验室或其它栏内选择打“”。3、题目：标明章、节或主题。4、教学目的及教学要求：标明教学目的，按掌握、熟悉、了解三个层次提出教学要求。5、教学重点和难点：标明教学的重点和难点。6、教学方法与媒介：教学方法指讲授、讨论、示教、指导等；教学媒介指教科书、板书、多媒体、模型、标本、挂图、音像等教学工具。7、教学日期：根据授课计划确定的同一课程不同班级的具体上课时间。8、作业：提出

3、若干思考题或练习题作为课后复习，以巩固课堂教学。9、教学后记：反思本次教学，适当对课堂教学的成功与失败之处进行梳理，凝练升华，如本次课教学目标的完成情况、教学感想、收获、存在的不足以及今后需改进之处等。10、请任课教师将教案妥善保留三个学年度。课时安排： 2 学时课程类型：理论课 实验课 实习课 习题课 实训课 其它教学地点：普通教室 多媒体教室 计算机房实验室 实训中心 其它题 目： 第一章 ASP概述（一）教学目的及教学要求：了解ASP技术特点及基本ASP语法；掌握ASP页面的创建方法及工作原理。教学重点和难点：了解ASP技术特点及基本ASP语法。掌握ASP页面的创建方法及工作原理。教学方

4、法与媒介：讲授多媒体课件教学日期班级日期月 日 星期第 节月 日 星期第 节月 日 星期第 节月 日 星期第 节月 日 星期第 节作 业：教学后记： 填写日期： 年 月 日1.1 什么是ASPASP其全称为Active Server Pages。ASP是Windows IIS(Internet Information Server因特网信息服务器)的组成部分，它根据客户端的不同请求，在服务器端经过相应的ASP程序处理生成不同的静态HTML页面传输回浏览器的技术。1.2 ASP的特点(1)ASP语言是解释性语言，不是编译性语言。(2)ASP语言的宿主语言(即脚本语言)可以有多种。如:VBScri

5、pt、Javascript、Jscript等多种。(3)ASP程序的执行与客户端浏览器的版本无关(即独立于浏览器)。(4)ASP的源程序不会让客户端看到。(5)ASP语法结构简单。ASP将程序设计的控制部分全交给了宿主脚本，自身只提供标准的组件和内置对象。 (6)实现复杂数据库操作。(7)ASP的编程环境简单。(8)ASP的学习环境好。目前大多数的网站都是采用ASP技术，很容易获得这些学习资料来辅助学习。1.3 ASP的工作原理及文件结构一、ASP的工作原理图1-1 ASP工作流程ASP的工作原理：-从用户的一个URL请求到服务器反馈一个页面到浏览器，工作流程大致如下：(1)用户在客户端浏览器

6、中输入一个URL，与服务器建立连接。(2)服务器根据用户请求的URL在硬盘上找到相应文件。(3)若文件是普通的HTML文档，那么服务器将直接把该文件传送到客户端。(4)若文件是服务器脚本文件，如ASP文档，那么服务器将运行这个文档。如果需要查询数据库，则通过ADO组件连接ODBC或者DNS数据源访问数据库，进行一系列运算和解释后，将最终结果形成一个纯HTML文档。(5)把这个文档传送到客户端。(6)结束这次连接。 由于最后传送到客户端的是一个纯HTML文本文件，用户在浏览器上看不到ASP源代码。二、ASP的文件结构ASP文件的结构由以下3个部分构成：HTML标记语言、ASP语句、文本。.HTM

7、L标记语言：-是一种超文本标记语言，是网页的本质，它指示浏览器运行的动作，如格式化文本及显示图像等。每个标记由尖括号“”包含起来，且大部分成对出现。.ASP语句：- ASP的基本语法虽然ASP技术大部分的设计部分在其宿主的脚本上，但是其自身也还是有一定的语法约定的。ASP程序的文件必须是以.asp为结尾。ASP文档中所有的ASP语句及ASP脚本语句都必须使用标记来界定。ASP语句可以与HTML标记结合使用，但是必须用各自的界定符号隔开。在ASP程序中输出一个内容可以有两种方法：方法一：使用ASP语句来表示。说明：#可以是一个字符串或者是一个变量。方法二：使用语句。其中的#号是某个变量。说明：那

8、么这条语句就可以将该变量代表的值显示在客户端的浏览器中。.文本：-是直接显示给用户的信息，即ASCII文本。【例1.1】创建一个ASP页面 说明：在文件名中输入first.asp即可。运行结果图如下：课时安排： 2 学时课程类型：理论课 实验课 实习课 习题课 实训课 其它教学地点：普通教室 多媒体教室 计算机房实验室 实训中心 其它题 目： 第一章 ASP概述（二）教学目的及教学要求：掌握PWS与IIS配置服务器的方法；调试和运行ASP页面。教学重点和难点：IIS配置服务器的方法；调试和运行ASP页面教学方法与媒介：讲授多媒体课件教学日期班级日期月 日 星期第 节月 日 星期第 节月 日 星

9、期第 节月 日 星期第 节月 日 星期第 节作 业：教学后记： 填写日期： 年 月 日1.4 ASP调试环境IIS 5.0介绍 要想看到ASP程序的运行结果必须在机器上建立起支持ASP调试的环境。架设一个调试环境： (1)在Wmdows 98/95下，安装Microsoft Personal Web Server 4.0(PWS个人网页服务器)。(2)在Windows NT、XP、2000下，安装Microsoft Internet Information Server 4.0(IIS因特网信息服务器)。一、IIS 5.0的安装与测试.安装Internet Information Servic

10、es 5.0IIS 5.0属于Windows组件程序，应当按照如下步骤来完成安装：(1)单击“开始”按钮，选择“设置(S)”命令，再选择“控制面板(C)”命令；(2)选择“添加/删除程序”选项，打开“添加/删除程序”窗口；(3)单击“添加/删除Windows组件”图标(4)在“组件”列表框中选择“Internet信息服务(IIS)”选项。.测试安装是否成功用户在Web主页地址栏中输入：http:/127.0.0.1或http:/localhost/二、IIS 5.0的启动与退出安装结束后，可以在控制面板管理工具下看到一些新的选项，包括Internet服务管理器， Personal Web Ma

11、nager等。选择“控制面板”“管理工具”“Internet信息服务”用户可以在Internet服务管理器中启动或者停止某项服务三、IIS 5.O的WWW服务.发布Web页步骤一：制作出需要发布的主页。步骤二：把主页的首页命名为Default.htm或者Default.asp。步骤三：把主页的所有文件都拷贝到C:Inetpubwwwroot目录下。这个目录也即IIS 5.0默认Web主页的地址。步骤四：在浏览器中用测试IIS 5.0安装的方法来查看已发布的Web页。.使用Personal Web Manager组件来管理WWW服务安装IIS 5.0后，在“控制面板”中的“管理工具”选项下，提供

12、WWW服务的即为Personal Web Manager组件。双击Personal Web Manager图标“个人Web管理器”对话窗口。在 “个人Web管理器”对话窗口中： .鼠标单击主页地址：http:/Mao44-39ca59a91就可以打开主页。.可以启动或者停止Personal Web Manager组件的WWW服务。.本机Web主页的根目录是F:Inetpubwwwroot(也称为IIS 5.0的WWW服务的主目录)。.可以对这个主目录进行修改：-选择 “高级”项目选中“虚拟目录”列表框中的，单击“编辑属性(E)”按钮修改Web主页的主目录。.提供了一个“产品教程”来帮助读者学习

13、个人Web服务器。.建立服务内容目录IIS 5.0安装完成以后，默认安装的Web站点及FTP站点的主目录又称宿主目录分别为C:Inetpubwwwroot和C:Inetpubftproot。修改Web站点及FTP站点主目录方法如下：方法一：使用Personal Web Manage来改变服务器上web站点的主目录：方法二：通过 “Interner信息服务”工具来修改web站点及FTP站点主目录：. 建立Web默认文档Web默认文档的是当用户从浏览器中请求服务器时，输入服务器的域名或者IP地址尔默认访问的文档。在默认文档的列表中，IIS默认提供了3个文件名：Default.htm、Default

14、.asp和iisstart.asp。当用户选中“启用默认文档”复选框时，服务器会在Web站点的根目录下按照顺序从上到下寻找这3个文件，找到一个便停止，然后解释该页面并把结果显示给客户端。 .建立虚拟服务目录把不同位置的文件的路径都虚拟到服务器的主目录下的某个子文件夹之上。通过主目录下的某个子文件夹的访问就可以直接访问到每个人的资源。【例】说明虚拟服务目录的概念假如服务器上的默认Web主目录为D:Inetpubwwwroot，而一个包含了某网站的一个版块的文件存放在E:TheWebWebFile目录下。假设这个版块是网站的帮助部分，采用虚拟服务路径机制以后，在Internet上访问该帮助版块是通

15、过下面这个URL来完成的：HTTP:/有以下几种方式来添加一个新的虚拟目录：方法一：使用“Personal Web Manage”管理虚拟目录用户还可以单击右边的“编辑”按钮或“删除”按钮对它的属性进行修改或删除。方法二、通过“Internet信息服务”建立虚拟目录课时安排： 2 学时课程类型：理论课 实验课 实习课 习题课 实训课 其它教学地点：普通教室 多媒体教室 计算机房实验室 实训中心 其它题 目： 第二章 ASP框架语言HTML（一）教学目的及教学要求：HTML语言结构；熟悉使用各种HTML标记。 教学重点和难点：使用各种HTML标记教学方法与媒介：讲授多媒体课件教学日期班级日期月

16、日 星期第 节月 日 星期第 节月 日 星期第 节月 日 星期第 节月 日 星期第 节作 业：教学后记： 填写日期： 年 月 日2.1 HTML语言结构一、什么是HTML HTML(Hyper Text Markup Language，超文本标记语言-就是标准的ASCII文本文件)是用于创建Web文档的编辑语言。二、HTML语言结构 标记一个HTML文件的升始 HTML文件的文件头开始 文件头部分内容 文件头部分结束 文件体部分开始 文件体部分内容 文件体部分结束 标记该HTML文件结束 1.开始和结束标记(标记)2.头部标记(标记)标题标记(标记)头元素(标记) Meta标记包括3个属性：H

17、TTP-Equiv(绑定HTTP的响应元素)、Name(声明版权)、Content(为声明的版权赋一个值)。如：代码：3.主体标记(标记)语法格式为： (1) Link、Alink和Vlink属性(2)Background、Bgcolor和Bgproperties属性(3)Leftmargin和Topmargin属性(4)Text属性 另外，Body标记一些事件驱动属性，即该标记提供的一些因事件触发而驱动指定脚本程序运行的属性，见表如下：Body标记的事件驱动属性及其表示的意义属性名属 性 表 示 的 意 义Onblur文档窗口失去焦点时触发脚本程序Onfocus文档窗口获得焦点时触发脚本程序

18、Onload文档窗口开始加载文档时触发脚本程序Onunload文档窗口关闭时触发脚本程序上表中这些事件驱动属性使用的一般格式为： 说明：Function()是在页面中其他位置定义的脚本处理函数过程，可能要为该函数传递参数。这些处理函数也可以在外部文件中，通过引用在页面中调用。2.3 HTML正文标记一标题字体标记() 标题字体标记的一般格式为： 注释：x为l，2， 6；标题标记的属性align表示标题文本的对齐方式(Left:左对齐，Right:右对齐，Center:居中对齐)。二段落标记与换行标记(标记和标记)1.段落标记 (标记):-表示新的一段开始，不同段之间将产生一空白行。2.换行标记

19、(标记)：-表示新的一行开始，与换段标记区别是，将不会产生空白行。注释：标记在使用时可省略。 标记是单独使用的。三预格式化文本标记(标记) 由于浏览器不会识别普通文本中的缩进部分和空白(空格)，这时就要使用预格式化文本标记，控制其按原输入模式显示在浏览器上。四水平线标记(标记) 注意：标记是单独使用的 标记可以在浏览器中画出一条三维带有阴影的横线，可以通过设置其属性来格式化这条横线。它的语法格式为:五列表标记 常用的列表有3种即为无序列表、有序列表和定义列表。1.无序列表标记 ()2.有序列表标记()3.定义列表标记() 作为起止标记，列表条目用引导，列表条目的说明用来引导。与标记均不需要结尾

20、标记。六.文字属性标记(字符格式化标记) 文字属性元素的标记有Font，BIG，I，U，B，Hl，H2，H6等，下面分别介绍其用法。. ()标记:-用来格式化文本，使浏览器按照指定的字体类型、字体大小及字体颜色来显示文本。元素体主要参数说明：face:-指定相应字体，#为Arial，Times New Roman，宋体，隶书等。size:-指定字号大小，#为0，1，2或+#、-#。color:-指定字体颜色，#为red，blue，#000000(红绿蓝)等。:-以黑体显示文本。:-以斜体显示文本。:-带下划线的文本。. BIG、B、I和U标记:这4个标记都需要开始标记和结尾标记相对应(这4个标

21、记都必须使用结尾标记)，使用方法完全一致，而且都没有属性。 标题标记Hx:-标题元素共有6种，标题号x越小，则表示的标题字体就越大。 Hx 属性名l=属性值1 属性名2=属性值2 属性名n=属性值n，标题文本 其中，x的取值为l到6。6个标题标记都必须使用结尾标记。关于标题标记的属性，只有一种是比较常用的，即”对齐属性align” 属性共有3个值可以供选择： (1)LEFT：表示将所格式化的文本进行左对齐。 (2)RIGHT：表示将所格式化的文本进行右对齐。 (3)CENTER：表示将所格式化的文本进行居中对齐。 课时安排： 2 学时课程类型：理论课 实验课 实习课 习题课 实训课 其它教学地

22、点：普通教室 多媒体教室 计算机房实验室 实训中心 其它题 目： 第二章 ASP框架语言HTML（二）教学目的及教学要求：熟悉使用各种HTML标记；实现收集用户信息的方式。教学重点和难点：使用各种HTML标记；实现收集用户信息的方式教学方法与媒介：讲授多媒体课件教学日期班级日期月 日 星期第 节月 日 星期第 节月 日 星期第 节月 日 星期第 节月 日 星期第 节作 业：教学后记： 填写日期： 年 月 日七.多媒体标记：-常用标记有IMG和EMBED。.图形标记IMG(IMG标记没有结尾标记)IMG使用的一般格式为：.插入标记Embed:-常用来为使用浏览器的用户提供插入式程序，如动画和视频

23、等。八. 超级链接标记().相对地址和绝对地址1.相对地址:-是链接对象与链接的主体文件在同一个机器的同一个硬盘分区中，链接引用的地址称为相对地址，分为3种情况:2.绝对地址:- 需要链接的对象在另外一个网站上，那么就需要把对象的地址全部写出。.超级链接标记()其基本格式为： 链接主体 1.内部链接:-链接到本地计算机上的文件。2.外部链接：-链接到非本地计算机上的文件，可以是其他计算机上的文件或其他任何一个站点的某个文件。3.E_mail链接：-链接到一个电子油箱地址。4.锚点链接：-在某个Web页面中创建一个被称为“锚”的标识，让同页面上的另外一个位置引用。相当于在某个文件中重要处做上书签

24、，需要该部分时直接查找书签就能找到此部分。5.用图片做链接:-格式为： .在浏览器中打开新的链接地址时，往往是在同一窗口中显示的。如要改变打开窗口的方式，则必须设置Target参数。Target属性:-有如下4个属性值。 blank：将链接对象显示在一个新打开的空白浏览器窗口中。 Self ：将链接对象显示在原网页所在的浏览器窗口中。 Top：将链接对象显示到浏览器的整个窗口中，即填充到没有框架的全部浏览器窗口。 parent：将链接对象显示在该浏览器窗口的父窗口中。 如果页面由若干个框架组成，则可以为target属性赋予某个框架名，然后链接的对象就会在指定的框架中显示。 九.表格标记()通常

25、将表格分解成以下5部分：1.表格标记，用来定义一个表格。2.表格标题，用来提供一个标题。3.表格行标记，用来指明表格中一行的开始和结束。4.字段名标记，在一列或一行中标识列名或行名。5.数据标记，表格内的数据。其中比较重要的table标记的属性如下：(1)Border和Bordercolor属性:-分别为表格边框设置边框宽度和边框颜色。(2)Cellpadding属性:-设置单元格边框与内容之间的距离。默认为1个像素。(3)Cellspacing属性:-设置单元格之间的距离。默认为1个像素的距离。在数据标记中有两个属性需要特别说明:Colspan属性:-表示此单元格横向跨越的列数。Rowspa

26、n属性:-表示此单元格纵向跨越的行数。2.4 HTML特殊标记一、表单标记() 表单是实现与用户进行信息交流的主要方式，它分成以下两块：1.表单标记()：-用于指明处理数据的方法。2.表单域：-提供收集用户信息的方式，如产生文本框还是选择框等。表单的语法格式为：插入相应的表单域标记 另外，为了在客户端进行一些基本的数据检验处理等基础工作，标记提供了一些事件。最常用的是onsubmit事件发生在用户提交表单时，onreset事件发生在用户刷新所填写的表单时。二、表单控件:-常用的表单控件有文本输入框、按钮、单选框、复选框和下拉列表框，1.文本域:-分为三类：.单行文本域，语法格式如下：.密码文本域，如法格式如下：input type=pas