《ASP动态网页设计》电子教案

《ASP动态网页设计》 电子教案 系部:信息工程系 专业:计算机应用专业

《ASP 动态网页设计》 电子教案 系部：信息工程系 专业：计算机应用专业

第一讲ASP的系统运行环境 教学重点: ASP动态网页的工作基本原理 2、 Windows2000 Server/XPS的安装与配置 教学要求 1、熟知有关ASP的基本概念和工作原理,如ASP、HIML、静态网页、动态网页、HTTP PWS、IS、IP地址等:了解静态网页和动态网页的区别。 2、熟练掌握 ASP Web服务器的安装与运行环境的配置,特别是在 Windows2000 Server/XP系统中ⅡS的安装与配置:熟知WEB服务器根目录的设置和主页文件的命名。 3、熟悉ASP文件的基本格式:熟练运用 Dreamweaver编辑ASP动态网页原代码;熟练 掌握使用本机IE浏览器调试ASP程序的方法。 教学内容 l、关于网站的有关术语与知识 web服务器:存储和管理供给全球各地用户浏览网页的服务器,软件支持如:运行在 windows2000ever系统上的IS,运行在unx系统上的 apache等 客户端浏览器:通过在地址栏中输入Web服务器地址从而访问Web服务器的软件:目 前主要是 Internet Explorer(IE)和 Netscape HIML:超级文本标记语言( Hypertext Mark- up Language)标准的文本文件,不是编程 语言,而是一种描述性的标记语言;如:< font face=”宋体”size=4 color=”#F000°~安徽工 业职业技术学院<font> HITP:( Hypertext Transfers Protocol)超级文本(超级链接)的传输协议,是TCP/P 协议的一部分:这个协议管理Web浏览器如何向Web服务器请求文件,以及服务器如何将 文件发送回来。 FTP:( File Transfers Protocol)文件传输协议,在互联网上上传或下载文件的协议;通 常需要输入IP地址、用户名、密码等 IS:( Internet Information System) Internet信息服务器,用于配置和管理WEB站点的软 件;能响应客户端用户的请求从而下载网页到客户端: IP地址:用于标识互联网上各类计算机和服务器的唯一地址,其由32位二进制组成 分成四段,每段8位,如:192.1680.1 子网掩码:用于通过与IP地址进行“与”操作来判断某两个P地址是否位于同一个网 内,如果在一个网内,则在网内查找,否则将数据包发送到路由器到外网查找 域名:是替代枯燥乏味的IP地址的一种分层次的表示方式;如 WWW 域名服务器DNS:将域名解析为P地址的服务器(具体原理可参考有关网络类书籍) 2、何为ASP? ASP是 Active Server Pages的简称,是微软公司开发的一套服务器,在这种环境中,通 过在标准的HTML网页中嵌入和使用ASP内建对象和可安装组件 ActiveX组件,并结合 Ⅴ SCript或 JavaScript编程,即可建立动态的、交互的、功能强大的Web页面。主要运行 于 Windows nt或 Windows2000 server平台,其服务器为Is4050;扩展名为:asp 3、ASP的执行方式 静态网页:在客户端浏览地址栏目中键入某个网址,它会向Web服务器发送一个HTTP

第一讲 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 位，如：192.168.0.1； 子网掩码：用于通过与 IP 地址进行“与”操作来判断某两个 IP 地址是否位于同一个网 内，如果在一个网内，则在网内查找，否则将数据包发送到路由器到外网查找； 域名：是替代枯燥乏味的 IP 地址的一种分层次的表示方式；如：www.ahip.cn； www.yahoo.com.cn ； 域名服务器 DNS：将域名解析为 IP 地址的服务器（具体原理可参考有关网络类书籍）； 2、何为 ASP ? ASP 是 Active Server Pages 的简称，是微软公司开发的一套服务器，在这种环境中，通 过在标准的 HTML 网页中嵌入和使用 ASP 内建对象和可安装组件 ActiveX 组件，并结合 VBScript 或 JavaScript 编程，即可建立动态的、交互的、功能强大的 Web 页面。主要运行 于 Windows NT 或 Windows 2000 server 平台，其服务器为 IIS4.0/5.0；扩展名为：.asp； 3、ASP 的执行方式 静态网页：在客户端浏览地址栏目中键入某个网址，它会向 Web 服务器发送一个 HTTP

请求消息(包含消息头和消息体);HITP请求的第一行如下所示: Get/Http://www.sohu.com/a.htmhttP/l.1 这一行指定了一个被称为(method)的HTP命令、文档的地址、HTTP协议的版本, 还有一些有关浏览器的信息。 web服务器接收请求,处理请求,并发出响应。HTTP响应的第一行如下所示: HTTP/1.1200OK状态码为“200”意味着成功,之后还有一些头信息用于指定当 前的时间、服务器的类型、数据的类型,其后是所请求的数据 如果请求的页面文件的扩展名为HIM或HTML,则服务器直接从硬盘中读取所请求的 页面文件,然后将其传送给客户端浏览器,客户端浏览器收到服务器传送的网页代码后,然 后对其解释执行,从而显示网页的内容。 IE浏览器(客户端) htt请求 窗口 服务器 http://www.sohu.com/a.htm 网页元素 IIS (ASP) 解释HIML 下载ahtm <table> <r><td>安徽… 动态网页:若扩展名为ASP,从服务器中读取出所请求的文件,然后对其ASP脚本代 码进行解释执行,生成新的HIML格式,与非ASP代码部分结合,产生动态的HIML网页 并且可以一些提供高级服务(数据库的存储、电子邮件的发送等 数据库服1Wb服务器 IE浏览器(客户端) http请求 窗 IIS (ASP) 务器(DB 执行ASP部分 http://www.sohu.com/a.asp Old html 网页元素 邮件服务,<%… New html 解释html 器(smtp) Old html old html 提示:服务器与客户端的位置关系有三种 1、在同一机器中( localhost或127.0.0.1)2、在局域网中3、在互联网中 4、 ASP Web服务器的安装与配置(实验指导1)

请求消息（包含消息头和消息体）；HTTP 请求的第一行如下所示： GET /http://www.sohu.com/a.htm HTTP/1.1 这一行指定了一个被称为（method）的 HTTP 命令、文档的地址、HTTP 协议的版本， 还有一些有关浏览器的信息。 Web 服务器接收请求，处理请求，并发出响应。HTTP 响应的第一行如下所示： HTTP/1.1 200 OK 状态码为“200”意味着成功，之后还有一些头信息用于指定当 前的时间、服务器的类型、数据的类型，其后是所请求的数据。 如果请求的页面文件的扩展名为 HTM 或 HTML，则服务器直接从硬盘中读取所请求的 页面文件，然后将其传送给客户端浏览器，客户端浏览器收到服务器传送的网页代码后，然 后对其解释执行，从而显示网页的内容。 动态网页：若扩展名为.ASP，从服务器中读取出所请求的文件，然后对其 ASP 脚本代 码进行解释执行，生成新的 HTML 格式，与非 ASP 代码部分结合，产生动态的 HTML 网页, 并且可以一些提供高级服务（数据库的存储、电子邮件的发送等）。 提示：服务器与客户端的位置关系有三种： 1、在同一机器中（localhost 或 127.0.0.1） 2、在局域网中 3、在互联网中 4、ASP Web 服务器的安装与配置（实验指导 1） IE 浏览器（客户端） 服务器 IIS（ASP） http://www.sohu.com/a.htm http 请求 窗口 下载 a.htm 解释 HTML 网页元素 <table> <tr><td>安徽…… <td><tr> </table>…… <script anguage=”javascript”> …… </script> Web 服务器 IIS（ASP） 执行 ASP 部分 Old html <% …… %> Old html IE 浏览器（客户端） New html 窗口 http 请求 http://www.sohu.com/a.asp Old html 解释 html 网页元素 数据库服 务器（DB） 邮件服务 器（smtp）

控制面板》添加和删除程序》》添加和删除 windows组件》 Internet信息服务》》 将系统盘放入光驱中,安装后在“管理工具”中出现 Internet信息服务器即可; 主要需要配置web服务器的根目录和默认主页文件 运行 Dream weaver MX2004建立站点,完成相关的设置,其中根目录与IS中一致, 并使用服务器技术; 5、程序举例( chapterl0l/ myfirstpage. asp、 showdate. asp) ∥ myfirstpage.asp <%OLANGUAGE="VBSCRIPT"CODEPAGE=936 % <html> <metahttp-equiv="content-type"content=Text/html;charset=gb2312"1> ttle>无标题文档</ title </head> <hl>我是张山,大家好!我的Web服务器配置好了,我的IP地址是192.1680.1。请访 问吧!这是我的第一个ASP网页!</hl> </body> <html> showdate. asp <%OLANGUAGE=VBSCRIPT" CODEPAGE=936%> <html> metahttp-equiv="content-type"content=texT/html;charset=gb2312"> ttfe无标题文档< /title </head> <table width=375 border=0"align="center"cellpadding="0"cells d width="178">现在日期:</ <td width=197 ><%=now%> </tr> <htable> </body> </html> 课后问题 1、请在有关书籍中或 Internet中查找并补充有关网络有关概念和术语的详细内容 2、现在有一家民营企业希望在互联网中拥有自己的网站来宣传自己的产品,你该做哪些事 情呢?能有几种方案?费用多少?

⚫ 控制面板》》》添加和删除程序》》》添加和删除 windows 组件》》》Internet 信息服务》》》 将系统盘放入光驱中，安装后在“管理工具”中出现 Internet 信息服务器即可； ⚫ 主要需要配置 Web 服务器的根目录和默认主页文件。 ⚫ 运行 Dreamweaver MX 2004 建立站点，完成相关的设置，其中根目录与 IIS 中一致， 并使用服务器技术； 5、程序举例（chapter01/myfirstpage.asp、showdate.asp） //myfirstpage.asp <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> <h1> 我是张山，大家好！我的 Web 服务器配置好了，我的 IP 地址是 192.168.0.1。请访 问吧！这是我的第一个 ASP 网页 ！</h1> </body> </html> //showdate.asp <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> </head> <body> <table width="375" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="178">现在日期：</td> <td width="197"><%=now%> </td> </tr> </table> </body> </html> 课后问题： 1、 请在有关书籍中或 Internet 中查找并补充有关网络有关概念和术语的详细内容； 2、 现在有一家民营企业希望在互联网中拥有自己的网站来宣传自己的产品，你该做哪些事 情呢？能有几种方案？费用多少？

第二讲HTML基础 教学重点: HIML表单的应用; 2、CSS层叠样式表的应用; 教学要求 1、了解HIML语言与高级语言(如ⅤB、C等)的区别;识记网页常用标记及属性, 如标题、字体、段落、图像、超链接、表格等 2、熟练掌握HIML表单中各界面对象的标记符号和属性,如表单、文本域、列表域 复选框与单选钮、命令按钮等 3、熟练掌握在 Dreamweaver中使用层叠样式表CSS:了解层叠样式表与标记属性的区 别 教学内容 1、构建HIML网页( chapter2/ section2/ htmlpage,asp <% CLANGUAGE=" VBSCRIPT" CODEPAGE=″936″ <html> Head metahttp-equiv="content-typecontent=text/html:charset=gb2312> < meta name=" keywords" content="计算机,机电,矿产"> < me ta name=" author" content=“安徽工业职业技术学院" < meta name=" description" content="安徽工业职业技术学院是一所工科院校。。"> < title>标题</ title <style type="text/css"> text-align: cent </style> <link href="mystyle. css" rel="stylesheet"type="text/css"> <Script la e= JavaScript"> function checkformo I 函数体 <body> 主体部分 </htmI> 2、HIML标记的特点 1、HIML是文本文件,标记符号均用括起来,大多数标记成对出现,结束标记

第二讲 HTML 基础 教学重点： 1、HTML 表单的应用； 2、CSS 层叠样式表的应用； 教学要求： 1、了解 HTML 语言与高级语言（如 VB、C 等）的区别；识记网页常用标记及属性， 如标题、字体、段落、图像、超链接、表格等； 2、熟练掌握 HTML 表单中各界面对象的标记符号和属性，如表单、文本域、列表域、 复选框与单选钮、命令按钮等； 3、熟练掌握在 Dreamweaver 中使用层叠样式表 CSS；了解层叠样式表与标记属性的区 别。 教学内容： 1、构建 HTML 网页（chapter02/section2/htmlpage.asp） <%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="keywords" content="计算机,机电,矿产"> <meta name="author" content="安徽工业职业技术学院"> <meta name="description" content="安徽工业职业技术学院是一所工科院校。。。"> <title>标题</title> <style type="text/css"> <!-- form { text-align: center; } --> </style> <link href="mystyle.css" rel="stylesheet" type="text/css"> <Script language="JavaScript"> function checkform() { 函数体 } </script> </head> <body> 主体部分 </body> </html> 2、HTML 标记的特点 1、HTML 是文本文件，标记符号均用<>括起来，大多数标记成对出现，结束标记