第一章 Web技术 精校版
第一章Web应用与开发word版
课程内容:
(1)Web技术简介
(2)HTML
(3)CSS
(4)JavaScript
(5)https://www.doczj.com/doc/cb1164846.html,
?https://www.doczj.com/doc/cb1164846.html,控件和对象
?https://www.doczj.com/doc/cb1164846.html,数据库应用程序
第一章Web技术简介
?什么是Web?
?什么是Web服务器?
?什么是Web页面?
?统一资源定位符URL
?浏览器的工作机理及种类
?C/S模式与B/S模式
?Web访问的机理
?Web开发平台的组成
?常用Web开发工具
Internet与WWW
?Internet是一个网络上的网络,或者说是一个全球范围的网间网。在Internet中分布了成千上万的计算机,这些计算机扮演的角色和所起的作用各不相同。有的计算机可以收发电子邮件,有的可以为用户传输文件,有的负责对域名进行解析,更多的机器则用于组织并展示相关的信息资源,方便用户的获取。所有这些承担服务任务的计算机统称为服务器。
?WWW服务
?文件传输服务(FTP)
?电子邮件服务(E-mail)
?远程登录服务(Telnet)
?……
Web定义
?全称为World wide web,缩写为WWW,中译为“万维网”
?万维网是一个建立在客户机/服务器(Client/Server)模型之上,以HTML语言和HTTP协议为基础,能够提供面向各种Internet服务的、一致的用户界面的一种信息服务系统。
理解Web
?1)Web是Internet提供的一种服务。
?2)Web是一个巨大的信息宝库。
?3)Web上的信息彼此关联。
?4)Web上的信息保存在Web站点中。
?5)Web简单易用。
什么是Web服务器?
?Web服务器又称WWW服务器、网站服务器、站点服务器,就是将本地的信息用超文本(Hypertext)组织,为用户在Internet上搜索和浏览信息提供服务。从本质上来说Web服务器实际上就是一个软件系统。一台计算机可以充当多个Web服务器,为提高用户的访问效率,一般情况下一台计算机只充当一个Web服务器;为提供大量用户的访问,多台计算机可以形成集群,只提供一个Web服务。平常,我们将只充当一个Web服务器的一台计算机就叫做Web服务器。
什么是Web页面?
?Web在提供信息服务之前,所有信息都必须以文件方式事先存放在Web服务器所管辖磁盘中某个文件夹下,其中包含了由超文本标记语言HTML(HyperText Markup Language)组成的文本文件,我们称这些文本文件为超链接文件,又称网页文件,或称Web页面文件(Web Page)。
URL统一资源定位器
?信息资源放在Web服务器之后,需要将它的地址告诉给用户,以便让用户来访问,这就是统一资源定位符URL(Uniform Resource Locators)的功能,俗称为网址。
?URL的构成:
<协议> <主机[端口号]> <路径> <文件名>
通过不同的协议来访问因特网上的不同资源。
eg:
https://www.doczj.com/doc/cb1164846.html,/tag/六级淘金词汇/2001.html
端口
?一类是标准端口:
端口号从0到1023
?另一类须在IANA (赋值地址和端口号组织)注册登记:端口号从1024到65535
WWW的工作原理
客户端和服务器的概念
客户端
是指用来与数据提供者(服务器)通信的软件和硬件。客户端和服务器相连,发送和接收信息。
服务器
一般是指能向许多客户端同时提供数据的大型计算机。服务器一词既可以指实际的计算机,也可以指一套软件。
客户端和服务器可以在同一台电脑上,但它们通常是在由网络相连的不同电脑上。
Web 浏览器
Web 浏览器浏览器是用来解释Web 页面并完成相应转换和显示的程序。 Web 浏览器最基本的功能:
解释HTML 文档; 运行并显示Java 、ActiveX 以及脚本语言等编程语言创建的应用、程序、
动画等;
1994年Netscape Navigator 推出。
Microsoft 从1995年开始推出Web 浏览器:Internet Explorer 。
◆ 负责处理客户端的HTTP 请求并与主机上的操作系统通信。
◆ 负责为用户提供所需要的网页,并对客户端浏览器发来的请求作出响应。
浏览器/服务器的工作过程
? 用户启动浏览器,并在浏览器中指定一个URL ,浏览器便向该URL 所指向的Web
服务器发出请求
HTT P
客户浏览器
Web 服务器
客户浏览器
? Web 服务器接到浏览器的请求后,把URL 转换成页面所在服务器上的文件路径名 ? 如果URL 指向的是普通的HTML 文档,Web 服务器直接将它送给浏览器。
? 如果HTML 文档中嵌有CGI 程序,Web 服务器就运行CGI 程序,并将结果传送至
浏览器。
浏览器/服务器的工作过程
什么是HTTP 协议
HTTP (Hypertext Transport Protocol ):超文本传输协议
它不仅保证计算机正确快速地传输超文本文档,还确定传输文档中的哪一部分,以
及哪部分内容首先显示(如文本先于图形)等
它是建立在TCP/IP 协议基础上的应用层协议, 采用统一资源标识码定位WWW
服务器的资源,并获取它。 HTTP 是请求/响应式协议 HTTP 的宏观工作原理 统一资源标识符(URL) 协议版本号
MIME 信息(请求修饰符、客户机信息和可能的内容)
状态行(信息的协议版本号、一个成功或错误的代码)
客户机
服务器
响应
MIME 信息( 服务器信息、实体信息和可能的内容) 一个请求例子
Get /mattmarg/ HTTP/1.0
User-Agent: Mozilla/2.0 (Macintosh; I; PPC) Accept: text/html; */* Cookie: name = value
Referer: https://www.doczj.com/doc/cb1164846.html,/html/96/47/index2a.html Host: https://www.doczj.com/doc/cb1164846.html, 一个响应例子
HTTP/1.0 200 Found
Date: Mon, 10 Feb 1997 23:48:22 GMT Server: Apache/1.1.1 HotWired/1.0 Content-type: text/html
Last-Modified: Tues, 11 Feb 1997 22:45:55 GMT
HTTP 协议基础
1.建立连接
2.发送请求
3.发送响应
4.关闭连接
HTTP 的特点
? 以Client/Server 模型为基础。 ? 简易性。
? 客户机要连接到服务器,只需发送请求方式和URL 路径等少量信息。HTTP
规范定义了七种请求方式,最常用的有三种:GET 、HEAD 和POST 。
? 灵活性。
? HTTP 允许任意类型数据的传送。内容-类型(content-type)标识指示了所传输
数据的类型。
? “无连接”性。
客户机
服务器
?“无连接”意味着每次连接只限处理一个请求。客户要建立连接需先发出请
求,收到响应,然后断开连接。
?无状态性。
?这既是优点也是缺点。一方面,由于缺少状态使得HTTP累赘少,系统运行
效率高;另一方面,缺少状态意味着所需的前面信息必须重现,导致每次连
接需要传送较多的信息。
Cookie
用于存储客户端的状态,其流程为:
(1)当客户端请求一URL时,服务器在响应的表头中附加数个Set-Cookie表头
(2)客户端收到此表头时将Cookie信息存储在硬盘中
(5)当客户再次请求相同的URL时,将Cookie信息发往服务器
(4)服务器根据客户的Cookie信息决定其下一步的操作并将新的Set-Cookie送往客户端
C/S模式与B/S模式
?C/S计算模式将应用一分为二:前端是客户机,几乎所有的应用逻辑都在客户端进行和表达,客户机完成与用户的交互任务。后端是服务器,它负责后台数据的查询和管理、大规模的计算等服务。通常客户端的任务比较繁重,称作“肥”客户端,而服务器端的任务较轻,称作“瘦”服务器。
?C/S模式的结构如图1-3所示:
?C/S计算模式具有以下几个方面的优点:通过异种平台集成,能够协调现有的各种基础结构:分布式管理;能充分发挥客户端PC的处理能力,安全、稳定、速度快,且在适当情况下可脱机操作。
?B/S模式的结构如图1-4所示。
图1-4 B/S模式结构
?B/S模式与传统的C/S模式相比体现了集中式计算的优越性:具有良好的开放性,利用单一的访问点,用户可以在任何地点使用系统;用户可以跨平台以相同的浏览
器界面访问系统;因为在客户端只需要安装浏览器,取消了客户端的维护工作,有效地降低了整个系统的运行和维护成本。
Web开发平台的组成
.NET开发平台
?2000年6月,微软公司宣布其.NET战略。2001年,ECMA通过了Microsoft提交的C#语言和CLI标准,这两个技术标准构成了.NET平台的基石。2002年,Microsoft 正式发布.NET Framework和Visual Studio .NET开发工具。
?微软公司的.NET战略揭示了一个全新的境界,提供了一个新的软件开发模型。.NET 战略的一个关键特性在于它独立于任何特定的语言或平台。它不要求程序员使用一种特定的程序语言。相反,开发者可使用多种.NET兼容语言的任意组合来创建一个.NET应用程序。多个程序员可致力于同一个软件项目,但分别采用自己最精通的.NET语言编写代码。
Java EE开发平台
Java EE(Java ENTERPRISE EDITION)是纯粹基于Java的解决方案,之前较低版本叫做J2EE。1998年SUN发布了EJB 1.0标准,EJB为企业级应用中必不可少的数据封装、事务处理、交易控制等功能提供了良好的技术基础。J2EE平台的三大核心技术SERVLET、JSP 和EJB都已先后问世。1999年,SUN正式发布了J2EE的第一个版本。紧接着,遵循J2EE 标准,为企业级应用提供支撑平台的各类应用服务软件争先恐后地涌现了出来。IBM的WebSphere、BEA的WebLogic都是这一领域里最为成功的商业软件平台。
网页制作工具
1.Sausage HotDog Professional
?HotDog是较早基于代码的网页设计工具,支持最新的Web标准和扩展,其最具特色的是提供了许多向导工具,能帮助设计者制作页面中的复杂部分。
?HotDog是个功能强大的软件,对于那些希望在网页中加入CSS、Java、RealVideo 等复杂技术的高级设计者,是个很好的选择。
2.Adobe Dreamweaver、Fireworks、Flash、Golive
Dreamweaver友好的界面、功能强大和快捷的工具以及可视化特征,可以使初学者直接在页面上添加和编辑元素,而不用写源代码,软件会自动将结果转换为HTML源代码,而且它还集成了目前最流行的制作网页的多种功能,比如可通过层叠样式(CSS)格式化文本,通过表格定位网页元素,通过时间轴实现一些网页的动画,以及可进行源代码编写修改功能等,大大方便了网页设计者。
?Fireworks也是由Macromedia公司开发的一种工具。它以处理网页图片为特长,并可以轻松创作GIF动画。它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发,内建丰富的支持网络出版功能,比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks 具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与Dreamweaver的联系,可以导出为配合CSS式样的网页及图片。
3.Microsoft FrontPage 2003
?FrontPage是微软推出的Microsoft办公系列软件Office家族的成员之一,它是具有“所见即所得”特点的网页制作软件,使用FrontPage2003制作网页,你能真正体会到“功能强大,简单易用”的含义。FrontPage2003的主要功能是设计、制作、管理网页或站点,它的操作对象主要是网页或网站。从单个的网页到复杂的网站的设计制作,以及本地或远程网站的管理,都可以使用FrontPage2003完成。FrontPage2003带有
图形和GIF动画编辑器,支持CGI和CSS。
IBM Eclipse
?Eclipse是一种可扩展的开放源代码的IDE(集成开发环境),由IBM出资组建。Eclipse 允许在同一IDE中集成来自不同供应商的工具,并实现了工具之间的互操作性,从而显著改善了项目工作流程,使开发者可以专注在实际开发目标上。Eclipse的最大特点是它能接受由Java开发者自己编写的开放源代码插件,这类似于微软公司的Visual Studio和Sun公司的NetBeans平台。Eclipse为工具开发商提供了更好的灵活性,使他们能更好地控制自己的软件技术。Eclipse框架灵活、扩展容易,因此很受开发人员的喜爱,目前它的支持者越来越多,大有成为Java第一开发工具之势。
它的缺点是较复杂,初学者理解起来比较困难。
Web基本技术介绍
?HTML技术
?DHTML技术
?什么是Java Applet
?JavaScript与VBScript
?ActiveX
?CGI技术
?PHP
?JSP
?ASP/https://www.doczj.com/doc/cb1164846.html,
?Web Services
HTML技术
?HTML是HyperText Markup Language(超文本标记语言)的缩写,是一种用来制作超文本文档的简单标记语言,它实际上是标准通用标记语言(SGML,Standard Generalized Markup Language)的一个子集。
?HTML文件是一种纯文本文件,通常它带有.htm或.html的文件扩展名(在UNIX和Windows 95中的扩展名为.html)。
DHTML技术
?DHTML即动态的HTML语言(Dynamic HTML)。除了具有HTML语言的一切性质外,其最大的突破就是可以实现在下载网页后仍然能实时变换页面元素效果、使人们在浏览Web页面时看到五彩缤纷、绚丽夺目的动态效果。DHTML并不是一门新的语言,它是以下技术、标准或规范的一种集成:
(1)HTML 4.0
(2)CSS (Cascading Style Sheets,层叠样式单)
(3)CSSL(Client-Side Scripting Language,客户端脚本语言)
(4)HTML DOM(HTML文档对象模型,Document Object Model)
web技术概要分类
?客户端技术
?服务端技术
客户端技术
?对象嵌入技术
?Java Applet技术
?客户端脚本程序技术
什么是Java Applet
?Java 小应用程序即Java Applet是指用Java编写的能够在Web页中运行的应用程序,它的可执行代码为class文件。它具有安全、功能强和跨平台等特性。IE、Netscape 等主流浏览器都能显示包含Applet的页面。
?Applet是从远程服务器上下载到本地客户机上运行的,出于安全的考虑,对它的运行进行了必要的限制。例如不能运行本地机上的程序,只能与它所对应的服务器联系;无法对本地机上的文件进行读写操作;除了可获取本地机使用的Java版本号、操作系统名称及版本号、文件名分隔符、文件路径外,无法获得本地机的其他信息。
?Java Applet可提供动画、音频和音乐等多媒体服务,并能产生原本只有CGI(公共网关接口)才能实现的功能。因此Java Applet已经成为Web技术的重要组成部分。JavaScript与VBScript
?JavaScript是目前使用最广泛的脚本语言,它是由Netscape公司开发并随Navigator 浏览器一起发布的,是一种介于Java与HTML之间、基于对象的事件驱动的编程语言。使用JavaScript,不需要Java编译器,而是直接在Web浏览器中解释执行。
?VBScript脚本语言是Visual Basic Script的简称,有时也被缩写为VBS,它是Microsoft Visual Basic的一个子集,即可以看作是VB语言的简化版。VBS和Javascript一样都用于创建客户方的脚本程序,并处理页面上的事件及生成动态内容。
ActiveX
?ActiveX控件是由软件提供商开发的可重用的软件组件。它是微软公司提出的一种软件技术。ActiveX控件可用于拓展Web页面的功能,创建丰富的Internet应用程序。
开发人员可直接使用已有大量商用或免费ActiveX控件,也可通过各种编程工具如VC、VB、Delphi等根据控件所要实现的功能进行组件开发。Web开发者无需知道这些组件是如何开发的,一般情况下不需要自己编程,就可完成使用ActiveX控件的网页设计。例如ActiveX控件ActiveMovie可用于播放视频与动画,你只需要在控件的属性中指定参数值,就可在Web页面中控制其播放。现在很多浏览器包括IE、Netscape、Firefox等都支持ActiveX技术。
对象嵌入技术
将Applet对象或ActiveX控件作为对象插入到HTML文档中,由浏览器执行。如:
asp。net-web-应用开发技术喻钧课后答案修正版
asp。net-web-应用开发技术喻钧课后答案修正版
第一章 1.填空、选择题(1)网址(2)D (3)A (4) C (5)A 2.解答题 (1)c/s结构适用于局域网,要有专门的小范围的网络硬件环境,b\s结构则是适用于广域网,只要能接入internet的用户即可使用;c/s结构用户有固定还有限,系统升级和维护难,成本也高, b\s结构客户端零维护,易于实现系统的无缝升级;c/s结构软件单一、整体性好,可重用性差;b\s结构是多重结构,构件独立,可重用性好;c/s结构客户端和服务器是平台相关,b\s结构则是不相关;c/s结构信息控制性强,b\s结构就相对来说较弱。 (2)他们主要区别在于服务器对他们的处理方式不同。静态网页都具有一个固定的URL,它的内容是原封不动被传递的,想要修改网页内容,必须修改HTML源代码,静态网页没有数据库的支持,不支持客户端与服务器端的交互;动态网页中,不同额请求和访问数据的变化会生成不同的HTML代码,网页内容会改变,它具有数据库访问功能,支持客户端与服务器端的交
互。 (3)客户端脚本语言都是解释型的,基于对象的脚本语言,他们的工作机制是:将脚本嵌入到web页面中,并随着HTML文件一起传送到客户端,由浏览器解释执行;服务器脚本语言则都运行在服务器端,能够动态的生成网页,脚本运行不受客户端浏览器限制,脚本程序都是将脚本语言嵌入到HTML文件中,执行后返回到客户端HTML代码。 第二章 1.(1)HTML网页文件的标记是,网页文件的主体标记是
,标记页面标题的标记是
。 (2)表格的标签是(),单元格的标签是(|
| )。表格的宽度可以用百分比和(像素)两种单位来设置。 (3)表单对象的名称由(name)属性设定;提交方法由(method)属性指定;若要提交大量数据,则采用(POST)方法;表格提交后的数据处理程序由(target)属性指定。 (4)当表格以电子邮件的形式发送,MIME类型设置为(multipart)。