ASP动态网页设计基础教程

动态网页设计(ASP)电子教案曾哲军短号：663696Email：[e-mail]目录第1章ASP应用基础第2章HTML语言基础第3章VBScript脚本语言基础第4章ASP内置对象第5章文件存取组件第6章Web数据库基础第7章ADO对象第8章Web数据库操作实例第9章ASP综合应用实例第1章ASP应用基础§1.1Web基础教程§1.2ASP概述§1.3ASP的运行环境目录第1章ASP应用基础第1章目录一、的含义§1.1Web基础知识二、文档（称为Web页）为基本元素构成的。这些Web页采用超级文本（HyperText）格式显示信息。（环球信息网）的缩写，也可以简称为Web，中文名字为“万维网”。三、URL的意义URL-UniformResourceLocator第1章ASP应用基础URL是一种统一格式的Internet信息资源地址的表达方式，它能唯一地标识Internet上计算机、目录、文件的位置。格式：协议名称://主机名[:端口号]/目录/…/文件名◆协议名称：访问信息资源时所使用的Internet协议常用的信息服务类型：HTTP-超文本传输协议FTP-文件传输协Telnet-远程登录服务News-网络新闻组file-本地文件第1章目录第1章ASP应用基础◆端口：指定Web服务器在该主机上使用相应协议(TCP/IP)的端口◆目录：Web服务器上信息资源所在的目录◆文件名：文件名.扩展名举例：://odyssens.circe.com:70/location.asp◆主机名：指定Web服务器的IP地址或域名地址第1章目录第1章ASP应用基础§1.2ASP概述一、什么是ASPASP-ActiveServerPages：动态服务页ASP：一种Web应用程序开发技术和一种服务端本编写环境二、ASP特点设计方便：可使用任何一种文本编辑器同一文件中包含多种语言代码(HTML、Jscript、VBScript)设计方便：可使用任何一种文本编辑器第1章目录第1章ASP应用基础程序无须编译和链接即可执行程序在服务器端解释，与浏览器无关。安全性较好。它的源代码不会传给浏览器，从而有效地保护了ASP源代码。可以利用ADO（ActiveDataObject）方便地访问数据库三、ASP工作原理1、普通HTML的执行过程普通HTML是静态网页，由浏览器解释执行任何Web服务器均支持HTML网页HTML网页的执行过程是一个请求/响应的过程第1章目录第1章ASP应用基础2、ASP的执行过程ASP是动态网页，是后缀为.asp的文件。要有相应的Web服务器程序才能使用ASP要在Web上执行，由执行结果生成相应的HTML页面返回给浏览器。采用B/S模式四、静态网页与动态网页的交互过程HTML网页的处理流程动态网页：①网页中某些脚本只能在Web服务器上执行②其扩展名与静态网页不同第1章目录第1章ASP应用基础脚本程序是否在服务器端执行是区别动态网页与静态网页的主要方法ASP的执行过程【举例】2-4五、各种交互式动态网页技术简介1、CGI技术CGI-CommonGatewayInterface-公共网关接口Web页面CGI脚本程序常用工具：文字分析报告语言:Perl-PracticalExtractionandReportLanguage第1章目录第1章ASP应用基础特点：程序放置在服务器上(独立于HTML)并在服务器上运行，将其运行结果传回浏览器显示。2、PHP技术PHP-HypertextPreprocessor-超文本预处理器特点：◆面向服务器的内嵌式语言◆能在大多数平台上(Unix、Linux、Windows)运行3、JSP技术JSP-JavaServerPages-Java动态服务页第1章目录第1章ASP应用基础特点：◆程序放置在服务器上◆JSP运行时，在Web服务器中编译成Servlet由Java虚拟机执行，结果传回浏览器◆JSP可以跨平台运行(具有平台独立性)◆使用JAVA作其编程语言第1章目录第1章ASP应用基础§1.3ASP的运行环境一、运行ASP的条件1、安装TCP/IP协议2、安装Web服务器软件(IIS或PWS)Windows’98+PWSWindows2000Server+IIS5.03、ASP程序文件一般地ASP程序可以在Windows95/98/NT/2000等操作系统下运行，应具备以下条件：第1章目录第1章ASP应用基础第1章目录二、IIS5.0安装和设置IIS(Internet信息服务器)是在Windows2000平台下提供Web站点服务的组件。Windows2000Server在默认情况下已安装了IIS，而对于Windows2000Professional则须另行安装。三、PWS的安装和设置PWS(个人Web服务)用于Windows98系统下创建小型Web服务(Professional2000中也提供PWS)。PWS提供的服务相对较少。一般地其并发用户数在10个以内。主要用于简单的个人网站建设第2章HTML语言基础目录§2.1HTML语言概述§2.2HTML标记§2.3表单结构§2.4框架结构§2.5CSS基础第2章HTML语言基础第2章目录§2.1HTML语言概述一、HTML概述HTML-HypertextMarkupLanguage-超文本标记语言。HTML规定了文字图像的显示方式，其中的标记可以被浏览器读取、解释并执行1、HTML是用来表示信息的一种符号标记语言，也是一种规范，具有平台独立性2、HTML中的标记可以被浏览器解释执行3、HTML是文本文档(ASCII码)，它不含任何与平台、程序有关的信息，可被任何文本编辑器读取第2章HTML语言基础第2章目录4、HTML允许Web文本在编辑时将信息内容与文本的表现形式分开5、用HTML编写的Web页便于通过网络进行搜索二、HTML文档结构1、基本的HTML语法问题◆所有的标记(tag)必须由尖括号括起来如：HTML、BODY等◆标记是成对出现的(开始标记、结束标记)开始标记结束标记标记名内容/标记名第2章HTML语言基础第2章目录一般地，HTML还有另外两种表示方法标记名属性名=“属性值”…文本或超文本/标记名标记名◆标记不分大小写(HTML对大小写不敏感)2、HTML的基本结构HTML最基本的结构中包括三个基本标志,即：HTML、HEAD、BODY基本结构：HTMLHEAD标题部分/HEADBODY正文部分/BODY/HTML文件头文件体HTML文件第2章HTML语言基础第2章目录三、常用的HTML编辑工具编写一个HTML文件主要有以下几种途径：(1)手工直接编写(文本编辑器如记事本、EditPlus、UltraEdit等)。(2)利用网页编辑软件(如FrontPage，Dreamwaver)。(3)通过格式转换工具(如Word文件)将其他格式文件转为HTML文件。(4)由Web服务器实时动态生成。第2章HTML语言基础第2章目录§2.2HTML标记一、HTML的基本标记1、HTML文档标记--HTML格式：HTML……/HTML功能：标志文件开始和结尾的标记说明：HTML文件的所有内容均位于此标记内(声明一个HTML文档)，它是HTML文件的容器，是可选标记。2、HTML文件头标记--HEAD格式：HEAD……/HEAD功能：用于包含文件的基本信息第2章HTML语言基础第2章目录说明：此标记为可选标记。它用来提供与Web页的有关信息，在这对标记内可以使用以下标记：TITLE/TITLE:网页标题信息STYLE/STYLE:定义CSS样式表SCRIPT/SCRIPT:插入脚本标记META/META:描述HTML中的文档信息3、HTML文件主体标记--BODY格式：BODY……/BODY功能：标记文件的主体内容第2章HTML语言基础第2章目录说明：文档的内容、文字、图像、动画、超链接以及其他HTML元素均位于该标记中，它是网页编辑的核心部分。正文标记有自己的属性几个应注意的问题：◆以上几个标记均是可选标记◆这三个标记可以互相嵌套的。但不允许交叉嵌套在Body标记中可以使用属性。说明:BODY是标记网页的主体部分,它有许多属性,这些属性的作用是:设定网页的总体风格.Body标记的属性表第2章HTML语言基础第2章目录4、HTML文件标题标记--TITLE格式：TITLE……/TITLE功能：标记文件的标题内容注意事项：◆Title标记对只能放在Head/Head标记对之间。【举例2－1】二、格式标记1、段落标记格式：P…/P功能：设置段落标志，产生一个空白行。第2章HTML语言基础第2章目录注意：★P标记含有align属性★使用该标记会输出一个空行,使后继内容隔一行显示★P可强制换行(换行且加入一个空行)★用P/P将段落包围起来表示一个块【举例】P标记2、预定格式标记格式：PRE…/PRE功能：在浏览器中显示时，按照文档中预先排好的形式显示内容第2章HTML语言基础第2章目录说明：HTML本身会忽略多余的空白和多余的行,而PRE会按照用户输入格式排列,不会忽略多余的行和列。注意：◆PRE有属性width,它表示一行最大长度◆在使用PRE时，尽量不要使用水平制表符【举例2－2】3、分区显示标记格式：DIV…/DIV功能：分区显示文档(布局)第2章HTML语言基础第2章目录说明：在一个文本块或许多段落中设置布局(对齐)方式，经常使用DIV，它可以将文档内容分成区块一次性地布局注意：★若单个align属性出现在DIV内的标题或段落中,这些值将使全局变量DIV的设置无效★DIV不是段落类型，故DIV应与其它标记配合使用(如P、Hn、UL、BLOCKQUOTE等)★也可以用CENTER代替DIV【举例】DIV标记第2章HTML语言基础第2章目录4、强制换行标记格式：Br功能：强制进行换行说明：BR可放在一行的末尾，使后面的文字、图片、表格等在下一行显示注意：◆BR标记在行与行之间不会产生空行◆NOBR…/NOBR表示不换行【举例】Br标记第2章HTML语言基础第2章目录5、插入水平线标记格式：Hr功能：插入一条水平线说明:◆Hr标记也叫水平标尺线，可分割不同的内容◆Hr有align、size、width、color、noshade等属性●align:线的对齐方式，取值为left、center或right。●color:指定线的颜色。●noshade:若指定该项，则显示一条无阴影的实线。●size:指定线的宽度，以像素为单位。●width:指定线的长度，单位可以是像素【举例】Hr标记第2章HTML语言基础6、注释标记格式:!--注释内容--功能:提供注释功能说明:由注释标记标出的文字,当浏览器不能识别时浏览器不作任何显示;若是浏览器可识别的语句则会在浏览器中执行【举例2－3】综合举例第2章目录第2章HTML语言基础1、标题标记Hn格式：H1…/H1,H2…/H2,…,H6…/H6功能：设置各种标题的标记说明：标题是一段文字的核心内容，一般采用加强的效果显示注意：★标题标记的字体默认为黑体★标题号越小，字体越大★标题标记可以带有对齐属性★标题中无法使用不同大小的字体三、文本标记【举例】标题标记第2章目录第2章HTML语言基础2、字体设置标记格式：FONT…/FONT功能：设置字体格式标记说明