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

南师大教育技术学考研笔记_Web程序设计 作者： 日期：iNote_Web程序设计第1章 WWW简介第2章 网站策划设计与服务器架设管理第3章 HTTP协议及其开发与HTML语言基础第4章 HTML高级应用及编辑工具第5章 层叠式样式表（CSS）第6章 Javascript脚本语言第7章 动态主页技术基础第8章 XML技术与Ajax技术第1章 WWW简介1. web技术的3要素：统一资源定位技术（URL） | 应用层协议（HTTP） | 超文本技术（HTML）技术。2. web高级技术：动态网关接口技术（CGI） | Applet技术 | Javascript技术 | ServletJSPASPPHP技术 | Flash技术等。3. WWW的新技术（略）练习题1. Internet & WWWinternet的WWW的基础，web是internet平台上的一种应用和服务。2. URL:80/index.asp包含了http和www，3者什么关系？http是通信协议，所有html文件的发布和接收要按http协议的标准来；www表示基于超文本方式进行信息查询服务，URL通过定义资源位置的抽象标识来定义网络资源。第2章 网站策划设计与服务器架设管理1. 网站设计流程初始会商 概念开发 内容综合 HTML布局和导航 媒体制作 内容整合 网站测试 交付。2. 网站策划3. 网站的设计1）CI形象设计：Logo网站主色调标准字体宣传标语。（适合网页标准的色系：蓝色黄/橙色黑/灰/白色）2）总体结构设计 文件的结构化存放页面间的逻辑结构。 3-6）版面设计色彩设计导航设计信息可用性设计。. ISS安装与配置Apache的安装与配置Tomcat的安装与配置网站安全练习题1. 如何判断本机已经安装过ISS？查看控制面板-添加或删除程序-应用程序服务器-IIS是否勾选。2. 网站安全的基本原则是什么？第3章 HTTP协议及其开发与HTML语言基础1.HTTP协议1）HTTP协议（Hypertext Transfer Protocol）是用于从www服务器传输超文本到本地浏览器的传送协议，在TCP/IP协议栈中属于应用层；2）HTTP的工作原理：请求信息，相应信息；3）HTTP应用开发：HTTP客户程序（实现用户与服务器之间的交互，如浏览器文件下载程序web机器人）。2. HTML概述1）超文本：1种信息管理方式，本质含义是非线性的文章组织方式，采用了符合人脑思维模式的联想机制对庞大的信息资源进行索引的一种非线性结构超文本即“超级练级+文本）；2）超媒体：即超文本+多媒体；3）HTML：超文本置标语言。3. 超文本标记语法及文档结构1）标签及其属性：单标签双标签属性；2）在和标签名之间没有空格；3）字符引用：a. 数值字符引用 b. 字符实体引用（以&开始，以;结束）；copyright©registered trademark®TM 商标 ™ 空格  5）注释：；6）HTML的Header：meta标签，单标签，可分为2部分，HTTP标题信息（HTTP-EQUIV）和页面描述信息。HTTP标题信息：显示字符集：刷新：期限：Cookie设置：页面信息描述： 的属性：link（超链接的颜色）| alink（单击超链接时的颜色）|vlink（访问后超链接的颜色）|background（背景图片）|bgcolor（背景颜色）|leftmargin/topmargin（边距）|text（页面文字的颜色）常用的颜色对照表白色225225225#FFFFFF黑色000#000000红色25500#FF0000绿色02550#00FF00蓝色00255#0000FF青色0255255#00FFFF深红色2550255#FF00FF黄色2552550#FFFF003. HTML的基本语法1）标题和段落：a.H1H7，N越大，字号越小；有align属性；b.可以看做2个强制换行符；c.显示预排格式标签；d. 水平线2）文字标签（FONT）size（1-7），face，color；3）列表无序列表，li和ul都有type属性，现则列表符号的样式；有序列表 ，亦可以在ol或li的type属性设置样式；定义列表 4）超级链接锚点标签：name和href不能同时使用，name只作为锚链接的标志；相对地址：“./”代表退回上一级目录；“#name”代表本页的链接；电子邮件：“mailto:” 5）表格即表头，按粗体显示的属性集：border，width，height，cellspacing，cellpadding，background，bodercolor，align；给表格加标题，嵌在里面；跨多行跨多列的表项有colspan和rowspan属性；表格的分组显示：可以是单标签；具有align属性（center，left，right，justify）和valign属性（top，bottom，middle，baseline）6）图像常用格式：gif（256种颜色，可制作透明，隔行和动画效果）和jpeg。文本和图片的混排：align：top|middle|bottom | left|right图片上的热区：第4章 HTML高级应用及编辑工具1. 框架1）框架结构;2）3）框架间的链接target的4个特殊操作值：_blank（在新的浏览器窗口打开），_self（在当前窗口打开），_top（在整个浏览器窗口打开），_parent（在父窗口打开）。2. 表单1）表单架构：2）action：表单处理的方式，一般是网址或者E-mail地址；3）method：表单数据的传送方向，get或post；4）input的常用属性：type，name，size，maxlength等。3. 控件1）文字和密码输入框（type=text/password name=），其中name作为标识符；2）按钮（重置和提交）（type=button/rest/submit value=btn_name）；3）复选框和单选按钮（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设置文字到达彼岸节后反向流动），scrollamount表示字母流动的速度，scrolldelay表示延时。2）音频 ；3）视频，其中src指向图片文件，浏览器尚未读取avi文件时，显示该图像，start指定何时播放视频（属性值为fileopen和mouseover），control用来显示视频播放的控制栏。4）自动刷新页面5. 可执行对象1）Java Applet小程序alt=”comment”；2）flash和通用对象第5章 层叠式样式表（CSS）DHTML的3要素：支持动态效果的浏览器，脚本语言（javascript，vbscript）和CSS样式表。1. 添加CSS样式表的方法1）内嵌式：content;2）内部样式表：;3）链入外部样式表：;4）导入外部样式表：;5）优先级：内嵌样式 内部样式表 导入外部样式表（链入的外部样式表&内部样式表之间最后定义的优先级更高）。6）继承性：外部的元素样式继承给给元素所包含的其他元素，即所嵌套在元素中的元素都会继承外层元素以指定的属性值，另外样式表继承冲突时，以最后定义的样式为准。7）不同的选择符定义相同的元素时，id 类选择符 标记选择符，如果加上!important，可获得最高的优先权。2. CSS概述1）CSS的优点：几乎所有浏览器都支持|滤镜可以实现某些效果|样式易于管理，方便编排|通过外部CSS文件控制样式，一改全改；2）CSS定义的3部分：选择符（selector），属性（properties）和属性（value）的取值；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-child向元素的第一个子元素添加样式。: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章 动态主页技术基础1. 动态网页的工作原理1）客户端动态网页 通过附加在浏览器上的模块（插件）完成，HTML代码通常随含有一套指令的文件传送至浏览器，此文件在HTML页面被引用，或与HTML代码混合在一起，当遇到客户请求时，浏览器利用这些指令生成纯HTML代码。客户端动态网页的缺点有3：需要下载客户端软件或指令代码 | 不同浏览器的解释结果不同 | 代码是公开的，服务器资源的安全性低。2）服务器端动态页面HTML源代码与混合在其中的一套指令代码存储于服务器中，当用户请求该页面时，这些指令在服务器上被处理，然后再返回浏览器。（动态网页，存放在服务器端的程序，由客户端提出执行程序，在服务器端运行，再将结果以HTML的形式传回客户端）具体工作原理是：1-当用户请求某个PHP（CGI、ASP、JSP或ASPX等）页面时，Web服务器响应HTTP请求，调用PHP（CGI、ASP、JSP或ASPX等）引擎，解释（或编译）并执行被申请的文件。2-若脚本中含有访问数据库的语句，则通过ODBC（或ADO、OLE DB、JDBC等连接方式）与后台数据库建立连接，再有数据库访问组件执行数据库的操作。3-PHP等脚本在服务器端解释（或编译）并执行，根据从数据库获取的结果集生成符合用户需要的HTML网页，最终发送给客户端，响应用户的请求。2. ASP & ASP.NET1）.NET战略 基本思路是，将侧重点从连接到互联网的单一网站或设备，转移到计算机、设备和服务群组上，使其通力合作，提供更广泛更丰富的解决方案。（.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 文件可包含服务器端脚本，此脚本被分隔符 包围。 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的声明和赋值必须分开）2）Session变量，用于存储单一用户的信息，并且对一个应用程序中的所有页面均有效。存储于 session 中的典型数据是姓名、id 或参数。3）Application变量，同样对一个应用程序中的所有页面均有效。Application 变量用于存储一个特定的应用程序中所有用户的信息2. ASP子程序的调用 Result: 3. ASP 表单和用户输入1）Request.QueryString 命令用于搜集使用 method=get 的表单中的值。使用 GET 方法从表单传送的信息对所有的用户都是可见的（出现在浏览器的地址栏），并且对所发送信息的量也有限制。2）Request.Form 命令用于搜集使用 post 方法的表单中的值。使用 POST 方法从表单传送的信息对用户是不可见的，并且对所发送信息的量也没有限制。e.g.1 % dim fname /其中fname是表单中txt控件的name，method=GETfname=Request.QueryString(fname)If fname Then Response.Write(你好！ & fname & ！)End If % e.g.2 % 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.Cookies3）Cookie键 一个 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 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 对象中的变量存有单一用户的信息，并且对于应用程序中的所有页面都是可用的。存储于 session 对象中的信息通常是 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）遍历 contents 集合%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 命令用于在多个页面上创建需要重复使用的函数、页眉、页脚或者其他元素等。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 ，然后设置指定的值。 2）属性 Status 规定由服务器返回的状态行的值。 Charset 将字符集的名称追加到 Response 对象中的 content-type 报头。 ContentType 设置 Response 对象的 HTTP 内容类型。 3）方法 Redirect 把用户重定向到另一个 URL。 Write 向输出写指定的字符串。 Clear 清除已缓存的 HTML 输出。 e.g. response.write(这段文本的样式)2. ASP Request 对象1）属性集Cookies 包含了 HTTP 请求中发送的所有 cookie 值 Form 包含了使用 post 方法由表单发送的所有的表单（输入）值 QueryString 包含了 HTTP 查询字符串中所有的变量值 ServerVariables 包含了所有的服务器变量值 e.g.1 % dim fnamefname=Request.QueryString(fname)If fname Then Response.Write(你好！ & fname & ！)End If %e.g.2当有2个名为name的txtbox时，从QueryString中取出值% If Request.QueryString Then If Request.QueryString(name), Then name1=Request.QueryString(name)(1) name2=Request.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. 从数据集中提取你所需要的数据 F. 关闭数据集 G. 关闭连接 4. ASP Server 对象5. ASP Server 对象的作用是访问有关服务器的属性和方法。1）ScriptTimeout属性 设置或返回在一段脚本终止前它所能运行时间（秒）的最大值。 2）CreateObject方法 创建对象的实例（instance）。 6. ASP ASPError 对象用于显示在 ASP 文件的脚本中发生的任何错误的详细信息。7. ASP FileSystemObject 对象对象用于访问服务器上的文件系统。8. ASP TextStream 对象对象用于访问文本文件的内容。9. ASP Drive 对象用于返回关于本地磁盘驱动器或者网络共享驱动器的信息。10. ASP File 对象用于返回关于指定文件的信息11. ASP Folder 对象用来返回有关指定文件夹的信息。12. ASP Dictionary 对象用于在结对的名称/值中存储信息（等同于键和项目）。13. ASP Application 对象14. ASP Session 对象第4章 ADO对象详解1. ADO 数据库连接 1）DSN-less 数据库连接（最简单，且可被用于您的站点上的任何微软 Access 数据库）设northwind.mdb 的数据库位于 c:/webdata/ 的web 目录中，则2）ODBC 数据库连接设northwind 的 ODBC 数据库，则2. ADO Recordset（记录集）1）创建一个 ADO 表记录集（ADO Table Recordset）e.g.1 e.g.2 /Customers是数据表的名称2）从记录集中提取数据e.g.1 3. 使用ADO对象显示数据表信息（使用 SQL创建查询，可指定仅查看选定的记录和字段）e.g.1 do until rs.EOF for each x in rs.Fields Response.Write() Response.Write( = ) Response.Write(x.value & ) next Response.Write() rs.MoveNextlooprs.close conn.closee.g.2 4. SQL语句复习e.g.2 sql=SELECT Companyname, Contactname FROM Customers WHERE CompanyName LIKE A%e.g.2 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/northwind.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 & & Request.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 命令时，请注意以下事项：如果表含有一个主键，请确保向主键字段添加的值是唯一且非空的（否则，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 companyname=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 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 - 当列为空时所使用的 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 组件每当用户进入网站或刷新页面时，ASP AdRotator 组件就会创建一个 AdRotator 对象来显示一幅不同的图片。语法：AdRotator 组件的属性：Border 属性，规定围绕广告的边框的尺寸；Clickable 属性，规定广告本身是否是超级链接；TargetFrame 属性，显示广告的框架名称。AdRotator 组件的方法：GetAdvertisement 方法，返回在页面中显示广告的 HTML。2. ASP Browser Capabilities 组件可测定访问者浏览器的类型、性能以及版本号。语法 ASP Content Linking 组件用于创建快捷便利的导航系统。Content Linking 组件会返回一个 Nextlink 对象，这个对象用于容纳需要导航网页的一个列表。语法 ASP Content Rotator 创建一个 ContentRotator 对象，每当用户访问或者刷新某个页面时，该对象就会显示一段不同的 HTML 内容字符串。一个名为内容目录文件（Content Schedule File）的文本文件包含着有关内容字符串的信息。内容字符串可包含 HTML 标签，这样你就可以显示 HTML 可呈现