第一章 Web技术 精校版.docx
《第一章 Web技术 精校版.docx》由会员分享,可在线阅读,更多相关《第一章 Web技术 精校版.docx(19页珍藏版)》请在冰豆网上搜索。
![第一章 Web技术 精校版.docx](https://file1.bdocx.com/fileroot1/2023-2/1/b78a43ea-73b1-47ef-ae07-d7cbb034094c/b78a43ea-73b1-47ef-ae07-d7cbb034094c1.gif)
第一章Web技术精校版
第一章Web应用与开发word版
课程内容:
(1)Web技术简介
(2)HTML
(3)CSS
(4)JavaScript
(5)ASP.NET
⏹ASP.NET控件和对象
⏹ASP.NET数据库应用程序
第一章Web技术简介
☐什么是Web?
☐什么是Web服务器?
☐什么是Web页面?
☐统一资源定位符URL
☐浏览器的工作机理及种类
☐C/S模式与B/S模式
☐Web访问的机理
☐Web开发平台的组成
☐常用Web开发工具
Internet与WWW
☐Internet是一个网络上的网络,或者说是一个全球范围的网间网。
在Internet中分布了成千上万的计算机,这些计算机扮演的角色和所起的作用各不相同。
有的计算机可以收发电子邮件,有的可以为用户传输文件,有的负责对域名进行解析,更多的机器则用于组织并展示相关的信息资源,方便用户的获取。
所有这些承担服务任务的计算机统称为服务器。
☐WWW服务
☐文件传输服务(FTP)
☐电子邮件服务(E-mail)
☐远程登录服务(Telnet)
☐……
Web定义
☐全称为Worldwideweb,缩写为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(HyperTextMarkupLanguage)组成的文本文件,我们称这些文本文件为超链接文件,又称网页文件,或称Web页面文件(WebPage)。
URL统一资源定位器
☐信息资源放在Web服务器之后,需要将它的地址告诉给用户,以便让用户来访问,这就是统一资源定位符URL(UniformResourceLocators)的功能,俗称为网址。
☐URL的构成:
<协议><主机[端口号]><路径><文件名>
通过不同的协议来访问因特网上的不同资源。
eg:
URL协议
协议
含义
File:
//
本地文件
Http:
//
Web服务器专用
Ftp:
//
文件的下载和上传
Gopher:
//
使用Gopher检索信息
Telnet:
//
用于远程登录
mailto:
发送电子邮件
news
阅读新闻
标准端口
名称
说明
端口号
DNS
域名解析
53
FTP
文件传输协议
20/21
HTTP
超文本传输协议
80
SNMP
简单网管协议
161/162
Telnet
远程登录终端协议
23
POP
邮件接受协议
110
SMTP
简单邮件传输协议
25
端口
☐一类是标准端口:
端口号从0到1023
☐另一类须在IANA(赋值地址和端口号组织)注册登记:
端口号从1024到65535
WWW的工作原理
客户端和服务器的概念
Ø客户端
是指用来与数据提供者(服务器)通信的软件和硬件。
客户端和服务器相连,发送和接收信息。
Ø服务器
一般是指能向许多客户端同时提供数据的大型计算机。
服务器一词既可以指实际的计算机,也可以指一套软件。
Ø客户端和服务器可以在同一台电脑上,但它们通常是在由网络相连的不同电脑上。
Web浏览器
Web浏览器浏览器是用来解释Web页面并完成相应转换和显示的程序。
Web浏览器最基本的功能:
Ø解释HTML文档;
Ø运行并显示Java、ActiveX以及脚本语言等编程语言创建的应用、程序、动画等;
1994年NetscapeNavigator推出。
Microsoft从1995年开始推出Web浏览器:
InternetExplorer。
◆负责处理客户端的HTTP请求并与主机上的操作系统通信。
◆负责为用户提供所需要的网页,并对客户端浏览器发来的请求作出响应。
浏览器/服务器的工作过程
☐用户启动浏览器,并在浏览器中指定一个URL,浏览器便向该URL所指向的Web服务器发出请求
☐Web服务器接到浏览器的请求后,把URL转换成页面所在服务器上的文件路径名
☐如果URL指向的是普通的HTML文档,Web服务器直接将它送给浏览器。
☐如果HTML文档中嵌有CGI程序,Web服务器就运行CGI程序,并将结果传送至浏览器。
浏览器/服务器的工作过程
什么是HTTP协议
HTTP(HypertextTransportProtocol):
超文本传输协议
Ø它不仅保证计算机正确快速地传输超文本文档,还确定传输文档中的哪一部分,以及哪部分内容首先显示(如文本先于图形)等
Ø它是建立在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:
Host:
www.grippy.org
一个响应例子
HTTP/1.0200Found
Date:
Mon,10Feb199723:
48:
22GMT
Server:
Apache/1.1.1HotWired/1.0
Content-type:
text/html
Last-Modified:
Tues,11Feb199722:
45:
55GMT
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-4B/S模式结构
☐B/S模式与传统的C/S模式相比体现了集中式计算的优越性:
具有良好的开放性,利用单一的访问点,用户可以在任何地点使用系统;用户可以跨平台以相同的浏览器界面访问系统;因为在客户端只需要安装浏览器,取消了客户端的维护工作,有效地降低了整个系统的运行和维护成本。
Web开发平台的组成
.NET开发平台
☐2000年6月,微软公司宣布其.NET战略。
2001年,ECMA通过了Microsoft提交的C#语言和CLI标准,这两个技术标准构成了.NET平台的基石。
2002年,Microsoft正式发布.NETFramework和VisualStudio.NET开发工具。
☐微软公司的.NET战略揭示了一个全新的境界,提供了一个新的软件开发模型。
.NET战略的一个关键特性在于它独立于任何特定的语言或平台。
它不要求程序员使用一种特定的程序语言。
相反,开发者可使用多种.NET兼容语言的任意组合来创建一个.NET应用程序。
多个程序员可致力于同一个软件项目,但分别采用自己最精通的.NET语言编写代码。
JavaEE开发平台
JavaEE(JavaENTERPRISEEDITION)是纯粹基于Java的解决方案,之前较低版本叫做J2EE。
1998年SUN发布了EJB1.0标准,EJB为企业级应用中必不可少的数据封装、事务处理、交易控制等功能提供了良好的技术基础。
J2EE平台的三大核心技术SERVLET、JSP和EJB都已先后问世。
1999年,SUN正式发布了J2EE的第一个版本。
紧接着,遵循J2EE标准,为企业级应用提供支撑平台的各类应用服务软件争先恐后地涌现了出来。
IBM的WebSphere、BEA的WebLogic都是这一领域里最为成功的商业软件平台。
网页制作工具
1.SausageHotDogProfessional
☐HotDog是较早基于代码的网页设计工具,支持最新的Web标准和扩展,其最具特色的是提供了许多向导工具,能帮助设计者制作页面中的复杂部分。
☐HotDog是个功能强大的软件,对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者,是个很好的选择。
2.AdobeDreamweaver、Fireworks、Flash、Golive
Dreamweaver友好的界面、功能强大和快捷的工具以及可视化特征,可以使初学者直接在页面上添加和编辑元素,而不用写源代码,软件会自动将结果转换为HTML源代码,而且它还集成了目前最流行的制作网页的多种功能,比如可通过层叠样式(CSS)格式化文本,通过表格定位网页元素,通过时间轴实现一些网页的动画,以及可进行源代码编写修改功能等,大大方便了网页设计者。
☐Fireworks也是由Macromedia公司开发的一种工具。
它以处理网页图片为特长,并可以轻松创作GIF动画。
它的出现使Web作图发生了革命性的变化。
Fireworks是专为网络图像设计而开发,内建丰富的支持网络出版功能,比如Fireworks能够自动切图、生成鼠标动态感应的javascript。
而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。
它增强了与Dreamweaver的联系,可以导出为配合CSS式样的网页及图片。
3.MicrosoftFrontPage2003
☐FrontPage是微软推出的Microsoft办公系列软件Office家族的成员之一,它是具有“所见即所得”特点的网页制作软件,使用FrontPage2003制作网页,你能真正体会到“功能强大,简单易用”的含义。
FrontPage2003的主要功能是设计、制作、管理网页或站点,它的操作对象主要是网页或网站。
从单个的网页到复杂的网站的设计制作,以及本地或远程网站的管理,都可以使用FrontPage2003完成。
FrontPage2003带有图形和GIF动画编辑器,支持CGI和CSS。
IBMEclipse
☐Eclipse是一种可扩展的开放源代码的IDE(集成开发环境),由IBM出资组建。
Eclipse允许在同一IDE中集成来自不同供应商的工具,并实现了工具之间的互操作性,从而显著改善了项目工作流程,使开发者可以专注在实际开发目标上。
Eclipse的最大特点是它能接受由Java开发者自己编写的开放源代码插件,这类似于微软公司的VisualStudio和Sun公司的NetBeans平台。
Eclipse为工具开发商提供了更好的灵活性,使他们能更好地控制自己的软件技术。
Eclipse框架灵活、扩展容易,因此很受开发人员的喜爱,目前它的支持者越来越多,大有成为Java第一开发工具之势。
它的缺点是较复杂,初学者理解起来比较困难。
Web基本技术介绍
☐HTML技术
☐DHTML技术
☐什么是JavaApplet
☐JavaScript与VBScript
☐ActiveX
☐CGI技术
☐PHP
☐JSP
☐ASP/ASP.NET
☐WebServices
HTML技术
☐HTML是HyperTextMarkupLanguage(超文本标记语言)的缩写,是一种用来制作超文本文档的简单标记语言,它实际上是标准通用标记语言(SGML,StandardGeneralizedMarkupLanguage)的一个子集。
☐HTML文件是一种纯文本文件,通常它带有.htm或.html的文件扩展名(在UNIX和Windows95中的扩展名为.html)。
DHTML技术
☐DHTML即动态的HTML语言(DynamicHTML)。
除了具有HTML语言的一切性质外,其最大的突破就是可以实现在下载网页后仍然能实时变换页面元素效果、使人们在浏览Web页面时看到五彩缤纷、绚丽夺目的动态效果。
DHTML并不是一门新的语言,它是以下技术、标准或规范的一种集成:
(1)HTML4.0
(2)CSS(CascadingStyleSheets,层叠样式单)
(3)CSSL(Client-SideScriptingLanguage,客户端脚本语言)
(4)HTMLDOM(HTML文档对象模型,DocumentObjectModel)
web技术概要分类
☐客户端技术
☐服务端技术
客户端技术
☐对象嵌入技术
☐JavaApplet技术
☐客户端脚本程序技术
什么是JavaApplet
☐Java小应用程序即JavaApplet是指用Java编写的能够在Web页中运行的应用程序,它的可执行代码为class文件。
它具有安全、功能强和跨平台等特性。
IE、Netscape等主流浏览器都能显示包含Applet的页面。
☐Applet是从远程服务器上下载到本地客户机上运行的,出于安全的考虑,对它的运行进行了必要的限制。
例如不能运行本地机上的程序,只能与它所对应的服务器联系;无法对本地机上的文件进行读写操作;除了可获取本地机使用的Java版本号、操作系统名称及版本号、文件名分隔符、文件路径外,无法获得本地机的其他信息。
☐JavaApplet可提供动画、音频和音乐等多媒体服务,并能产生原本只有CGI(公共网关接口)才能实现的功能。
因此JavaApplet已经成为Web技术的重要组成部分。
JavaScript与VBScript
☐JavaScript是目前使用最广泛的脚本语言,它是由Netscape公司开发并随Navigator浏览器一起发布的,是一种介于Java与HTML之间、基于对象的事件驱动的编程语言。
使用JavaScript,不需要Java编译器,而是直接在Web浏览器中解释执行。
☐VBScript脚本语言是VisualBasicScript的简称,有时也被缩写为VBS,它是MicrosoftVisualBasic的一个子集,即可以看作是VB语言的简化版。
VBS和Javascript一样都用于创建客户方的脚本程序,并处理页面上的事件及生成动态内容。
ActiveX
☐ActiveX控件是由软件提供商开发的可重用的软件组件。
它是微软公司提出的一种软件技术。
ActiveX控件可用于拓展Web页面的功能,创建丰富的Internet应用程序。
开发人员可直接使用已有大量商用或免费ActiveX控件,也可通过各种编程工具如VC、VB、Delphi等根据控件所要实现的功能进行组件开发。
Web开发者无需知道这些组件是如何开发的,一般情况下不需要自己编程,就可完成使用ActiveX控件的网页设计。
例如ActiveX控件ActiveMovie可用于播放视频与动画,你只需要在控件的属性中指定参数值,就可在Web页面中控制其播放。
现在很多浏览器包括IE、Netscape、Firefox等都支持ActiveX技术。
对象嵌入技术
将Applet对象或ActiveX控件作为对象插入到HTML文档中,由浏览器执行。
如: