ASP网页教案文档格式.docx
《ASP网页教案文档格式.docx》由会员分享，可在线阅读，更多相关《ASP网页教案文档格式.docx（94页珍藏版）》请在冰豆网上搜索。
⒉掌握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"
%>
html>
body>
%
fori=1to3
response.write（"
这是一个简单的ASP程序。
"
）
next
%>
/body>
/html>
说明：
在文件名中输入first.asp即可。
运行结果图如下：
第一章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管理器”对话窗口中：
①.鼠标单击主页地址：
//Mao44-39ca59a91就可以打开主页。
②.可以启动或者停止PersonalWebManager组件的WWW服务。
③.本机Web主页的根目录是F:
\Inetpub\wwwroot（也称为IIS5.0的WWW服务的主目录）。
④.可以对这个主目录进行修改：
-选择“高级”项目→选中“虚拟目录”列表框中的<
Home>
，单击“编辑属性（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信息服务”建立虚拟目录
第二章ASP框架语言—HTML
（一）
HTML语言结构；
熟悉使用各种HTML标记。
使用各种HTML标记
2.1HTML语言结构
一、什么是HTML
HTML（HyperTextMarkupLanguage，超文本标记语言-就是标准的ASCII文本文件）是用于创建Web文档的编辑语言。
二、HTML语言结构
<
HTML>
标记一个HTML文件的升始
head>
HTML文件的文件头开始
文件头部分内容
/head>
文件头部分结束
文件体部分开始
文件体部分内容
文件体部分结束
/HTML>
标记该HTML文件结束
1.开始和结束标记（<
…<
标记）
2.头部标记（<
①标题标记（<
title>
/title>
②头元素（<
meta>
Meta标记包括3个属性：
HTTP-Equiv（绑定HTTP的响应元素）、Name（声明版权）、Content（为声明的版权赋一个值）。
如：
③代码：
script>
/script>
3.主体标记（<
语法格式为：
body[Background=#|Bgcolor=#|Text=#|Link=#|Alink=#|Vlink=#|Leftmargin=#|Topmargin=#]>
……
（1）Link、Alink和Vlink属性
（2）Background、Bgcolor和Bgproperties属性
（3）Leftmargin和Topmargin属性
（4）Text属性
另外，Body标记一些事件驱动属性，即该标记提供的一些因事件触发而驱动指定脚本程序运行的属性，见表如下：
Body标记的事件驱动属性及其表示的意义
属性名
属性表示的意义
Onblur
文档窗口失去焦点时触发脚本程序
Onfocus
文档窗口获得焦点时触发脚本程序
Onload
文档窗口开始加载文档时触发脚本程序
Onunload
文档窗口关闭时触发脚本程序
上表中这些事件驱动属性使用的一般格式为：
bodyOnxxxx="
function（parameterl，parameter2，……）"
其他属性设置>
Function（）是在页面中其他位置定义的脚本处理函数过程，可能要为该函数传递参数。
这些处理函数也可以在外部文件中，通过引用在页面中调用。
2.3HTML正文标记
一．标题字体标记（<
Hx>
/Hx标记>
标题字体标记的一般格式为：
Hx[align=#]>
……
/Hx>
注释：
x为l，2，…6；
标题标记的属性align表示标题文本的对齐方式（Left:
左对齐，Right:
右对齐，Center:
居中对齐）。
二．段落标记与换行标记（<
p>
/p>
标记和<
br>
1.段落标记（<
标记）:
-表示新的一段开始，不同段之间将产生一空白行。
2.换行标记（<
标记）：
-表示新的一行开始，与换段标记区别是，将不会产生空白行。
注释：
标记在使用时可省略<
。
标记是单独使用的。
三．预格式化文本标记（<
pre>
/pre>
由于浏览器不会识别普通文本中的缩进部分和空白（空格），这时就要使用预格式化文本标记<
，控制其按原输入模式显示在浏览器上。
四．水平线标记（<
hr>
标记）[注意：
标记是单独使用的]
标记可以在浏览器中画出一条三维带有阴影的横线，可以通过设置其属性来格式化这条横线。
它的语法格式为:
Hr[size=#|align=#|width=#|noshade]>
五．列表标记
常用的列表有3种即为无序列表、有序列表和定义列表。
1.无序列表标记（<
ul>
/ul>
2.有序列表标记（<
ol>
/ol>
3.定义列表标记（<
dl>
/dl>
作为起止标记，列表条目用<
dt>
引导，列表条目的说明用<
dd>
来引导。
与<
标记均不需要结尾标记。
六.文字属性标记（字符格式化标记）
文字属性元素的标记有Font，BIG，I，U，B，Hl，H2，…，H6等，下面分别介绍其用法。
㈠.（<
Font>
/Font>
）标记:
-用来格式化文本，使浏览器按照指定的字体类型、字体大小及字体颜色来显示文本。
font[face=#|size=#|color=#]>
元素体<
/font>
主要参数说明：
①face:
-指定相应字体，#为Arial，TimesNewRoman，宋体，隶书等。
②size:
-指定字号大小，#为0，1，2…或+#、-#。
③color:
-指定字体颜色，#为red，blue，#000000（红绿蓝）等。
④<
b>
/b>
:
-以黑体显示文本。
⑤<
i>
/i>
-以斜体显示文本。
⑥<
u>
/u>
-带下划线的文本。
㈡.BIG、B、I和U标记:
这4个标记都需要开始标记和结尾标记相对应（这4个标记都必须使用结尾标记），使用方法完全一致，而且都没有属性。
㈢．标题标记Hx:
-标题元素共有6种，标题号x越小，则表示的标题字体就越大。
Hx属性名l=属性值1属性名2=属性值2…属性名n=属性值n，标题文本<
其中，x的取值为l到6。
6个标题标记都必须使用结尾标记。
关于标题标记的属性，只有一种是比较常用的，即”对齐属性align”属性共有3个值可以供选择：
（1）LEFT：
表示将所格式化的文本进行左对齐。
（2）RIGHT：
表示将所格式化的文本进行右对齐。
（3）CENTER：
表示将所格式化的文本进行居中对齐。
第二章ASP框架语言—HTML
（二）
熟悉使用各种HTML标记；
实现收集用户信息的方式。
使用各种HTML标记；
实现收集用户信息的方式
七.多媒体标记：
-常用标记有IMG和EMBED。
㈠.图形标记IMG（IMG标记没有结尾标记）
IMG使用的一般格式为：
IMGSRC="
图片的URL"
[alt="
文字说明"
|align="
对齐方式"
|border="
边框值"
]>
㈡.插入标记Embed:
-常用来为使用浏览器的用户提供插入式程序，如动画和视频等。
八.超级链接标记（<
a>
/a>
㈠.相对地址和绝对地址
1.相对地址:
-是链接对象与链接的主体文件在同一个机器的同一个硬盘分区中，链接引用的地址称为相对地址，分为3种情况:
2.绝对地址:
-需要链接的对象在另外一个网站上，那么就需要把对象的地址全部写出。
㈡.超级链接标记（<
其基本格式为：
ahref="
链接目标的地址"
[name="
创建锚的名称"
|target="
打开窗口的方式"
链接主体<
1.内部链接:
-链接到本地计算机上的文件。
2.外部链接：
-链接到非本地计算机上的文件，可以是其他计算机上的文件或其他任何一个站点的某个文件。
3.E_mail链接：
-链接到一个电子油箱地址。
4.锚点链接：
-在某个Web页面中创建一个被称为“锚”的标识，让同页面上的另外一个位置引用。
相当于在某个文件中重要处做上书签，需要该部分时直接查找书签就能找到此部分。
5.用图片做链接:
-格式为：
aHref="
ur1"
>
imgsrc="
㈢.在浏览器中打开新的链接地址时，往往是在同一窗口中显示的。
如要改变打开窗口的方式，则必须设置Target参数。
Target属性:
-有如下4个属性值。
．blank：
将链接对象显示在一个新打开的空白浏览器窗口中。
．Self：
将链接对象显示在原网页所在的浏览器窗口中。
．Top：
将链接对象显示到浏览器的整个窗口中，即填充到没有框架的全部浏览器窗口。
．parent：
将链接对象显示在该浏览器窗口的父窗口中。
如果页面由若干个框架组成，则可以为target属性赋予某个框架名，然后链接的对象就会在指定的框架中显示。
九.表格标记（<
table>
/table>
通常将表格分解成以下5部分：
1.表格标记<
，用来定义一个表格。
2.表格标题<
caption>
/caption>
，用来提供一个标题。
3.表格行标记<
tr>
/tr>
，用来指明表格中一行的开始和结束。
4.字段名标记<
th>
/th>
，在一列或一行中标识列名或行名。
5.数据标记<
td>
/td>
，表格内的数据。
其中比较重要的table标记的属性如下：
（1）Border和Bordercolor属性:
-分别为表格边框设置边框宽度和边框颜色。
（2）Cellpadding属性:
-设置单元格边框与内容之间的距离。
默认为1个像素。
（3）Cellspacing属性:
-设置单元格之间的距离。
默认为1个像素的距离。
在数据标记<
中有两个属性需要特别说明:
⑴Colspan属性:
-表示此单元格横向跨越的列数。
⑵Rowspan属性:
-表示此单元格纵向跨越的行数。
2.4HTML特殊标记
一、表单标记（<
form>
/form>
表单是实现与用户进行信息交流的主要方式，它分成以下两块：
1.表单标记（<
）：
-用于指明处理数据的方法。
2.表单域：
-提供收集用户信息的方式，如产生文本框还是选择框等。
表单的语法格式为：
formname="
名字"
method="
方式"
action="
文件"
插入相应的表单域标记
另外，为了在客户端进行一些基本的数据检验处理等基础工作，<
标记提供了一些事件。
最常用的是onsubmit事件发生在用户提交表单时，onreset事件发生在用户刷新所填写的表单时。
二、表单控件:
-常用的表单控件有文本输入框、按钮、单选框、复选框和下拉列表框，
1.文本域:
-分为三类：
①.单行文本域，语法格式如下：
inputtype="
text"
value="
设置的初始值"
name="
文本域的名称"
②.密码文本域，如法格式如下：
pas
升级会员 