ASP动态网页设计电子教案.pdf
《ASP动态网页设计电子教案.pdf》由会员分享,可在线阅读,更多相关《ASP动态网页设计电子教案.pdf(46页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、ASP 动态网页设计电子教案 Last updated on the afternoon of January 3,2021第第一一讲讲A AS SP P的的系系统统运运行行环环境境教学重点:教学重点:1、ASP 动态网页的工作基本原理;2、Windows2000Server/XPIIS的安装与配置;教学要求:教学要求:1、熟知有关 ASP 的基本概念和工作原理,如 ASP、HTML、静态网页、动态网页、HTTP、PWS、IIS、IP地址等;了解静态网页和动态网页的区别。2、熟练掌握 ASPWeb 服务器的安装与运行环境的配置,特别是在Windows2000Server/XP 系统中 IIS的
2、安装与配置;熟知 WEB服务器根目录的设置和主页文件的命名。3、熟悉 ASP 文件的基本格式;熟练运用 Dreamweaver编辑 ASP 动态网页原代码;熟练掌握使用本机 IE浏览器调试 ASP 程序的方法。教学内容教学内容1 1、关于网站的有关术语与知识、关于网站的有关术语与知识WebWeb 服务器:服务器:存储和管理供给全球各地用户浏览网页的服务器,软件支持如:运行在 windows2000sever 系统上的 IIS,运行在 unix 系统上的 apache等;客户端浏览器:客户端浏览器:通过在地址栏中输入 Web 服务器地址从而访问 Web 服务器的软件;目前主要是 Internet
3、Explorer(IE)和 Netscape;HTMLHTML:超级文本标记语言(HypertextMark-upLanguage)标准的文本文件,不是编程语言,而是一种描述性的标记语言;如:安徽工业职业技术学院;HTTPHTTP:(HypertextTransfersProtocol)超级文本(超级链接)的传输协议,是TCP/IP协议的一部分;这个协议管理 Web 浏览器如何向 Web 服务器请求文件,以及服务器如何将文件发送回来。FTPFTP:(FileTransfersProtocol)文件传输协议,在互联网上上传或下载文件的协议;通常需要输入 IP地址、用户名、密码等;IISIIS:(
4、InternetInformationSystem)Internet信息服务器,用于配置和管理 WEB站点的软件;能响应客户端用户的请求从而下载网页到客户端;IPIP地址:地址:子网掩码:子网掩码:用于通过与 IP地址进行“与”操作来判断某两个 IP地址是否位于同一个网内,如果在一个网内,则在网内查找,否则将数据包发送到路由器到外网查找;域名:域名:是替代枯燥乏味的 IP地址的一种分层次的表示方式;如:;域名服务器域名服务器 DNSDNS:将域名解析为 IP地址的服务器(具体原理可参考有关网络类书籍);2 2、何为、何为 ASP?ASP?ASP 是 ActiveServerPages的简称,是
5、微软公司开发的一套服务器,在这种环境环境中,通过在标准的 HTMLHTML 网页网页中嵌入和使用 ASPASP 内建对象内建对象和可安装组件可安装组件 ActiveXActiveX组件,并结合 VBScriptVBScript 或或 JavaScriptJavaScript 编程,即可建立动态的、交互的、功能强大的Web 页面。主要运行于 WindowsNT 或 Windows2000server平台,其服务器为;扩展名为:.asp;3 3、ASPASP 的执行方式的执行方式静态网页:静态网页:在客户端浏览地址栏目中键入某个网址,它会向 Web 服务器发送一个 HTTP 请求消息(包含消息头和
6、消息体);HTTP 请求的第一行如下所示:GETHTTP/GETHTTP/这一行指定了一个被称为(method)的 HTTP 命令、文档的地址、HTTP 协议的版本,还有一些有关浏览器的信息。Web 服务器接收请求,处理请求,并发出响应。HTTP 响应的第一行如下所示:HTTP/HTTP/状态码为“200”意味着成功,之后还有一些头信息用于指定当前的时间、服务器的类型、数据的类型,其后是所请求的数据。如果请求的页面文件的扩展名为 HTM或 HTML,则服务器直接从硬盘中读取所请求的页面文件,然后将其传送给客户端浏览器,客户端浏览器收到服务器传送的网页代码后,然后对其解释执行,从而显示网页的内容
7、。IE浏览器(客户服务器IIS(ASP)解释下载 安徽动态网页:动态网页:若扩展名为.ASP,从服务器中读取出所请求的文件,然后对其 ASP http 请窗网页元素脚本代码进行解释执行,生成新的 HTML格式,与非 ASP 代码部分结合,产生动态的 HTML网页,并且可以一些提供高级服务(数据库的存储、电子邮件的发送等)。IE浏览器(客户提示:提示:Web服务器与客户端的位置关系有三种:服务器数据库http 请服务器邮件服务器2、在局域网中、在互联网中IIS(ASP3)网页元素执行 ASP 部分NewhtmlOldhtml解释窗口4 4、ASPWebASPWeb 服务器的安装与配置(实验指导服
8、务器的安装与配置(实验指导 1 1)控制面板添加和删除程序添加和删除 windows组件Internet信息服务将系统盘放入光驱中,安装后在“管理工具”中出现Internet信息服务器即可;主要需要配置 Web 服务器的根目录和默认主页文件。运行 DreamweaverMX2004 建立站点,完成相关的设置,其中根目录与 IIS中一致,并使用服务器技术;5 5、程序举例(、程序举例(chapter01/chapter01/、)0000”0000”1”xe单击此处文件下载(chapter02/section3/chapter02/section3/)(chapter02/section4/cha
9、pter02/section4/)用户注册用户名:4 4、HTMLHTML 的表单的表单(chapter02/section4/chapter02/section4/)两种表单数据的传递方法:GET和 POST 方法GET方法:将表单数据附加在 Action属性指定的 URL地址之后,并在 URL地址与表单数据间加上一个“”分割符,表单的各个数据项间用“&”分割符。GET方式一次最多只能提交 256个字符;POST 方式是将表单数据作为一个独立的数据块直接发送给服务器;表单中的界面对象单行文本域隐藏域口令域单选按钮男女列表框硕士以上大学本科大专中专以下按钮5 5、HMLHML 的其他常用标记;
10、的其他常用标记;(chapter02/section5/chapter02/section5/、)、)多媒体滚动的内容6 6 层叠样式表层叠样式表 CSSCSS(chapter02/section6/chapter02/section6/)层叠样式表(CascadingStyleSheet)是一系列格式设置规则,它们控制 Web页面内容的外观。术语 cascading表示向同一个元素应用多种样式的能力。例如,可以创建一个 CSS 规则来应用颜色,创建另一个 CSS 规则来应用边距,然后将两者应用于页面上的同一个文本。所定义的样式向下“层叠”到您的 Web 页面上的元素,并最终创建您想要的设计。
11、优点优点 1 1:使用:使用 CSSCSS 可以非常灵活并更好地控制具体的页面外观,从精确的布局可以非常灵活并更好地控制具体的页面外观,从精确的布局定位到特定的字体和样式。定位到特定的字体和样式。CSS 允许您控制 HTML无法独自控制的许多属性。例如,可以为选定的文本指定不同的字体大小和单位(像素、磅值等)。通过使用CSS 以像素为单位设置字体大小,还可以确保在多个浏览器中以更一致的方式处理页面布局和外观。除设置文本格式外,还可以使用 CSS 控制 Web 页面中块级别元素的格式和定位。例如,可以设置块级元素的边距和边框、其他文本周围的浮动文本等。优点优点 2 2:它提供了便利的更新功能;更
12、新一处的:它提供了便利的更新功能;更新一处的 CSSCSS 规则时,使用该已定义样规则时,使用该已定义样式的所有文档的格式都会自动更新为新样式。式的所有文档的格式都会自动更新为新样式。CSS 格式设置规则由两部分组成:选择器和声明选择器和声明。选择器是标识格式元素的术语(如 P、H1、类名或 ID),声明用于定义元素样式。在下面的示例中,H1是选择器,介于括号()之间的所有内容都是声明:H1font-size:16pixels;font-family:Helvetica;font-weight:bold;声明由两部分组成:属性(如 font-family)和值(如 Helvetica)。上面的
13、 CSS规则为 H1标签创建了一个特定的样式:链接到此样式的所有 H1标签的文本都将是16 个像素大小、Helvetica字体和粗体。在在 DreamweaverDreamweaver 中可以定义以下样式类型:中可以定义以下样式类型:自定义 CSS 规则(也称为类样式)使您可以将样式属性应用于任何文本范围或文本块。(请参见。).mystyleHTML标签样式重定义特定标签(如 h1)的格式。创建或更改 H1标签的CSS 样式时,所有用 H1标签设置了格式的文本都会立即更新。H1font-size:16pixels;font-family:Helvetica;font-weight:bold;C
14、SS 选择器样式(高级样式)重新定义特定元素组合的格式设置,或重新定义 CSS 允许的其他选择器表单的格式设置(例如,每当 h2标题出现在表格单元格内时都应用选择器 tdh2)。高级样式还可以重新定义包含特定 id 属性font-family:新宋体;font-size:24px;font-weight:300;color:#FF0000;的标签的格式设置(例如,#myStyle定义的样式可应用于包含属性值对id=myStyle的所有标签)。CSS 规则可以位于以下 3个位置:内部(或嵌入式)CSS 样式表是一系列包含在 HTML文档文件头部分的style标签内的 CSS 规则。bodymar
15、gin:auto;padding-top:100px;padding-right:0px;padding-bottom:0px;padding-left:0px;background-color:#FFCCFF;外部 CSS 样式表是一系列存储在一个单独的外部 CSS(.css)文件(并非HTML文件)中的 CSS 规则。利用文档文件头部分中的链接,该文件被链接到 Web 站点中的一个或多个页面。内联样式是在标签的特定实例中在整个 HTML文档内定义的。这是直接在标记符号中应用的样式的方法注意:注意:手动设置的 HTML格式设置会覆盖通过 CSS 应用的格式设置。要使 CSS规则能够控制段落格
16、式,必须删除所有手动设置的 HTML格式。CSSCSS 样式设置样式设置1.2.3.4.5.6.7.8.课后问题:课后问题:1、请访问“安徽工业职业技术学院”的首页,查看源代码,在这个页面中使用了哪些 HTML标记语言,使用了哪些 CSS 样式;2、总结描述所有的 CSS 样式的应用,对于课堂上没有提到的 CSS 样式请查阅Dreamweaver的帮助信息;3、自己制作一个“用户信息注册界面”的表单,运用 CSS 样式编排其字体、色彩、格式等元素,并给其他同学浏览,至少五位同学表示赞赏表示成功;第三讲第三讲 JavaScriptJavaScript教学重点:教学重点:1、JavaScript
17、的语法特点,函数的定义、调用,变量的作用域;2、条件控制语句、循环控制语句;3、JavaScript 中几个常用对象的应用;教学要求:教学要求:1、回顾和复习以前 C 语言的基本语法知识;进一步加深理解 Javascript 语法知识;2、深刻理解有关函数中变量的作用域和各类控制语句的功能;3、理解和灵活运用 JavaScript中常用的几个对象的属性和方法;教学内容:教学内容:1 1、什么是、什么是 JavaScript?JavaScript?JavaScript 是 Netscape公司推出的一种嵌入 HTML文档的,基于对象的脚本描述语言。利用它可以进一步的增强网页的交互性、方便操作和控
18、制各种浏览器对象,实现控制浏览器外观、状态和运行方式的目的。利用它还可以实现对用户所输入的数据进行有效性检验,从而减轻服务器的负担。其语法与 C 语言很相似。2 2、在网页中使用、在网页中使用 JavaScriptJavaScript(欢迎进入);如果一段 javascript应用到多个网页,可以将其放入到扩展名称为:Js 文本文件。在需要使用JavaScript的页面中插入方法:(chapter03/section1/chapter03/section1/)3 3、JavaScriptJavaScript 语法基础语法基础1、JavaScript 的数据类型JavaScript 提供四种基本
19、的数据类型,分别为数值型、逻辑型、字符串型和undefined类型2、常量、变量(chapter03/section2/chapter03/section2/)varnum=24,id=36;x=num+id;2436”对象 1.子对象 2.属性名或方法名framelayer”guest”;windows”guest”;属性:属性:statusstatusdocumentlocationlinksforms(chapter03/section4/chapter03/section4/)imageshistory=欢迎访问光临本站!;external方法:(chapter03/section4/
20、chapter03/section4/)alertalert 方法方法,没有返回值!ConfirmConfirm 方法方法:返回逻辑值返回按“是”返回 true,否则返回 falsePromptPrompt:返回输入的值。举例:举例:name=;name=(请输入你的姓名:,name);(name+你好!下面要开始考试了!);if(你确实准备好了吗);openopen 方法:方法:(chapter03/section4/chapter03/section4/)用法:winhwnd=(url,windowname,paralist)无标题文档functionopenwin(url)varneww
21、in=(url,winname,toolbar=no,directories=no,menubar=no,scrollbars=yes,rdsizable=no,width=500,height=360);();return(newwin);作者简介closeclose 方法方法:举例说明关闭setTimeoutsetTimeout 方法方法:创建定时器,经过指定的毫秒后,自动调用指定的语句;clearTimeoutclearTimeout方法方法:清除定时器;(chapter03/section4/chapter03/section4/)时钟vartimer;functionclock()v
22、artimestr=;varnow=newDate();varhours=();varminutes=();varseconds=();timestr+=hours;timestr+=(minutes10):0:)+minutes;timestr+=(seconds解释服务器服务器网页元窗口FFhttp 请求TF条件条Request对条 条TTTF象无标题文档语句语句11语句语句2语句条件IIST(ASP)语句 2响应体响应头%访问次数为:&(uservisit)(num)&%2 2、requestrequest对象对象Request对象将客户端数据保存到内置的几个集合中,通过访问这些集合,便
23、可获得表单所提交的数据、cookie的值以及服务器环境的值Request对象的集合:request.集合名(“成员名”)集合名称FormQuerystringCookiesservervariables功能与用途获得用 POST 方法所提交的表单数据获得用 GET 方法提交的表单数据获得 cookie的值获得 HTTP 头文件的相关信息和 Web 服务器的几个环境变量的值FormForm 集合集合(chapter05/section2/chapter05/section2/)Retdata=(“表单界面对象名”)(index)|.count用户注册用户名:密码:重复密码:性别:男女教育水平:硕
24、士以上大学本科大专中专以下电子邮箱: 注册的用户名为:第一次输入的密码为:第二次输入的密码为:性别为:教育程度为:电子邮箱为:对于复选框对于复选框(chapter05/section2/chapter05/section2/)举例:举例:1、电子商务包括()两个方面:A、电子商务B、电子交易C、自动化生产D、专家管理系统querystringquerystring 集合集合该集合用于获取 GET 方法中提交的表单数据,其用法与 form集合相同表单在用 get方式提交数据时,将表单数据附加在 URL地址后面如:(“txtusername”)(“tx
25、tpassword”)cookiescookies 集合集合retvalue=(“cookiename”)具体见上例severvariablessevervariables 集合集合用于检索服务器环境变量的值,以及客户端的一些信息,其用法为retvalue=(“环境变量名”)举例举例(chapter05/section2/chapter05/section2/)3 3、serverserver 对象对象属性:=时间值设置 ASP 页面的最大执行时间,以秒为单位creatobjectcreatobject 方法:方法:在服务器上创建已注册对象的实例setobjvar=(progid)举例举例(c
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- ASP 动态 网页 设计 电子 教案
限制150内