南师大教育技术学考研笔记_Web程序设计

《南师大教育技术学考研笔记_Web程序设计》由会员分享，可在线阅读，更多相关《南师大教育技术学考研笔记_Web程序设计（13页珍藏版）》请在装配图网上搜索。

1、Web_CourseWeb程序设计iNote_Web程序设计第1章 WWW简介第2章 网站筹划设计与效劳器架设管理第3章 协议及其开发与HTML语言根底第4章 HTML高级应用及编辑工具第5章 层叠式样式表CSS第6章 Javascript脚本语言第7章 动态主页技术根底第8章 XML技术与Ajax技术第1章 WWW简介1. web技术的3要素：统一资源定位技术URL | 应用层协议 | 超文本技术HTML技术。2. web高级技术：动态网关接口技术CGI | Applet技术 | Javascript技术 | ServletJSPASPPHP技术 | Flash技术等。3. WWW的新技术略

2、练习题1. Internet & WWWinternet的WWW的根底，web是internet平台上的一种应用和效劳。2. URL :/ edu :80/index.asp包含了 和www，3者什么关系？ 是通信协议，所有html文件的发布和接收要按 协议的标准来；www表示基于超文本方式进行信息查询效劳，URL通过定义资源位置的抽象标识来定义网络资源。第2章 网站筹划设计与效劳器架设管理1. 网站设计流程初始会商 概念开发 内容综合 HTML布局和导航 媒体制作 内容整合 网站测试 交付。2. 网站筹划3. 网站的设计1CI形象设计：Logo网站主色调标准字体宣传标语。适合网页标准的色系：

3、蓝色黄/橙色黑/灰/白色2总体结构设计 文件的结构化存放页面间的逻辑结构。 3-6版面设计色彩设计导航设计信息可用性设计。4.5.6.7. ISS安装与配置Apache的安装与配置Tomcat的安装与配置网站平安练习题1. 如何判断本机已经安装过ISS？查看控制面板-添加或删除程序-应用程序效劳器-IIS是否勾选。2. 网站平安的根本原那么是什么？第3章 协议及其开发与HTML语言根底1. 协议1 协议Hypertext Transfer Protocol是用于从www效劳器传输超文本到本地浏览器的传送协议，在TCP/IP协议栈中属于应用层；2 的工作原理：请求信息，相应信息；3 应用开发：

4、客户程序实现用户与效劳器之间的交互，如浏览器文件下载程序web机器人。2. HTML概述1超文本：1种信息管理方式，本质含义是非线性的文章组织方式，采用了符合人脑思维模式的联想机制对庞大的信息资源进行索引的一种非线性结构超文本即“超级练级+文本；2超媒体：即超文本+多媒体；3HTML：超文本置标语言。3. 超文本标记语法及文档结构1标签及其属性：单标签双标签属性；2在和标签名之间没有空格；3字符引用：a. 数值字符引用 b. 字符实体引用以&开始，以;结束；copyright©©registered trademark®®TM 商标 ™ 空格

5、 5注释：；6HTML的Header：meta标签，单标签，可分为2局部， 标题信息 -EQUIV和页面描述信息。 标题信息：显示字符集：刷新：期限：Cookie设置：页面信息描述： 的属性：link超链接的颜色| alink单击超链接时的颜色|vlink访问后超链接的颜色|background背景图片|bgcolor背景颜色|leftmargin/topmargin边距|text页面文字的颜色常用的颜色对照表白色225225225#FFFFFF黑色000#000000红色25500#FF0000绿色02550#00FF00蓝色00255#0000FF青色0255255#00FFFF

6、深红色2550255#FF00FF黄色2552550#FFFF003. HTML的根本语法1标题和段落：a.H1H7，N越大，字号越小；有align属性；b.可以看做2个强制换行符；c.显示预排格式标签；d. 水平线2文字标签FONTsize1-7，face，color；3列表无序列表，li和ul都有type属性，现那么列表符号的样式；有序列表 ，亦可以在ol或li的type属性设置样式；定义列表 4超级链接锚点标签：name和href不能同时使用，name只作为锚链接的标志；相对地址：“./代表退回上一级目录；“#name代表本页的链接；电子邮件：“ 5表格即表头，按粗体显示的属性集：bor

7、der，width，height，cellspacing，cellpadding，background，bodercolor，align；给表格加标题，嵌在里面；跨多行跨多列的表项有colspan和rowspan属性；表格的分组显示：可以是单标签；具有align属性center，left，right，justify和valign属性top，bottom，middle，baseline6图像常用格式：gif256种颜色，可制作透明，隔行和动画效果和jpeg。文本和图片的混排：align：top|middle|bottom | left|right图片上的热区：第4章 HTML高级应用及编辑工具1

8、. 框架1框架结构;23框架间的链接target的4个特殊操作值：_blank在新的浏览器窗口翻开，_self在当前窗口翻开，_top在整个浏览器窗口翻开，_parent在父窗口翻开。2. 表单1表单架构：2action：表单处理的方式，一般是网址或者E-mail地址；3method：表单数据的传送方向，get或post；4input的常用属性：type，name，size，maxlength等。3. 控件1文字和密码输入框type=text/password name=，其中name作为标识符；2按钮重置和提交type=button/rest/submit value=btn_name；3复

9、选框和单项选择按钮type=checkbox/radio name=_name value=-value (checked)，同组的按钮namen名一致；4选择框，其中select的size取1时，即为下拉列表框，multiple出现表示可以多项选择，option的select属性表示预选。5多行文本输入框，其中rows和cols表示不加滚动条的情况下可见的行和列。4. 脚本1滚动字幕，其中loop表示循环的次数，-1或infinite表示无限循环，behavior表示循环的方式scroll为单向移动，side设置流动文字到达边界停止，alternate设置文字到达此岸节后反向流动，scrol

10、lamount表示字母流动的速度，scrolldelay表示延时。2音频 ；3视频，其中src指向图片文件，浏览器尚未读取avi文件时，显示该图像，start指定何时播放视频属性值为fileopen和mouseover，control用来显示视频播放的控制栏。4自动刷新页面5. 可执行对象1Java Applet小程序alt=comment；2flash和通用对象第5章 层叠式样式表CSSDHTML的3要素：支持动态效果的浏览器，脚本语言javascript，vbscript和CSS样式表。1. 添加CSS样式表的方法1内嵌式：content;2内部样式表：;3链入外部样式表：;4导入外部样式

11、表：;5优先级：内嵌样式 内部样式表 导入外部样式表链入的外部样式表&内部样式表之间最后定义的优先级更高。6继承性：外部的元素样式继承给给元素所包含的其他元素，即所嵌套在元素中的元素都会继承外层元素以指定的属性值，另外样式表继承冲突时，以最后定义的样式为准。7不同的选择符定义相同的元素时，id 类选择符 标记选择符，如果加上!important，可获得最高的优先权。2. CSS概述1CSS的优点：几乎所有浏览器都支持|滤镜可以实现某些效果|样式易于管理，方便编排|通过外部CSS文件控制样式，一改全改；2CSS定义的3局部：选择符selector，属性properties和属性value的取值；

12、4.类和ID的选择符1-2略3选择符组：e.g.h1,h2,h3 color:green；5.伪类、伪对象和注释1伪类：“selector:pseudo-class property:valuel;或者“selector.class:pseudo-class property:valuel;定义时一定按照link-visited-hover-active的顺序:active向被激活的元素添加样式。:focus向拥有键盘输入焦点的元素添加样式。:hover当鼠标悬浮在元素上方时，向元素添加样式。:link 向未被访问的链接添加样式。:visited向已被访问的链接添加样式。:first-chil

13、d向元素的第一个子元素添加样式。:lang向带有指定 lang 属性的元素添加样式。2伪类和类选择符：selector.class:pseudo-class property:valuel;3伪对象：:first-letter向文本的第一个字母添加特殊样式。:first-line向文本的首行添加特殊样式。:before在元素之前添加内容。:after在元素之后添加内容。4注释：/* -content- */5. CSS的滤镜1滤镜属性标识：filter:flitername(parameters)；2滤镜的3大类：界面滤镜，静态滤镜，转换滤镜；第6章 Javascript脚本语言第7章 动态主

14、页技术根底1. 动态网页的工作原理1客户端动态网页 通过附加在浏览器上的模块插件完成，HTML代码通常随含有一套指令的文件传送至浏览器，此文件在HTML页面被引用，或与HTML代码混合在一起，当遇到客户请求时，浏览器利用这些指令生成纯HTML代码。客户端动态网页的缺点有3：需要下载客户端软件或指令代码 | 不同浏览器的解释结果不同 | 代码是公开的，效劳器资源的平安性低。2效劳器端动态页面HTML源代码与混合在其中的一套指令代码存储于效劳器中，当用户请求该页面时，这些指令在效劳器上被处理，然后再返回浏览器。动态网页，存放在效劳器端的程序，由客户端提出执行程序，在效劳器端运行，再将结果以HTML

15、的形式传回客户端具体工作原理是：1-当用户请求某个PHPCGI、ASP、JSP或ASPX等页面时，Web效劳器响应 请求，调用PHPCGI、ASP、JSP或ASPX等引擎，解释或编译并执行被申请的文件。2-假设脚本中含有访问数据库的语句，那么通过ODBC或ADO、OLE DB、JDBC等连接方式与后台数据库建立连接，再有数据库访问组件执行数据库的操作。3-PHP等脚本在效劳器端解释或编译并执行，根据从数据库获取的结果集生成符合用户需要的HTML网页，最终发送给客户端，响应用户的请求。2. ASP & ASP.NET1.NET战略 根本思路是，将侧重点从连接到互联网的单一网站或设备，转移到计算机

16、、设备和效劳群组上，使其通力合作，提供更广泛更丰富的解决方案。.net的突破和组件，略2. ASP的特点：无需Compile编译|与浏览器无关 | 面向对象 | 兼容任何ActiveX Script | ASP脚本效劳器解析，保证了平安性。3. ASP的5大内置对象Request，Response，Server，Session，Application。ASPADO_W3CSchool教程第1章 ASP简介1. 在学习之前，应具备的知识 | ASP 是什么 | ASP 文件是什么 | ASP 能为你做什么 | 在PC 上运行 ASP。2. ASP 语法 通常情况下，ASP 文件可包含效劳器端脚本

17、，此脚本被分隔符 包围。 E.g.等效于在 ASP 中可使用假设干种脚本语言，但默认的脚本语言是 VBScript，假设使用 JavaScript，就必须在页面的顶端设定。第2章 ASP根底知识 1.变量的声明1普通变量 %/dim i /for i=1 to 6/ response.write(Header & i & )/next/%/ dim h / h=hour(now()/If h h的声明和赋值必须分开2Session变量，用于存储单一用户的信息，并且对一个应用程序中的所有页面均有效。存储于 session 中的典型数据是姓名、id 或参数。3Application变量，同样对一个

18、应用程序中的所有页面均有效。Application 变量用于存储一个特定的应用程序中所有用户的信息2. ASP子程序的调用 Result: 3. ASP 表单和用户输入1Request.QueryString 命令用于搜集使用 method=get 的表单中的值。使用 GET 方法从表单传送的信息对所有的用户都是可见的出现在浏览器的地址栏，并且对所发送信息的量也有限制。2Request.Form 命令用于搜集使用 post 方法的表单中的值。使用 POST 方法从表单传送的信息对用户是不可见的，并且对所发送信息的量也没有限制。 % dim fname /其中fname是表单中txt控件的nam

19、e，method=GETfname=Request.QueryString(fname)If fname Then Response.Write(你好！ & fname & ！)End If % % dim fname 其中fname是表单中txt控件的name，method=Postfname=Request.Form(fname)If fname Then Response.Write(您好！ & fname & ！)End If %4. ASP Cookie对象1创立Cookie Response.Cookies 命令，必须位于 标签之前。2取回 Request.Cookies3Cook

20、ie键 一个 cookie 包含多个值的一个集合，即 cookie 拥有键Keys。% dim x,y for each x in Request.Cookies response.write() if Request.Cookies(x).HasKeys then for each y in Request.Cookies(x) response.write(x & : & y & = & Request.Cookies(x)(y) response.write() next else Response.Write(x & = & Request.Cookies(x) & ) end if

21、response.write next %5. 页面传值1 向 URL 添加参数 Go to Welcome Page 2使用表单First Name: Last Name: % fname=Request.form(fname) / lname=Request.form(lname)response.write(Hello & fname & & lname & !) %6. Session对象Session 对象用于存储关于用户的信息，或者为一个用户的 session 更改设置。存储于 session 对象中的变量存有单一用户的信息，并且对于应用程序中的所有页面都是可用的。存储于 sess

22、ion 对象中的信息通常是 name、id 以及参数。效劳器会为每个新的用户创立一个新的 Session，并在 session 到期时撤销掉这个 Session 对象。session默认值为 20 分钟结束。1设置Timeout 属性，更改结束时间，e.g. 2使用 Abandon 方法，立即结束，e.g. 3存储和取回 session 变量 This is the text version of the page This is the multimedia version of the page4移除SessionSession.Contents.Remove(sale)5遍历 conte

23、nts 集合%dim i / For Each i in Session.Contents Response.Write(i & ) / Next / %7. ASP Application 对象Application 对象用于存储和访问来自任何页面的变量，类似于 session 对象。不同之处在于，所有的用户分享一个 Application 对象，而 session 对象和用户是一一对应的。8. ASP 文件引用通过使用 #include 指令，我们可以在效劳器执行 ASP 文件之前，把另一个ASP文件插入这个文件中。#include 命令用于在多个页面上创立需要重复使用的函数、页眉、页脚或

24、者其他元素等。9. ASP Global.asa 文件Global.asa 文件是一个可选的文件，它可包含可被 ASP 应用程序中每个页面访问的对象、变量以及方法的声明。 Global.asa 文件可包含以下内容：Application 事件，Session 事件 ， 声明，TypeLibrary 声明 ，#include 指令 。10. ASP 使用 CDOSYS 发送电子邮件第3章 ASP对象1. Response 对象 ASP Response 对象用于从效劳器向用户发送输出的结果。1属性集 Cookies 设置 cookie 的值。假设不存在，就创立 cookie ，然后设置指定的值。

25、 2属性 Status 规定由效劳器返回的状态行的值。 Charset 将字符集的名称追加到 Response 对象中的 content-type 报头。 ContentType 设置 Response 对象的 内容类型。 3方法 Redirect 把用户重定向到另一个 URL。 Write 向输出写指定的字符串。 Clear 去除已缓存的 HTML 输出。 e.g. response.write(这段文本的样式)2. ASP Request 对象1属性集Cookies 包含了 请求中发送的所有 cookie 值 Form 包含了使用 post 方法由表单发送的所有的表单输入值 QuerySt

26、ring 包含了 查询字符串中所有的变量值 ServerVariables 包含了所有的效劳器变量值 e.g.1 % dim fnamefname=Request.QueryString(fname)If fname Then Response.Write(你好！ & fname & ！)End If %当有2个名为name的txtbox时，从QueryString中取出值% If Request.QueryString Then If Request.QueryString(name), Then name1=Request.QueryString(name)(1) name2=Reques

27、t.QueryString(name)(2) end ifend if%e.g.3 Forms集合e.g.4 Request.Form(name).Count3. ASP ADO对象ADO 是一项微软公司的技术，即 ActiveX Data Objects Active-X 组件，随着微软 IIS 自动安装，ADO 是用以访问数据库中数据的编程接口。从 ASP 文件内部访问数据库的通常途径是：A. 创立至数据库的 ADO 连接ADO connection B. 翻开数据库连接 C. 创立 ADO 记录集ADO recordset D. 翻开记录集recordset E. 从数据集中提取你所需要

28、的数据 F. 关闭数据集 G. 关闭连接 4. ASP Server 对象5. ASP Server 对象的作用是访问有关效劳器的属性和方法。1ScriptTimeout属性 设置或返回在一段脚本终止前它所能运行时间秒的最大值。 2CreateObject方法 创立对象的实例instance。 6. ASP ASPError 对象用于显示在 ASP 文件的脚本中发生的任何错误的详细信息。7. ASP FileSystemObject 对象对象用于访问效劳器上的文件系统。8. ASP TextStream 对象对象用于访问文本文件的内容。9. ASP Drive 对象用于返回关于本地磁盘驱动器或

29、者网络共享驱动器的信息。10. ASP File 对象用于返回关于指定文件的信息11. ASP Folder 对象用来返回有关指定文件夹的信息。12. ASP Dictionary 对象用于在结对的名称/值中存储信息等同于键和工程。13. ASP Application 对象14. ASP Session 对象第4章 ADO对象详解1. ADO 数据库连接 1DSN-less 数据库连接最简单，且可被用于您的站点上的任何微软 Access 数据库设northwind.mdb 的数据库位于 c:/webdata/ 的web 目录中，那么2ODBC 数据库连接设northwind 的 ODBC 数

30、据库，那么2. ADO Recordset记录集1创立一个 ADO 表记录集ADO Table Recordsete.g.1 e.g.2 /Customers是数据表的名称2从记录集中提取数据e.g.1 3. 使用ADO对象显示数据表信息使用 SQL创立查询，可指定仅查看选定的记录和字段 do until rs.EOF for each x in rs.Fields Response.Write(x.name) Response.Write( = ) Response.Write(x.value & ) next Response.Write() rs.MoveNextlooprs.close

31、 conn.closee.g.2 4. SQL语句复习 sql=SELECT Companyname, Contactname FROM Customers WHERE CompanyName LIKE A% sql=SELECT Companyname, Contactname FROM Customers ORDER BY CompanyName5. 使用ADO对象添加记录% set conn=Server.CreateObject(ADODB.Connection)conn.Provider=Microsoft.Jet.OLEDB.4.0 conn.Open c:/webdata/nor

32、thwind.mdbsql=INSERT INTO customers (customerID,companyname,sql=sql & contactname,address,city,postalcode,country)sql=sql & VALUES sql=sql & ( & Request.Form(custid) & ,sql=sql & & Request.Form(compname) & ,sql=sql & & Request.Form(contname) & ,sql=sql & & Request.Form(address) & ,sql=sql & & Reques

33、t.Form(city) & ,sql=sql & & Request.Form(postcode) & ,sql=sql & & Request.Form(country) & )on error resume next conn.Execute sql,recaffectedif err0 then Response.Write(No update permissions!)else Response.Write( & recaffected & record added)end if conn.close %l 使用 INSERT command 命令时，请注意以下事项：如果表含有一个主

34、键，请确保向主键字段添加的值是唯一且非空的否那么，provider 就不会追加此记录，亦或发生错误；如果表含有一个自动编号的字段，请不要在 INSERT 命令中涉及此字段这个字段的值是由 provider 负责的 6. ADO 更新记录if Request.form(companyname)= then set rs=Server.CreateObject(ADODB.Recordset) rs.open SELECT * FROM customers WHERE customerID= & cid & ,conn % %else sql=UPDATE customers SET compan

35、yname=i,contactname=i on error resume next conn.Execute sql if err0 then response.write(No update permissions!) else response.write(Record & cid & was updated!) end if end ifconn.close %7. ADO 删除记录 %else sql=DELETE FROM customers sql=sql & WHERE customerID= & cid & on error resume next conn.Execute

36、sql if err0 then response.write(No update permissions!) else response.write(Record & cid & was deleted!) end if end ifconn.close %8. ADO 的GetString()方法 可加速脚本，代替多行的 Response.Write语法 str = rs.GetString(format,rows,coldel,rowdel,nullexpr) ，其中coldel - 用作列分隔符的 HTML，rowdel - 用作行分隔符的 HTML，nullexpr - 当列为空时所

37、使用的 HTML 。%set rs = Server.CreateObject(ADODB.recordset)rs.Open SELECT Companyname, Contactname FROM Customers, connstr=rs.GetString(, ) % 9. ADO的对象ADO Command ADO Connection ADO Error ADO Field ADO Parameter ADO Property ADO Record ADO Recordset ADO Stream第5章 ASP 组件1. ASP AdRotator 组件每当用户进入网站或

38、刷新页面时，ASP AdRotator 组件就会创立一个 AdRotator 对象来显示一幅不同的图片。语法：AdRotator 组件的属性：Border 属性，规定围绕广告的边框的尺寸；Clickable 属性，规定广告本身是否是超级链接；TargetFrame 属性，显示广告的框架名称。AdRotator 组件的方法：GetAdvertisement 方法，返回在页面中显示广告的 HTML。2. ASP Browser Capabilities 组件可测定访问者浏览器的类型、性能以及版本号。语法 ASP Content Linking 组件用于创立快捷便利的导航系统。Content Lin

39、king 组件会返回一个 Nextlink 对象，这个对象用于容纳需要导航网页的一个列表。语法 ASP Content Rotator 创立一个 ContentRotator 对象，每当用户访问或者刷新某个页面时，该对象就会显示一段不同的 HTML 内容字符串。一个名为内容目录文件Content Schedule File的文本文件包含着有关内容字符串的信息。内容字符串可包含 HTML 标签，这样你就可以显示 HTML 可呈现的任何内容：文本、图像、颜色或者超级链接。语法 VBScript教程_W3CSchool第1章 VBScript 简介1. 概述 VBScript是微软的编程语言 Vis

40、ual Basic 的轻量级的版本。当VBScript 被插入一个 HTML 文档后，因特网浏览器会读取这个文档，并对 VBScript 进行解释。VBScript 可能会立即执行，也可能在之后的事件发生时执行。2. 在HTML中嵌入VBScriptdocument.write(Hello from VBScript!)3. 变量 1在 VBScript 中，所有的变量都与类型相关，可存储不同类型的数据。变量名称的规那么：必须以字母开头 | 不能包含点号 (.) 不能超过 255 个字符。2使用 Dim、Public 或 Private 语句来声明变量e.g. dim name name=so

41、me value。3数组变量 dim names(2) names(0)=George names(1)=John names(2)=Thomas 多维数组 dim table(4, 6) /定义3个元素的数组4. VBScript 程序子程序和函数程序1. 子程序：是一系列的语句，被封装在 Sub 和 End Sub 语句内， 没有返回值，可带有通过程序调用来向子程序传递参数。 如果没有，必须带有空的圆括号 。Sub mysub(argument1,argument2) some statements End Sub VBScript语句以换行作为结束2函数程序：是一系列的语句，被封装在 F

42、unction 和 End Function 语句内。 可执行某些操作并返回值。通过向函数程序名赋值的方式，可使其返回值。Function myfunction(argument1,argument2) some statements myfunction=some valueEnd Function3函数和子程序的调用：调用子程序，Call MyProc(argument)或者，也可以省略 Call 语句，MyProc argument；函数的调用，类比之。5. VBScript语句1条件语句 if 语句 | if.then.else | if.then.elseif 和select cas

43、e 语句no breakselect case payment case Cash msgbox You are going to pay cashcase Else msgbox Unknown method of paymentend select2循环语句A. For.Next 语句 step省略时默认为1，使用 Exit 关键词退出For i=2 To 10 Step 2 some code NextB. For.each.next 循环 for each x in names document.write(x & ) nextC. Do.While 循环 do while i 10 document.write(i & ) i=i+1loopactively carry out the law on civil air defense education, drawn out of the air defense in Pingliang city Building under easy fare, daily special inspection and regulation, overfulfilled the province upper and lower knots of up to 500,000 yuan fee coll