ASP网页教案.docx

ASP网页教案.docx

《ASP网页教案.docx》由会员分享，可在线阅读，更多相关《ASP网页教案.docx（94页珍藏版）》请在冰豆网上搜索。

ASP网页教案

天津机电职业技术学院

TIANFSDFJINVOCATIONALCOLLEGEOFMECHANICSANDELECTRICITY

教案

200~200学年第学期

课程名称ASP动态网页设计

课程编号

计划学时56（28）

专业年级

系（部、中心）计算机系

教研室网络教研室

主讲教师

教材名称ASP动态网页设计应用教程（2版）

教案编写要求

教案是任课教师根据教学计划和教学大纲编写的教学实施方案。

任课教师应认真阅读专业教学计划和教学大纲，熟悉教材、了解学生的预备知识情况，提前设计、编写好所任课程每个教学单元（按两学时为一单元）的教学活动。

教案编写要求如下：

1、课程类型：

在理论课、实验课、实习课、习题课、实训课及其它栏内选择打“√”。

2、教学地点：

若使用多媒体教室、机房或实训室等进行现场教学的，请在普通教室、多媒体教室、计算机房、实训中心、实验室或其它栏内选择打“√”。

3、题目：

标明章、节或主题。

4、教学目的及教学要求：

标明教学目的，按掌握、熟悉、了解三个层次提出教学要求。

5、教学重点和难点：

标明教学的重点和难点。

6、教学方法与媒介：

教学方法指讲授、讨论、示教、指导等；教学媒介指教科书、板书、多媒体、模型、标本、挂图、音像等教学工具。

7、教学日期：

根据授课计划确定的同一课程不同班级的具体上课时间。

8、作业：

提出若干思考题或练习题作为课后复习，以巩固课堂教学。

9、教学后记：

反思本次教学，适当对课堂教学的成功与失败之处进行梳理，凝练升华，如本次课教学目标的完成情况、教学感想、收获、存在的不足以及今后需改进之处等。

10、请任课教师将教案妥善保留三个学年度。

课时安排：

2学时

课程类型：

理论课□实验课□实习课□习题课□实训课□其它□

教学地点：

普通教室□多媒体教室□计算机房□

实验室□实训中心□其它□

题目：

第一章ASP概述

（一）

教学目的及教学要求：

了解ASP技术特点及基本ASP语法；掌握ASP页面的创建方法及工作原理。

教学重点和难点：

⒈了解ASP技术特点及基本ASP语法。

⒉掌握ASP页面的创建方法及工作原理。

教学方法与媒介：

讲授

多媒体课件

教学日期

班级

日期

月日星期

第节

月日星期

第节

月日星期

第节

月日星期

第节

月日星期

第节

作业：

教学后记：

填写日期：

年月日

1.1什么是ASP

ASP其全称为ActiveServerPages。

ASP是WindowsIIS（InternetInformationServer因特网信息服务器）的组成部分，它根据客户端的不同请求，在服务器端经过相应的ASP程序处理生成不同的静态HTML页面传输回浏览器的技术。

1.2ASP的特点

（1）ASP语言是解释性语言，不是编译性语言。

（2）ASP语言的宿主语言（即脚本语言）可以有多种。

如:

VBScript、Javascript、Jscript等多种。

（3）ASP程序的执行与客户端浏览器的版本无关（即独立于浏览器）。

（4）ASP的源程序不会让客户端看到。

（5）ASP语法结构简单。

ASP将程序设计的控制部分全交给了宿主脚本，自身只提供标准的组件和内置对象。

（6）实现复杂数据库操作。

（7）ASP的编程环境简单。

（8）ASP的学习环境好。

目前大多数的网站都是采用ASP技术，很容易获得这些学习资料来辅助学习。

1.3ASP的工作原理及文件结构

一、ASP的工作原理

图1-1ASP工作流程

ASP的工作原理：

-从用户的一个URL请求到服务器反馈一个页面到浏览器，工作流程大致如下：

（1）用户在客户端浏览器中输入一个URL，与服务器建立连接。

（2）服务器根据用户请求的URL在硬盘上找到相应文件。

（3）若文件是普通的HTML文档，那么服务器将直接把该文件传送到客户端。

（4）若文件是服务器脚本文件，如ASP文档，那么服务器将运行这个文档。

如果需要查询数据库，则通过ADO组件连接ODBC或者DNS数据源访问数据库，进行一系列运算和解释后，将最终结果形成一个纯HTML文档。

（5）把这个文档传送到客户端。

（6）结束这次连接。

由于最后传送到客户端的是一个纯HTML文本文件，用户在浏览器上看

不到ASP源代码。

二、ASP的文件结构

ASP文件的结构由以下3个部分构成：

HTML标记语言、ASP语句、文本。

㈠.HTML标记语言：

-是一种超文本标记语言，是网页的本质，它指示浏览器运行的动作，如格式化文本及显示图像等。

每个标记由尖括号“<>”包含起来，且大部分成对出现。

㈡.ASP语句：

-ASP的基本语法

虽然ASP技术大部分的设计部分在其宿主的脚本上，但是其自身也还是有一定的语法约定的。

⒈ASP程序的文件必须是以.asp为结尾。

⒉ASP文档中所有的ASP语句及ASP脚本语句都必须使用<％％>标记来界定。

⒊ASP语句可以与HTML标记结合使用，但是必须用各自的界定符号隔开。

在ASP程序中输出一个内容可以有两种方法：

方法一：

使用ASP语句<％response.write#％>来表示。

说明：

#可以是一个字符串或者是一个变量。

方法二：

使用<％=#％>语句。

其中的#号是某个变量。

说明：

那么这条语句就可以将该变量代表的值显示在客户端的浏览器中。

㈢.文本：

-是直接显示给用户的信息，即ASCII文本。

【例1.1】创建一个ASP页面

<%@language="vbscript"%>

<%

fori=1to3

response.write（"这是一个简单的ASP程序。

"）

next

%>

说明：

在文件名中输入first.asp即可。

运行结果图如下：

课时安排：

2学时

课程类型：

理论课□实验课□实习课□习题课□实训课□其它□

教学地点：

普通教室□多媒体教室□计算机房□

实验室□实训中心□其它□

题目：

第一章ASP概述

（二）

教学目的及教学要求：

掌握PWS与IIS配置服务器的方法；调试和运行ASP页面。

教学重点和难点：

IIS配置服务器的方法；调试和运行ASP页面

教学方法与媒介：

讲授

多媒体课件

教学日期

班级

日期

月日星期

第节

月日星期

第节

月日星期

第节

月日星期

第节

月日星期

第节

作业：

教学后记：

填写日期：

年月日

1.4ASP调试环境—IIS5.0介绍

要想看到ASP程序的运行结果必须在机器上建立起支持ASP调试的环境。

架设一个调试环境：

（1）在Wmdows98/95下，安装MicrosoftPersonalWebServer4.0（PWS个人网页服务器）。

（2）在WindowsNT、XP、2000下，安装MicrosoftInternetInformationServer4.0（IIS因特网信息服务器）。

一、IIS5.0的安装与测试

㈠.安装InternetInformationServices5.0

IIS5.0属于Windows组件程序，应当按照如下步骤来完成安装：

（1）单击“开始”按钮，选择“设置（S）”命令，再选择“控制面板（C）”命令；

（2）选择“添加/删除程序”选项，打开“添加/删除程序”窗口；

（3）单击“添加/删除Windows组件”图标

（4）在“组件”列表框中选择“Internet信息服务（IIS）”选项。

㈡.测试安装是否成功

用户在Web主页地址栏中输入：

http:

//127.0.0.1或http:

//localhost/

二、IIS5.0的启动与退出

安装结束后，可以在控制面板——管理工具下看到一些新的选项，包括Internet服务管理器，PersonalWebManager等。

选择“控制面板”——“管理工具”——“Internet信息服务”

用户可以在Internet服务管理器中启动或者停止某项服务

三、IIS5.O的WWW服务

㈠.发布Web页

步骤一：

制作出需要发布的主页。

步骤二：

把主页的首页命名为Default.htm或者Default.asp。

步骤三：

把主页的所有文件都拷贝到C:

\Inetpub\wwwroot目录下。

这个目录也即IIS5.0默认Web主页的地址。

步骤四：

在浏览器中用测试IIS5.0安装的方法来查看已发布的Web页。

㈡.使用PersonalWebManager组件来管理WWW服务

安装IIS5.0后，在“控制面板”中的“管理工具”选项下，提供WWW服务的即为PersonalWebManager组件。

双击PersonalWebManager图标→“个人Web管理器”对话窗口。

在“个人Web管理器”对话窗口中：

①.鼠标单击主页地址：

http:

//Mao44-39ca59a91就可以打开主页。

②.可以启动或者停止PersonalWebManager组件的WWW服务。

③.本机Web主页的根目录是F:

\Inetpub\wwwroot（也称为IIS5.0的WWW服务的主目录）。

④.可以对这个主目录进行修改：

-选择“高级”项目→选中“虚拟目录”列表框中的，单击“编辑属性（E）…”按钮→修改Web主页的主目录。

⑤.提供了一个“产品教程”来帮助读者学习个人Web服务器。

㈢.建立服务内容目录

IIS5.0安装完成以后，默认安装的Web站点及FTP站点的主目录又称宿主目录分别为C:

\Inetpub\wwwroot和C:

\Inetpub\ftproot。

修改Web站点及FTP站点主目录方法如下：

方法一：

使用PersonalWebManage来改变服务器上web站点的主目录：

方法二：

通过“Interner信息服务”工具来修改web站点及FTP站点主目录：

㈣.建立Web默认文档

Web默认文档的是当用户从浏览器中请求服务器时，输入服务器的域名或者IP地址尔默认访问的文档。

在默认文档的列表中，IIS默认提供了3个文件名：

Default.htm、Default.asp和iisstart.asp。

当用户选中“启用默认文档”复选框时，服务器会在Web站点的根目录下按照顺序从上到下寻找这3个文件，找到一个便停止，然后解释该页面并把结果显示给客户端。

㈤.建立虚拟服务目录

把不同位置的文件的路径都虚拟到服务器的主目录下的某个子文件夹之上。

通过主目录下的某个子文件夹的访问就可以直接访问到每个人的资源。

【例】说明虚拟服务目录的概念

假如服务器上的默认Web主目录为D:

\Inetpub\wwwroot，而一个包含了某网站的一个版块的文件存放在E:

\TheWeb\WebFile目录下。

假设这个版块是网站的帮助部分，采用虚拟服务路径机制以后，在Internet上访问该帮助版块是通过下面这个URL来完成的：

HTTP:

//

有以下几种方式来添加一个新的虚拟目录：

方法一：

使用“PersonalWebManage”管理虚拟目录

用户还可以单击右边的“编辑”按钮或“删除”按钮对它的属性进行修改或删除。

方法二、通过“Internet信息服务”建立虚拟目录

课时安排：

2学时

课程类型：

理论课□实验课□实习课□习题课□实训课□其它□

教学地点：

普通教室□多媒体教室□计算机房□

实验室□实训中心□其它□

题目：

第二章ASP框架语言—HTML

（一）

教学目的及教学要求：

HTML语言结构；熟悉使用各种HTML标记。

教学重点和难点：

使用各种HTML标记

教学方法与媒介：

讲授

多媒体课件

教学日期

班级

日期

月日星期

第节

月日星期

第节

月日星期

第节

月日星期

第节

月日星期

第节

作业：

教学后记：

填写日期：

年月日

2.1HTML语言结构

一、什么是HTML

HTML（HyperTextMarkupLanguage，超文本标记语言-就是标准的ASCII文本文件）是用于创建Web文档的编辑语言。

二、HTML语言结构

标记一个HTML文件的升始

HTML文件的文件头开始

文件头部分内容

文件头部分结束

文件体部分开始

文件体部分内容

文件体部分结束

标记该HTML文件结束

1.开始和结束标记（…标记）

2.头部标记（…标记）

①标题标记（标记）

②头元素（标记）

Meta标记包括3个属性：

HTTP-Equiv（绑定HTTP的响应元素）、Name（声明版权）、Content（为声明的版权赋一个值）。

如：

③代码：

3.主体标记（…标记）

语法格式为：

……

（1）Link、Alink和Vlink属性

（2）Background、Bgcolor和Bgproperties属性

（3）Leftmargin和Topmargin属性

（4）Text属性

另外，Body标记一些事件驱动属性，即该标记提供的一些因事件触发而驱动指定脚本程序运行的属性，见表如下：

Body标记的事件驱动属性及其表示的意义

属性名

属性表示的意义

Onblur

文档窗口失去焦点时触发脚本程序

Onfocus

文档窗口获得焦点时触发脚本程序

Onload

文档窗口开始加载文档时触发脚本程序

Onunload

文档窗口关闭时触发脚本程序

上表中这些事件驱动属性使用的一般格式为：

说明：

Function（）是在页面中其他位置定义的脚本处理函数过程，可能要为该函数传递参数。

这些处理函数也可以在外部文件中，通过引用在页面中调用。

2.3HTML正文标记

一．标题字体标记（…）

标题字体标记的一般格式为：

……

注释：

x为l，2，…6；标题标记的属性align表示标题文本的对齐方式（Left:

左对齐，Right:

右对齐，Center:

居中对齐）。

二．段落标记与换行标记（

…

1.段落标记（

…

-表示新的一段开始，不同段之间将产生一空白行。

2.换行标记（
标记）：

-表示新的一行开始，与换段标记区别是，将不会产生空白行。

注释：

标记在使用时可省略

标记是单独使用的。

三．预格式化文本标记（

…

由于浏览器不会识别普通文本中的缩进部分和空白（空格），这时就要使用预格式化文本标记

…

四．水平线标记（

它的语法格式为:

五．列表标记

常用的列表有3种即为无序列表、有序列表和定义列表。

1.无序列表标记（

…

2.有序列表标记（

…

3.定义列表标记（

…

表单是实现与用户进行信息交流的主要方式，它分成以下两块：

1.表单标记（

-用于指明处理数据的方法。

2.表单域：

-提供收集用户信息的方式，如产生文本框还是选择框等。

表单的语法格式为：

插入相应的表单域标记

另外，为了在客户端进行一些基本的数据检验处理等基础工作，