ASP动态网页设计电子教案.docx

《ASP动态网页设计电子教案.docx》由会员分享，可在线阅读，更多相关《ASP动态网页设计电子教案.docx（47页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、ASP动态网页设计电子教案Last updated on the afternoon of January 3,2021讲 ASP 的系统运行环境教学重点：1、ASP动态网页的工作基本原理；2、Windows2000Server/XPIIS 的安装与配置；教学要求：1、熟知有关ASP的基本概念和工作原理，如ASP、HTML、静态网页、动态网页、HTTP、PWS、IIS、IP地址等；了解静态网页和动态网页的区别。2、熟练掌握ASPWeb服务器的安装与运行环境的配置，特别是在 Windows2000Server/XP系统中IIS的安装与配置；熟知WEB服务器根目录的设置和主页文件的命名。3、熟悉A

2、SP文件的基本格式；熟练运用Dreamweaver编辑ASP动态网页原代码；熟练掌握使用本机IE浏览器调试ASP程序的方法。教学内容1、关于网站的有关术语与知识Web服务器：存储和管理供给全球各地用户浏览网页的服务器，软件支持如：运行在windows2000sever系统上的IIS，运行在unix系统上的apache等；客户端浏览器：通过在地址栏中输入Web服务器地址从而访问Web服务器的软件；目前主要是 InternetExplorer(正)和 Netscape；HTML :超级文本标记语言(HypertextMark-upLanguage)标准的文本文件，不是编程语言，而是一种描述性的标记

3、语言；如：fontface=宋体size=4color=#FF0000”安徽工业职业技术学院/font；HTTP ：(HypertextTransfersProtocol)超级文本(超级链接)的传输协议，是TCP/IP协议的一部分；这个协议管理Web浏览器如何向Web服务器请求文件，以及服务器如何将文件发送回来。FTP :(FileTransfersProtocol)文件传输协议，在互联网上上传或下载文件的协议；通常需要输入IP地址、用户名、密码等；IIS :(InternetInformationSystem)Internet 信息服务器，用于配置和管理 WEB 站点的软件；能响应客户端用户

4、的请求从而下载网页到客户端；IP地址：子网掩码：用于通过与IP地址进行“与”操作来判断某两个IP地址是否位于同一个网内，如果在一个网内，则在网内查找，否则将数据包发送到路由器到外网查找；域名：是替代枯燥乏味的IP地址的一种分层次的表示方式；如：；域名服务器DNS :将域名解析为IP地址的服务器(具体原理可参考有关网络类书籍)；2、何为ASP?ASP是ActiveServerPages的简称，是微软公司开发的一套服务器，在这种环境中，通过在标准的HTML网页中嵌入和使用ASP内建对象和可安装组件ActiveX 组件，并结合VBScript或JavaScript编程，即可建立动态的、交互的、功能强

5、大的 Web页面。主要运行于WindowsNT或Windows2000server平台，其服务器为；扩展名为：.asp ；3、ASP的执行方式静态网页：在客户端浏览地址栏目中键入某个网址，它会向Web服务器发送个HTTP请求消息（包含消息头和消息体）；HTTP请求的第一行如下所示：GETHTTP/这一行指定了一个被称为（method）的HTTP命令、文档的地址、HTTP协议的版本，还有一些有关浏览器的信息。Web服务器接收请求，处理请求，并发出响应。HTTP响应的第一行如下所示：HTTP/状态码为“00”意味着成功，之后还有一些头信息用于指定当前的时间、服务器的类型、数据的类型，其后是所请求的

6、数据。如果请求的页面文件的扩展名为HTM或HTML，则服务器直接从硬盘中读取所请求的页面文件，然后将其传送给客户端浏览器，客户端浏览器收到服务器传送的网页代码后，然后对其解释执行，从而显示网页的内容。IE浏览器（客户动态网页：若扩展名为.ASP，从服务器中读取出所请求的文件，然后对其ASP /table脚本代码进行解释执行，生成新的HTML格式与眼峪卷口战码部分结翁产生动态的HTML网页，并且可以一些提供高级服务（数据库的存储、电子邮件的发送等）。4、ASPWeb服务器的安装与配置(实验指导1)控制面板添加和删除程序添加和删除windows组件 Internet信息服务将系统盘放入光驱中，安装

7、后在“管理工具”中出现 Internet信息服务器即可；主要需要配置Web服务器的根目录和默认主页文件。运行DreamweaverMX2004建立站点，完成相关的设置，其中根目录与IIS中一致，并使用服务器技术；5、程序举例(chapter01/、0000”00001、。单击此处文件下载(chapter02/section3/)(chapter02/section4/)用户注册用户名：4、HTML 的表单(chapter02/section4/)两种表单数据的传递方法：GET和POST方法GET方法：将表单数据附加在Action属性指定的URL地址之后，并在URL地址与表单数据间加上一个“”分

8、割符，表单的各个数据项间用“&”分割符。GET方式一次最多只能提交256个字符；POST方式是将表单数据作为一个独立的数据块直接发送给服务器;表单中的界面对象单行文本域隐藏域口令域单选按钮男女列表框硕士以上大学本科大专中专以下按钮inputtype=buttonname=Submitvalue=确定inputtype=submitname=Submitvalue=登陆5、HML 的其他常用标记；(chapter02/section5/、)多媒体marqueedirction=upbehavior=scrollscrollamount=滚动速度$以015。匕丫=滚动延迟时间bgcolor=背景颜

9、色,滚动的内容6层叠样式表 CSS (chapter02/section6/)层叠样式表(CascadingStyleSheet)是一系列格式设置规则，它们控制Web页面内容的外观。术语cascading表示向同一个元素应用多种样式的能力。例如，可以创建一个CSS规则来应用颜色，创建另一个CSS规则来应用边距，然后将两者应用于页面上的同一个文本。所定义的样式向下“层叠”到您的Web页面上的元素，并最终创建您想要的设计。优点1：使用CSS可以非常灵活并更好地控制具体的页面外观，从精确的布局定位到特定的字体和样式。CSS允许您控制HTML无法独自控制的许多属性。例如，可以为选定的文本指定不同的字体

10、大小和单位(像素、磅值等)。通过使用 CSS以像素为单位设置字体大小，还可以确保在多个浏览器中以更一致的方式处理页面布局和外观。除设置文本格式外，还可以使用CSS控制Web页面中块级别元素的格式和定位。例如，可以设置块级元素的边距和边框、其他文本周围的浮动文本等。优点2：它提供了便利的更新功能；更新一处的CSS规则时，使用该已定义样式的所有文档的格式都会自动更新为新样式。CSS格式设置规则由两部分组成：选择器和声明。选择器是标识格式元素的术语(如P、H1、类名或ID)，声明用于定义元素样式。在下面的示例中，H1是选择器，介于括号()之间的所有内容都是声明：H1font-size:16pixel

11、s;font-family:Helvetica;font-weight:bold;声明由两部分组成：属性（如font-family）和值（如Helvetica）。上面的CSS规则为H1标签创建了一个特定的样式：链接到此样式的所有H1标签的文本都将是16个像素大小、Helvetica字体和粗体。在Dreamweaver中可以定义以下样式类型： 自定义CSS规则（也称为类样式）使您可以将样式属性应用于任何文本范围或文本块。（请参见。）.mystylefont-family:新宋体;font-size:24px;font-weight:300;color:#FF0000; HTML标签样式重定义特定

12、标签（如hi）的格式。创建或更改H1标签的CSS样式时，所有用H1标签设置了格式的文本都会立即更新。H1font-size:16pixels;font-family:Helvetica;font-weight:bold; CSS选择器样式（高级样式）重新定义特定元素组合的格式设置，或重新定义CSS允许的其他选择器表单的格式设置（例如，每当h2标题出现在表格单元格内时都应用选择器tdh2）。高级样式还可以重新定义包含特定id属性的标签的格式设置（例如，#myStyle定义的样式可应用于包含属性值对id=myStyle的所有标签）。CSS规则可以位于以下3个位置：内部（或嵌入式）CSS样式表是一系

13、列包含在HTML文档文件头部分的style标签内的CSS规则。bodymargin:auto;padding-top:100px;padding-right:0px;padding-bottom:0px;padding-left:0px;background-color:#FFCCFF;外部CSS样式表是一系列存储在一个单独的外部CSS(.css)文件(并非HTML文件)中的CSS规则。利用文档文件头部分中的链接，该文件被链接到Web站点中的一个或多个页面。内联样式是在标签的特定实例中在整个HTML文档内定义的。这是直接在标记符号中应用的样式的方法注意：手动设置的HTML格式设置会覆盖通过CS

14、S应用的格式设置。要使CSS 规则能够控制段落格式，必须删除所有手动设置的HTML格式。CSS样式设置1.2.3.4.5.6.7.8.课后问题：1、请访问“安徽工业职业技术学院”的首页，查看源代码，在这个页面中使用了哪些HTML标记语言，使用了哪些CSS样式；2、总结描述所有的CSS样式的应用，对于课堂上没有提到的CSS样式请查阅Dreamweaver的帮助信息；3、自己制作一个“用户信息注册界面”的表单，运用CSS样式编排其字体、色彩、格式等元素，并给其他同学浏览，至少五位同学表示赞赏表示成功；第三讲 JavaScript教学重点：1、JavaScript的语法特点，函数的定义、调用，变量的

15、作用域；2、条件控制语句、循环控制语句；3、JavaScript中几个常用对象的应用；教学要求：1、回顾和复习以前C语言的基本语法知识；进一步加深理解Javascript语法知识；2、深刻理解有关函数中变量的作用域和各类控制语句的功能；3、理解和灵活运用JavaScript中常用的几个对象的属性和方法；教学内容：1、什么是 JavaScript?JavaScript是Netscape公司推出的一种嵌入HTML文档的，基于对象的脚本描述语言。利用它可以进一步的增强网页的交互性、方便操作和控制各种浏览器对象，实现控制浏览器外观、状态和运行方式的目的。利用它还可以实现对用户所输入的数据进行有效性检验

16、，从而减轻服务器的负担。其语法与C语言很相似。2、在网页中使用JavaScript(欢迎进入);如果一段javascript应用到多个网页，可以将其放入到扩展名称为：Js文本文件。在需要使用JavaScript的页面中插入方法：(chapter03/section1/)3、JavaScript语法基础1、JavaScript的数据类型JavaScript提供四种基本的数据类型，分别为数值型、逻辑型、字符串型和undefined 类型2、常量、变量(chapter03/section2/) varnum=24,id=36; alert方法，没有返回值！ Confirm方法：返回逻辑值返回按“是返

17、回true，否则返回false Prompt:返回输入的值。举例：name=;name=（请输入你的姓名:,name）;（name+”你好!下面要开始考试了!”）；if（你确实准备好了吗”）; open 方法：(chapter03/section4/)用法：winhwnd=(url,windowname,paralist)无标题文档functionopenwin(url)varnewwin=(url,winname,toolbar=no,directories=no,menubar=no,scrollbars=yes,rdsiza ble=no,width=500,height=360);()

18、;return(newwin);作者简介 close方法：举例说明关闭 setTimeout方法：创建定时器，经过指定的毫秒后，自动调用指定的语句； clearTimeout 方法：清除定时器；(chapter03/section4/)时钟vartimer;functionclock()vartimestr=;varnow=newDate();varhours=();varminutes=();varseconds=();timestr+=hours;timestr+=(minutes10):0:)+minutes;timestr+=(seconds10):0:)+seconds;服务器htt

19、p请求.equest对声件T条条 一文档 Fe语句语句1语句tablewidth=4嫡应0体响响应买cellspacingpcel语句 +V2ding=0timer=setTimeout(clock(),1000kp6F6Fi=dateadd(wrw，1,Date)IE浏览器(解释?%”访问次数为：&(uservisit)(num)&%2、request对象Request对象将客户端数据保存到内置的几个集合中，通过访问这些集合，便可获得表单所提交的数据、cookie的值以及服务器环境的值Request对象的集合：reques集合名（成员名”）集合名称功能与用途Form获得用POST方法所提交的

20、表单数据Querystring获得用GET方法提交的表单数据Cookies获得cookie的值servervariables获得HTTP头文件的相关信息和Web服务器的几个环境变量的值Form 集合(chapter05/section2/Retdata=(表单界面对象名”)(index)|.count用户注册用户名：密码：重复密码：4别：田力女教育水平：硕士以上大学本科大专中专以下电子邮箱：    注册的用户名为：第一次输入的密码为：第二次输入的密码为：性别为：教育程度为：电子邮箱为：对于复选框(chapter05/section2/)举例：1、电子商务

21、包括（）两个方面：A、电子商务B、电子交易*自动化生产D、专家管理系统querystring 集合该集合用于获取GET方法中提交的表单数据，其用法与form集合相同表单在用get方式提交数据时，将表单数据附加在URL地址后面如：(“txtusername”)(“txtpassword”)cookies 集合retvalue=(“cookiename”)具体见上例severvariables 集合用于检索服务器环境变量的值，以及客户端的一些信息，其用法为retvalue=(环境变量名”)举例(chapter05/section2/)3、server 对象属性：=时间值设置ASP页面的最大执行时间

22、，以秒为单位creatobject方法：在服务器上创建已注册对象的实例setobjvar=(progid)举例(chapter06/section1/)myad=()dbT开数据源产生记录集fhsql=select*from 教师表source=&dsnpathsetrs=(),connstr,adopendynamic,adlockpessimistic,adcmdtexttransfer 方法(chapter05/section3/)停止执行当前的页面，将执行控制权转到“URL”所指定的新页面与不同的是，其地址栏不变；不需要放在文件的最前面；举例4、Session 和 Applicatio

23、n 对象HTTP协议是无联系的协议，用户连接一个网络服务器，请求一个页面，接受一个页面然后脱离，所有对WEB请求被看作是唯一和独立的连接，与它之前的任何记录会话无任何关系。当用户从一个页面跳到另一个页面范围，系统无法跟踪其会话状态，变量的最大作用域是页面范围。举例：(chapter05/section4/)所以有了 Session 和 Application 对象Session(“变量名”)：用户级变量Session对象的属性Sessionid:启动浏览器，键入请求的网页，开始了一个新的会话。Sessionid也就确定了，用于标识会话，并作为cookie存储到用户的浏览器中；(chapter0

24、5/section4/)Passflag()=1session(passflag)=1服务器浏览器第(一个。A涡程序)平1 M 公7亡1 V7 公二年地)=1tPassflag()=0Passflag()=1PassflagT=meout ：以分Sessionid=Sessionid=户在规定的时间内没有刷新或请求页面序这结束会话；防止系统会话太多；钟为单位定义会话超时的时间期限；默认时间为20分钟；用应用面的授权访问(chapter05/section4/)两个事件：(存放在文件中)(chapter05/section4/)onstart :启动会话时触发onend :结束会话时出发Appl

25、ication 对象Application(“变量名”)：应用级变量，所有用户任何时候都可以访问；文件subapplication_onstart()application(count)=1application(online)=0endsubsubsession_onstart()application(count)=application(count)+1application(online)=application(online)+1endsubsubsession_onend()application(online)=application(online)-1endsub访问次数：在线

26、人数：两个事件：(存放在文件中)onstart :第一个用户访问时触发，只触发一次onend : web服务器关闭时触发课后问题：1、制作一个表单，用户可以选择不同的前景色和背景色，分别以cookie和会话(session)的功能实现当用户浏览本站的其它页面时就以该前景色和背景色显示；2、用Fireworks工具制作0-9数字图形的图片，然后用这些图片来表示网站计数器的值；第七讲关系数据库标准语言SQL教学重点：1、在Access数据库管理系统中创建数据库、表，建立表之间的关系；2、SQL 的数据操纵语句（SELECT、INSERT、UPDATE、DELETE）完成数据的相关操作、SQL是结构

27、化查询语言StructureQueryLanguage的缩写。包括数据定义、数据操纵、数据控制等部分。教学要求：1、了解有关数据库的基础知识；熟悉在Access数据库管理系统中创建数据库、创建表；2、熟悉SQL命令格式、SQL的运算符（算术、关系、逻辑）以及SQL函数；3、熟悉 SQL 的数据操纵语句（SELECT、INSERT、UPDATE、DELETE），达到“简单应用”的层次；4、了解SQL的数据定义语句（数据库的创建、删除、表结构的修改）；教学内容：1、SQL语言的特点：1、一体化；2、非过程化；3语言简洁；4、交互使用；2、SQL语言的组成部分：Select查询的数据项From来自哪

28、个表Where查询条件Groupby分组汇总Orderby 排序3、订货管理.mdb“订货管理”的概念模型：1nn“订货管理”仓库表仓库号城市面积WH1北京370WH2上海500WH3广州200WH4武汉400职工表仓库号职工号工资供应商表WH2E11220WH1E31210供应商号供应商名地址WH2E41250 S3振华电子厂西安WH3E61230 S4华通电子公司北京WH1E71250 S6607厂郑州S7爱华电子厂北京订购单表职工号E3供应商号 s7订购单号OR67订购日期2001-6-234、查询举例E1S4OR732001-7-28E7S4OR762001-5-251、简单查询E6O

29、R77E3E1S4OR79OR802001-6-13SELECT工资from职工表;E3E3S3OR90OR912001-7-13SELECT*from 仓库表；2、条件查询SELECT工资from职工表where工资1230;SELECT*from职工表where工资1230and（仓库号=卬由01仓库号=WH2）;SELECT*from 职工表 where 工资 between1220and1240;SELECT*from 职工表 where 工资 notbetween1220and1240;3、排序查询SELECT*from 职工表 orderby 工资；4、汇总计算查询SELECTCo

30、unt（*）AS职工总数FROM职工表；SELECTsum（工资）AS工资总额FROM职工表；SELECTavg（工资）AS平均工资FROM职工表；5、分组查询SELECT职工表.仓库号,Avg（职工表.工资）AS平均工资FROM职工表GROUPBY职工表.仓库号；6、操作查询insertinto 订购单表 values（e7,s4,or01,2001-05-25）;deletefrom订购单表where订购单号=。1；update订购单表set供应商号=$6亚卜?代订购单号二/珀?；课后问题：1、教材中的习题7第八讲利用ADO实现数据库的存取教学重点：1、用ODBC驱动程序或OLEDB链接字符串实现数据库访问与有关操作；2、运用记录集对象的属性和方法实现记录集的分页显示；3、图形的字段类型，图形上传与图形数据的获取方法；利用现有的原代码实现图像上传到数据库中；图形的显示。教学要求：1、熟悉在管理工具中创建ODBC数据源；2、掌握ADO连接对象的Open方法、Close方法、Execute方法实现对数据库中数据的访问；3、熟悉记录集对象的相关属性、相关方法、Fields集合、记录集内容的显示实现对数据库中数据的访问；4、熟悉运用HTML