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

资源描述

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技术 | Servlet·JSP·ASP·PHP技术 | Flash技术等。 3. WWW的新技术（略）练习题 1. Internet & WWW internet的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）版面设计·色彩设计·导航设计·信息可用性设计。 4.5.6.7. 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标题信息：<META http-equiv =”Class” content=”内容”> 显示字符集：<META http-equiv=”content-type” content=”text/html;charest=GB2132”> 刷新：< META http-equiv=”refresh” content=”30”> 期限：< META http-equiv=”expires” content =”Wed,26 Feb 1998 08:23:38 GMT”> Cookie设立：< META http-equiv=”set-cooie” content=”cookievalue=***,expiers= Wed,26 Feb 1998 08:23:38 GMT;path=/”> 页面信息描述：< META name=”Keywords/Description/Robots/Author/Copytright” content=”内容”> <title></title> <body></body> 的属性：link（超链接的颜色）| alink（单击超链接时的颜色）|vlink（访问后超链接的颜色）|background（背景图片）|bgcolor（背景颜色）|leftmargin/topmargin（边距）|text（页面文字的颜色）常用的颜色对照表白色 225 225 225 #FFFFFF 黑色 0 0 0 #000000 红色 255 0 0 #FF0000 绿色 0 255 0 #00FF00 蓝色 0 0 255 #0000FF 青色 0 255 255 #00FFFF 深红色 255 0 255 #FF00FF 黄色 255 255 0 #FFFF00 3. HTML的基本语法 1）标题和段落： a.H1~H7，N越大，字号越小；有align属性； b.<p>可以看做2个强制换行符<br>； c.显示预排格式标签<PRE>； d. <HR align, size, width, color(,noshade)>水平线 2）文字标签（FONT） size（1-7），face，color；<B><I><U><STRIKE（删除线）><SUB><SUP><BIG><SMALL> 3）列表无序列表 <ul><li><li（单标签）></ul>，li和ul都有type属性，现则列表符号的样式；有序列表 <ol><li><li></ol>，亦可以在ol或li的type属性设立样式；定义列表 <DL><DT><DD></DL> 4）超级链接锚点标签：name和href不能同时使用，name只作为锚链接的标志；相对地址：“../”代表退回上一级目录；“#name”代表本页的链接；电子邮件：“mailto:” 5）表格 <TH>即表头，按粗体显示 <TABLE>的属性集：border，width，height，cellspacing，cellpadding，background，bodercolor，align； <CAPTION align,valign>给表格加标题，嵌在<TABLE></TABLE>里面；跨多行跨多列的表项 <TR><TD><TH>有colspan和rowspan属性；表格的分组显示：<TABLE><THEAD></THEAD><TFOOT></TFOOT><TBODY><TBODY></TABLE> <THEAD><TBODY><TFOOT>可以是单标签； <TD><TH><TR><COL><COLGROUP>具有align属性（center，left，right，justify）和valign属性（top，bottom，middle，baseline） 6）图像常用格式：gif（256种颜色，可制作透明，隔行和动画效果）和jpeg。 <IMG scr，alt，width，height，border，hspace，vspace，align> 文本和图片的混排：align：top|middle|bottom | left|right 图片上的热区：<IMG . ..><MAP name><AREA sharp,cords, href></MAP> 第4章 HTML高级应用及编辑工具 1. 框架 1）框架结构<frameset><frame src..><frame src..></frameset>; 2）<frameset row，cols，border，bordercolor，frameborder=yes/no/1/0，framespacing> <frameset row=x, y%,*> <frame src,name,border(宽度), bordercolor, frameborder=yes/no, narginwidth, narginheight, scrolling=yes/no/auto, noresize> 3）框架间的链接 target的4个特殊操作值：_blank（在新的浏览器窗口打开），_self（在当前窗口打开），_top（在整个浏览器窗口打开），_parent（在父窗口打开）。 2. 表单 1）表单架构：<form action,method><input>……</form> 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,name,nultiple><option select,value></select>，其中select的size取1时，即为下拉列表框，multiple出现表达可以多选，option的select属性表达预选。 5）多行文本输入框<textarea name=_name，rows=x，cols=y></textarea>，其中rows和cols表达不加滚动条的情况下可见的行和列。 4. 脚本 1）滚动字幕<marquee align=top/middle/bottom bgcolor,width,height direction=left/right loop=i/-1/infinite behavior=scroll/side/alternate hspace,vspace scrollamount = m scrolldelay=n>^^^</marquee>，其中loop表达循环的次数，-1或infinite表达无限循环，behavior表达循环的方式（scroll为单向移动，side设立流动文字到达边界停止，alternate设立文字到达彼岸节后反向流动），scrollamount表达字母流动的速度，scrolldelay表达延时。 2）音频 <bgsound scr=musicfile loop=loop_num>； 3）视频<img scr=imagefile dynsrc=radiofile loop,loopdelay,start,controls>，其中src指向图片文献，浏览器尚未读取avi文献时，显示该图像，start指定何时播放视频（属性值为fileopen<默认>和mouseover），control用来显示视频播放的控制栏。 4）自动刷新页面<meta http-equiv=”Refresh” content=”秒数;url=新页面”> 5. 可执行对象 1）Java Applet小程序<applet code=”applet文献标记” codebase=”文献途径” width,height name>alt=”^^^^comment^^^^”</applet>； 2）flash和通用对象<object classid=”对象的类标记或URI” width,height codebase=” 对象文献所在途径” codetype=”可执行对象的类型” data=”对象数据的URI” type=”对象数据的类型”><param name=”属性名称” value=”属性值”>^^^</object> 第5章层叠式样式表（CSS） DHTML的3要素：支持动态效果的浏览器，脚本语言（javascript，vbscript）和CSS样式表。 1. 添加CSS样式表的方法 1）内嵌式：<tag style=”para1:value1; para2:value2;”>content</tag>; 2）内部样式表：<style type=”text/css”></style>; 3）链入外部样式表：<link rel=”stylesheet” href=”i.css” type=”text/css”>; 4）导入外部样式表：<head><style type=”text/css></style></head>; 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.NET 1）.NET战略基本思绪是，将侧重点从连接到互联网的单一网站或设备，转移到计算机、设备和服务群组上，使其通力合作，提供更广泛更丰富的解决方案。（.net的突破和组件，略） 2. ASP的特点：无需Compile编译|与浏览器无关 | 面向对象 | 兼容任何ActiveX Script | ASP脚本服务器解析，保证了安全性。 3. ASP的5大内置对象 Request，Response，Server，Session，Application。 ASP·ADO_W3CSchool教程第1章 ASP简介 1. 在学习之前，应具有的知识 | ASP 是什么 | ASP 文献是什么 | ASP 能为你做什么 | 在PC 上运营 ASP。 2. ASP 语法通常情况下，ASP 文献可包含服务器端脚本，此脚本被分隔符 <% 和 %> 包围。 E.g.<body><%response.write("Hello!")%></body>（等效于<body><%="Hello!"%></body>）在 ASP 中可使用若干种脚本语言，但默认的脚本语言是 VBScript，若使用 JavaScript，就必须在页面的顶端设定<%@ language="javascript"%>。第2章 ASP基础知识 1.变量的声明 1）普通变量 <%/dim i /for i=1 to 6/ response.write("<h" & i & ">Header " & i & "</h" & i & ">")/next/%> <%/ dim h / h=hour(now())/If h<12 then/ response.write("Good Morning!")/else/ response.write("Good day!")/end if/%> （h的声明和赋值必须分开） 2）Session变量，用于存储单一用户的信息，并且对一个应用程序中的所有页面均有效。存储于 session 中的典型数据是姓名、id 或参数。 3）Application变量，同样对一个应用程序中的所有页面均有效。Application 变量用于存储一个特定的应用程序中所有用户的信息 2. ASP子程序的调用 <p>Result: <%call vbproc(3,4)%></p> 3. ASP 表单和用户输入 1）Request.QueryString 命令用于搜集使用 method="get" 的表单中的值。使用 GET 方法从表单传送的信息对所有的用户都是可见的（出现在浏览器的地址栏），并且对所发送信息的量也有限制。 2）Request.Form 命令用于搜集使用 "post" 方法的表单中的值。使用 POST 方法从表单传送的信息对用户是不可见的，并且对所发送信息的量也没有限制。 e.g.1 <% dim fname ////其中fname是表单中txt控件的name，method=GET fname=Request.QueryString("fname") If fname<>"" Then Response.Write("你好！" & fname & "！<br />") End If %> e.g.2 <% dim fname ‘其中fname是表单中txt控件的name，method=Post fname=Request.Form("fname") If fname<>"" Then Response.Write("您好！" & fname & "！<br />") End If %> 4. ASP Cookie对象 1）创建Cookie Response.Cookies 命令，必须位于 <html> 标签之前。 <% Response.Cookies("firstname")="Alex" Response.Cookies("firstname").Expires=#May 10,2023#%> 2）取回 Request.Cookies <%fname=Request.Cookies("firstname") / response.write("Firstname=" & fname)%> 3）Cookie键一个 cookie 包含多个值的一个集合，即 cookie 拥有键（Keys）。 <% Response.Cookies("user")("firstname")="John" Response.Cookies("user")("lastname")="Adams" %> <% dim x,y for each x in Request.Cookies response.write("<p>") if Request.Cookies(x).HasKeys then for each y in Request.Cookies(x) response.write(x & ":" & y & "=" & Request.Cookies(x)(y)) response.write("<br />") next else Response.Write(x & "=" & Request.Cookies(x) & "<br />") end if response.write "</p>" next %> 5. 页面传值 1）向 URL 添加参数 <a href="welcome.asp?fname=John&lname=Adams"> Go to Welcome Page </a> <% fname=Request.querystring("fname") lname=Request.querystring("lname") %> 2）使用表单 <form method="post" action="welcome.asp"> First Name: <input type="text" name="fname" value=""> Last Name: <input type="text" name="lname" value=""> <input type="submit" value="Submit"> </form> <% fname=Request.form("fname") / lname=Request.form("lname") response.write("<p>Hello " & fname & " " & lname & "!</p>") %> 6. Session对象 Session 对象用于存储关于用户的信息，或者为一个用户的 session 更改设立。存储于 session 对象中的变量存有单一用户的信息，并且对于应用程序中的所有页面都是可用的。存储于 session 对象中的信息通常是 name、id 以及参数。服务器会为每个新的用户创建一个新的 Session，并在 session 到期时撤消掉这个 Session 对象。session默认值为 20 分钟结束。 1）设立Timeout 属性，更改结束时间，e.g. <%Session.Timeout=5%> 2）使用 Abandon 方法，立即结束，e.g. <% Session.Abandon %> 3）存储和取回 session 变量 <% Session("username")="Donald Duck" %> <%If Session("username ")="low" Then%> This is the text version of the page <%Else%> This is the multimedia version of the page <%End If%> 4）移除Session Session.Contents.Remove("sale") 5）遍历 contents 集合 <%dim i / For Each i in Session.Contents Response.Write(i & "<br />") / 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 事件，<object> 声明，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("<p style='color:#0000ff'>这段文本的样式</p>") 2. ASP Request 对象 1）属性集 Cookies 包含了 HTTP 请求中发送的所有 cookie 值 Form 包含了使用 post 方法由表单发送的所有的表单（输入）值 QueryString 包含了 HTTP 查询字符串中所有的变量值 ServerVariables 包含了所有的服务器变量值 e.g.1 <% dim fname fname=Request.QueryString("fname") If fname<>"" Then Response.Write("你好！" & fname & "！<br />") 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 if end if %> e.g.3 Forms集合 <% dim fname fname=Request.Form("fname") %> e.g.4 Request.Form("name").Count 3. 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 目录中，则 <% set conn=Server.CreateObject("ADODB.Connection") conn.Provider="Microsoft.Jet.OLEDB.4.0" conn.Open "c:/webdata/northwind.mdb" %> 2）ODBC 数据库连接设"northwind" 的 ODBC 数据库，则 <% set conn=Server.CreateObject("ADODB.Connection") conn.Open "northwind" %> 2. ADO Recordset（记录集） 1）创建一个 ADO 表记录集（ADO Table Recordset） e.g.1 <% set conn=Server.CreateObject("ADODB.Connection") conn.Provider="Microsoft.Jet.OLEDB.4.0" · conn.Open "c:/webdata/northwind.mdb" set rs=Server.CreateObject("ADODB.recordset") rs.Open "Customers", conn %> e.g.2 <% set rs=Server.CreateObject("ADODB.recordset") rs.Open "Select * from Customers", conn %> //Customers是数据表的名称 2）从记录集中提取数据 e.g.1 <% set rs=Server.CreateObject("ADODB.recordset") rs.Open "Select * from Customers", conn for each x in rs.fields response.write(x.name) · response.write(" = ") · response.write(x.value) next %> 3. 使用ADO对象显示数据表信息（使用 SQL创建查询，可指定仅查看选定的记录和字段） e.g.1 do until rs.EOF for each x in rs.Fields Response.Write(x.name) · Response.Write(" = ") Response.Write(x.value & "<br />") next Response.Write("<br />") rs.MoveNext loop rs.close · conn.close e.g.2 <table border="1" width="100%"> <%do until rs.EOF%> <tr> <%for each x in rs.Fields%> <td><%Response.Write(x.value)%></td> <%next · rs.MoveNext%> </tr> <%loop · rs.close · conn.close %> </table> 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 CompanyName" 5. 使用ADO对象添加记录 <% set conn=Server.CreateObject("ADODB.Connection") conn.Provider="Microsoft.Jet.OLEDB.4.0" · conn.Open "c:/webdata/northwind.mdb" sql="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

展开阅读全文