第一讲ASP的系统运行环境
教学重点：
1、ASP动态网页的工作基本原理；
2、Windows 2000 Server /XP IIS的安装与配置；
教学要求：
1、熟知有关ASP的基本概念和工作原理，如ASP、HTML、静态网页、动态网页、HTTP、PWS、IIS、IP地址等；了解静态网页和动态网页的区别。
2、熟练掌握ASP Web服务器的安装与运行环境的配置，特别是在Windows 2000 Server/XP系统中IIS的安装与配置；熟知WEB服务器根目录的设置和主页文件的命名。
3、熟悉ASP文件的基本格式；熟练运用Dreamweaver编辑ASP动态网页原代码；熟练掌握使用本机IE浏览器调试ASP程序的方法。
教学内容
1、关于网站的有关术语与知识
Web服务器：存储和管理供给全球各地用户浏览网页的服务器，软件支持如：运行在windows 2000 sever系统上的IIS，运行在unix系统上的apache等；
客户端浏览器：通过在地址栏中输入Web服务器地址从而访问Web服务器的软件；目前主要是Internet Explorer（IE）和Netscape；
HTML：超级文本标记语言（Hypertext Mark-up Language）标准的文本文件，不是编程语言，而是一种描述性的标记语言；如：<font face=”宋体” size=4 color=”#FF0000”>安徽工业职业技术学院</font>；
HTTP：（Hypertext Transfers Protocol）超级文本（超级链接）的传输协议，是TCP/IP 协议的一部分；这个协议管理Web浏览器如何向Web服务器请求文件，以及服务器如何将文件发送回来。
FTP：（File Transfers Protocol）文件传输协议，在互联网上上传或下载文件的协议；通常需要输入IP地址、用户名、密码等；
IIS：（Internet Information System）Internet信息服务器，用于配置和管理WEB站点的软件；能响应客户端用户的请求从而下载网页到客户端；
IP地址：用于标识互联网上各类计算机和服务器的唯一地址，其由32位二进制组成，分成四段，每段8位，如：；
子网掩码：用于通过与IP地址进行“与”操作来判断某两个IP地址是否位于同一个网内，如果在一个网内，则在网内查，否则将数据包发送到路由器到外网查；
域名：是替代枯燥乏味的IP地址的一种分层次的表示方式；如：；；
域名服务器DNS：将域名解析为IP地址的服务器（具体原理可参考有关网络类书籍）；
2、何为ASP ?
ASP是Active Server Pages的简称，是微软公司开发的一套服务器，在这种环境中，通过在标准的HTML网页中嵌入和使用ASP内建对象和可安装组件ActiveX组件，并结合VBScript或JavaScript编程，即可建立动态的、交互的、功能强大的Web页面。主要运行于Windows NT或Windows 2000 server平台，其服务器为；扩展名为：.asp；
3、ASP的执行方式
静态网页：在客户端浏览地址栏目中键入某个网址，它会向Web服务器发送一个HTTP 请求消息（包含消息头和消息体）；HTTP请求的第一行如下所示：
GET HTTP/
这一行指定了一个被称为（method）的HTTP命令、文档的地址、HTTP协议的版本，还有一些有关浏览器的信息。
Web服务器接收请求，处理请求，并发出响应。HTTP响应的第一行如下所示：
HTTP/ 200 OK 状态码为“200”意味着成功，之后还有一些头信息用于指定当前的时间、服务器的类型、数据的类型，其后是所请求的数据。
如果请求的页面文件的扩展名为HTM或HTML，则服务器直接从硬盘中读取所请求的页面文件，然后将其传送给客户端浏览器，客户端浏览器收到服务器传送的网页代码后，然后对其解释执行，从而显示网页的内容。
</table>……
<script anguage=”javascript”>
……
</script>
动态网页：若扩展名为.ASP，从服务器中读取出所请求的文件，然后对其ASP脚本代码进行解释执行，生成新的HTML格式，与非ASP代码部分结合，产生动态的HTML网页，并且可以一些提供高级服务（数据库的存储、的发送等）。
提示：服务器与客户端的位置关系有三种：
1、在同一机器中（localhost或）
2、在局域网中
3、在互联网中
4、ASP Web服务器的安装与配置（实验指导1）
控制面板》》》添加和删除程序》》》添加和删除windows组件》》》Internet信息服务》》》
将系统盘放入光驱中，安装后在“管理工具”中出现Internet信息服务器即可；
●主要需要配置Web服务器的根目录和默认主页文件。
●运行Dreamweaver MX 2004建立站点，完成相关的设置，其中根目录与IIS中一致，
并使用服务器技术；
5、程序举例（chapter01/、）
0000”0000”1”xe">单击此处文件下载</a> （chapter02/section3/）
<table border="0" bordercolor="#FF0000" >（chapter02/section4/）
<tr>
<td colspan="2" class="td1">用户注册</td>
</tr>
<tr>
<td width="289" class="td2">用户名：</td>
<td width="295" class="td2"><input name="username" type="text" id="username"></td>
</tr>
</table>
4、HTML的表单（chapter02/section4/）
<form action="" method="post" name="login">
</form>
两种表单数据的传递方法：GET和POST方法
GET方法：将表单数据附加在Action属性指定的URL地址之后，并在URL地址与表单数据间加上一个“？”分割符，表单的各个数据项间用“&”分割符。
；
POST方式是将表单数据作为一个独立的数据块直接发送给服务器；
表单中的界面对象
单行文本域
<input name="username" type="text" id="username">
隐藏域
<input name="username" type="hidden" id="username">
口令域
<input name="userkey1" type="password" id="userkey1">
单选按钮
<input name="sex" type="radio" value="radiobutton" checked>男
<input type="radio" name="sex" value="radiobutton">女
列表框
<select name="edu" size="1" id="edu">
<option value="硕士以上">硕士以上</option>
<option value="大学本科">大学本科</option>
<option value="大专">大专</option>
<option value="中专以下">中专以下</option>
</select>
按钮
<input type="button" name="Submit" value="确定">
<input type="submit" name="Submit" value="登陆">
<input type="reset" name="Submit2" value="全部重写">
5、HML的其他常用标记；（chapter02/section5/、）
多媒体
<img dynsrc="" start="mouseover">
<bgsound src=” loop=3>
<marquee dirction=up behavior=”scroll scrollamount=滚动速度scrolldelay=滚动延迟时间bgcolor=背景颜>滚动的内容</marquee>
6 层叠样式表CSS（chapter02/section6/）
层叠样式表(Cascading Style Sheet) 是一系列格式设置规则，它们控制Web 页面内容的外观。术语cascading 表示向同一个元素应用多种样式的能力。例如，可以创建一个CSS 规则来应用颜，创建另一个CSS 规则来应用边距，然后将两者应用于页面上的同一个文本。所定义的样式向下“层叠”到您的Web 页面上的元素，并最终创建您想要的设计。
asp是动态网站开发工具优点1：使用CSS 可以非常灵活并更好地控制具体的页面外观，从精确的布局定位到特定的字体和样式。CSS 允许您控制HTML 无法独自控制的许多属性。例如，可以为选定的文本指定不同的字体大小和单位（像素、磅值等）。通过使用CSS 以像素为单位设置字体大小，还可以确保在多个浏览器中以更一致的方式处理页面布局和外观。除设置文本格式外，还可以使用CSS 控制Web 页面中块级别元素的格式和定位。例如，可以设置块级元素的边距和边框、其他文本周围的浮动文本等。
优点2：它提供了便利的更新功能；更新一处的CSS 规则时，使用该已定义样式的所有文档的格式都会自动更新为新样式。
CSS 格式设置规则由两部分组成：选择器和声明。选择器是标识格式元素的术语（如P、H1、类名或ID），声明用于定义元素样式。在下面的示例中，H1 是选择器，介于括号({}) 之间的所有内容都是声明：
H1 {
font-size:16 pixels;
font-family:Helvetica;
font-weight:bold;
}
声明由两部分组成：属性（如font-family）和值（如Helvetica）。上面的CSS 规则为H1 标签创建了一个特定的样式：链接到此样式的所有H1 标签的文本都将是16 个像素大小、Helvetica 字体和粗体。
在Dreamweaver 中可以定义以下样式类型：
自定义CSS 规则（也称为类样式）使您可以将样式属性应用于任何文本范围或文本块。（请参见。）
<style type="text/css">
.mystyle {
font-family: "新宋体";
font-size: 24px;
font-weight: 300;
color: #FF0000;
}
</style>
●HTML 标签样式重定义特定标签（如h1）的格式。创建或更改H1 标签的CSS 样
式时，所有用H1标签设置了格式的文本都会立即更新。
H1 {
font-size:16 pixels;
font-family:Helvetica;
font-weight:bold;
}
●CSS 选择器样式（高级样式）重新定义特定元素组合的格式设置，或重新定义CSS
允许的其他选择器表单的格式设置（例如，每当h2 标题出现在表格单元格内时都应用选择器td h2）。高级样式还可以重新定义包含特定id 属性的标签的格式设置（例如，#myStyle 定义的样式可应用于包含属性值对id="myStyle" 的所有标签）。<style type="text/css">
<!--
td h2 {
font-family: "宋体";
font-size: x-large;
font-weight: 500;
color: #000099;
}
#mystyle {
font-family: "宋体";
font-size: 36px;
color: #FF0000;
}
-->
</style>
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<input type="text" name="textfield" id="mystyle"/>
</label>
</form>
CSS 规则可以位于以下3个位置：
●内部（或嵌入式）CSS 样式表是一系列包含在HTML 文档文件头部分的style 标
签内的CSS 规则。
<style type="text/css">
body {
margin: auto;
padding-top: 100px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
background-color: #FFCCFF;

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。