Web体系结构与开发技术.ppt
《Web体系结构与开发技术.ppt》由会员分享,可在线阅读,更多相关《Web体系结构与开发技术.ppt(63页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、Web体系结构与开发技术n软件学院 崔波n邮箱:n教材:网站规划与网页设计 张兵义 电子工业出版社n学分:2+1课程内容课程内容n网络基础与网络基础与Web体系结构体系结构n网站的规划与设计网站的规划与设计n网站建设与网页制作的基本知识网站建设与网页制作的基本知识n网页规划、设计和制作的技能网页规划、设计和制作的技能n网页三剑客:网页三剑客:DreamweaverMX,FlashMX,FireworksMX的应用方法的应用方法及技巧。及技巧。njavascriptnJsp1.1 Internet概述概述1.2 浏览器浏览器-服务器模式服务器模式1.3 Web标准标准第第1章章 网络与网络与We
2、b基础知识基础知识1.1.6 1.1.6 万万万万维维维维网网网网WWWWWW 1 1WWWWWW和和和和浏览浏览浏览浏览器的基本概念器的基本概念器的基本概念器的基本概念l WWW:World Wide Web,称,称3W或或Web,“万维网万维网”。l 作为作为Internet上的新一代用户界面,摒弃上的新一代用户界面,摒弃了以往纯文本方式的信息交互手段,采用超了以往纯文本方式的信息交互手段,采用超文本(文本(Hypertext)方式)方式工作。工作。l 浏览器:用于浏览器:用于网上浏览的应用程序网上浏览的应用程序,主要,主要作用是显示网页和解释作用是显示网页和解释脚本。脚本。1.1 Int
3、ernet1.1 Internet概述概述概述概述标记语言家族GML(1969)SGML(1985)XML(1998)HTML(1993)WMLSVGCMLMathMLXHTML.WEB服务器服务器 nWEB服务器也称为WWW(World Wide Web)服务器,主要功能是提供网上信息浏览服务。1.应用层使用HTTP协议。2.HTML文档格式。3.浏览器统一资源定位器(URL)。WWWWWW的基本结构的基本结构1.1.6 1.1.6 万万万万维维维维网网网网WWWWWW 1 1WWWWWW和和和和浏览浏览浏览浏览器的基本概念器的基本概念器的基本概念器的基本概念 浏览器种类很多,目前常用的有浏
4、览器种类很多,目前常用的有浏览器种类很多,目前常用的有浏览器种类很多,目前常用的有Internet ExplorerInternet Explorer(简称(简称(简称(简称IEIE)和)和)和)和NetscapeNetscape两种。如图两种。如图两种。如图两种。如图1-21-2所示的是所示的是所示的是所示的是IEIE浏览器的浏览器的浏览器的浏览器的工作界面。工作界面。工作界面。工作界面。1.1 Internet1.1 Internet概述概述概述概述图1-2 IE浏览器的工作界面网络基础知识网络基础知识n为用户提供图形化用户界面为用户提供图形化用户界面web页,以查页,以查阅阅web上的文
5、档。上的文档。nwww就是以就是以web页及他们之间的链接为基页及他们之间的链接为基础,构成的庞大的信息网。础,构成的庞大的信息网。nwww-web站点站点web页的关系页的关系1.1.6 1.1.6 万万万万维维维维网网网网WWWWWW 2 2统统统统一一一一资资资资源定位器(源定位器(源定位器(源定位器(URLURL)URL URL(Universal Resource LocatorUniversal Resource Locator)是)是)是)是“统一资源统一资源统一资源统一资源定位器定位器定位器定位器”的英文缩写。每个站点及站点上的每个网页都有一的英文缩写。每个站点及站点上的每个网
6、页都有一的英文缩写。每个站点及站点上的每个网页都有一的英文缩写。每个站点及站点上的每个网页都有一个惟一的地址,这个地址被称为统一资源定位地址。向浏览个惟一的地址,这个地址被称为统一资源定位地址。向浏览个惟一的地址,这个地址被称为统一资源定位地址。向浏览个惟一的地址,这个地址被称为统一资源定位地址。向浏览器输入器输入器输入器输入URLURL地址,可以访问其指向的网页,指定网页中的超地址,可以访问其指向的网页,指定网页中的超地址,可以访问其指向的网页,指定网页中的超地址,可以访问其指向的网页,指定网页中的超文本时也要用到文本时也要用到文本时也要用到文本时也要用到URLURL地址。地址。地址。地址。
7、URL URL的基本结构为:的基本结构为:的基本结构为:的基本结构为:通信通信通信通信协议协议协议协议:/服服服服务务务务器名称器名称器名称器名称:通信端口通信端口通信端口通信端口编编编编号号号号/文件文件文件文件夹夹夹夹1/1/文件文件文件文件夹夹夹夹2/2/文件名文件名文件名文件名1.1 Internet1.1 Internet概述概述概述概述相关知识相关知识nURL(UniformResourceLocator)统一统一资源定位器。资源定位器。URL是帮助在网络上找到是帮助在网络上找到所需资源的所需资源的“路径路径”,n如如传输协议主机名路径和文件名超文本置标语言超文本置标语言超文本置标
8、语言超文本置标语言HTMLHTML1.1.6 1.1.6 万万万万维维维维网网网网WWWWWW 5 5HTTPHTTP HTTP HTTP(HyperText Transfer ProtocolHyperText Transfer Protocol,超文本传输,超文本传输,超文本传输,超文本传输协议)协议)协议)协议)使浏览器更加高效,使网络传输量减小。使浏览器更加高效,使网络传输量减小。使浏览器更加高效,使网络传输量减小。使浏览器更加高效,使网络传输量减小。服务器除了包括供用户访问的服务器除了包括供用户访问的服务器除了包括供用户访问的服务器除了包括供用户访问的HTMLHTML文件以外,还有一
9、个文件以外,还有一个文件以外,还有一个文件以外,还有一个HTTPHTTP驻留程序,用于响应用户的请求。简单地说,驻留程序,用于响应用户的请求。简单地说,驻留程序,用于响应用户的请求。简单地说,驻留程序,用于响应用户的请求。简单地说,HTTPHTTP就就就就是专门为是专门为是专门为是专门为WWWWWW设计的协议。设计的协议。设计的协议。设计的协议。1.1 Internet1.1 Internet概述概述概述概述HTTPl l打开一个网页时,浏览器是打开一个网页时,浏览器是打开一个网页时,浏览器是打开一个网页时,浏览器是HTTPHTTP客户,向服务器发送客户,向服务器发送客户,向服务器发送客户,向
10、服务器发送请求。请求。请求。请求。l l当浏览器中输入一个当浏览器中输入一个当浏览器中输入一个当浏览器中输入一个HTTPHTTP的的的的URLURL地址或单击一个超链地址或单击一个超链地址或单击一个超链地址或单击一个超链接时,浏览器就向服务器发送一个接时,浏览器就向服务器发送一个接时,浏览器就向服务器发送一个接时,浏览器就向服务器发送一个HTTPHTTP请求,此请求请求,此请求请求,此请求请求,此请求被送往由被送往由被送往由被送往由IPIP地址指定的地址指定的地址指定的地址指定的URLURL。l l服务器驻留程序接收到请求,在进行必要的操作后回服务器驻留程序接收到请求,在进行必要的操作后回服务
11、器驻留程序接收到请求,在进行必要的操作后回服务器驻留程序接收到请求,在进行必要的操作后回送所要求的送所要求的送所要求的送所要求的HTMLHTML源文件,源文件,源文件,源文件,l l客户端浏览器将客户端浏览器将客户端浏览器将客户端浏览器将HTMLHTML源文件源文件源文件源文件“翻译翻译翻译翻译”成成成成WebWeb页面。页面。页面。页面。1.1.6 1.1.6 万万万万维维维维网网网网WWWWWW6 6主主主主页页页页 通常作为一个站点中的通常作为一个站点中的通常作为一个站点中的通常作为一个站点中的目录或索引目录或索引目录或索引目录或索引,就像一份报纸的头版,就像一份报纸的头版,就像一份报纸
12、的头版,就像一份报纸的头版一样,把最热门、最重要的消息写在上面,然后再注明一样,把最热门、最重要的消息写在上面,然后再注明一样,把最热门、最重要的消息写在上面,然后再注明一样,把最热门、最重要的消息写在上面,然后再注明“详详详详见第见第见第见第X X版版版版”,让读者能快速找到自己感兴趣的新闻。,让读者能快速找到自己感兴趣的新闻。,让读者能快速找到自己感兴趣的新闻。,让读者能快速找到自己感兴趣的新闻。7 7常用搜索引擎常用搜索引擎常用搜索引擎常用搜索引擎l l 搜索引擎本身是一个搜索引擎本身是一个搜索引擎本身是一个搜索引擎本身是一个网络站点;网络站点;网络站点;网络站点;l l能够能够能够能够
13、在在在在WWWWWW上主动搜索其他上主动搜索其他上主动搜索其他上主动搜索其他WebWeb站点中的信息并记录下站点中的信息并记录下站点中的信息并记录下站点中的信息并记录下各个网页的各个网页的各个网页的各个网页的InternetInternet地址(也称地址(也称地址(也称地址(也称URLURL地址),并按要求进行地址),并按要求进行地址),并按要求进行地址),并按要求进行排列,存放在可供查询的大型数据库排列,存放在可供查询的大型数据库排列,存放在可供查询的大型数据库排列,存放在可供查询的大型数据库中。中。中。中。l l用户用户用户用户可以通过访问搜索引擎网络站点对所需信息进行查询。可以通过访问搜
14、索引擎网络站点对所需信息进行查询。可以通过访问搜索引擎网络站点对所需信息进行查询。可以通过访问搜索引擎网络站点对所需信息进行查询。查询结果是一系列指向包含用户所需信息的网页的网络地址,查询结果是一系列指向包含用户所需信息的网页的网络地址,查询结果是一系列指向包含用户所需信息的网页的网络地址,查询结果是一系列指向包含用户所需信息的网页的网络地址,通过单击超链接,就可以查看需要的信息通过单击超链接,就可以查看需要的信息通过单击超链接,就可以查看需要的信息通过单击超链接,就可以查看需要的信息了。了。了。了。1.1 Internet1.1 Internet概述概述概述概述搜索引擎搜索引擎常用技巧常用技
15、巧n在检索的关键字中,可以使用这样一些描述符号对检索进行限制:“”(双引号)用来查询完全区配关键字串的网站,例如“杀毒软件”;+(加号)用来限制该关键字必须出现在检索结果中;(减号)用来限制该关键字不能出现在检索结果中。例例:“盐盐城城信信息息网网络络”;要要查查找找“电电脑脑”,但但必必须须没没有有“技技术术”字字样样,可可用用“电电脑脑技技术术”来表示。来表示。使使用用逻逻辑辑词词辅辅助助查查找找:AND(和和)、OR(或或)、NOT。应用程序的设计:由传统的应用程序的设计:由传统的应用程序的设计:由传统的应用程序的设计:由传统的C/SC/SC/SC/S(Client/ServerClie
16、nt/ServerClient/ServerClient/Server,客户,客户,客户,客户-服务服务服务服务器)模式逐渐向器)模式逐渐向器)模式逐渐向器)模式逐渐向B/SB/SB/SB/S(Browser/ServerBrowser/ServerBrowser/ServerBrowser/Server,浏览器,浏览器,浏览器,浏览器-服务器)模服务器)模服务器)模服务器)模式过渡。式过渡。式过渡。式过渡。l lC/SC/SC/SC/S模式:将模式:将模式:将模式:将任务合理分配到任务合理分配到任务合理分配到任务合理分配到ClientClientClientClient端和端和端和端和Ser
17、verServerServerServer端,降低了端,降低了端,降低了端,降低了系统的通信开销,可以充分利用两端硬件环境的优势系统的通信开销,可以充分利用两端硬件环境的优势系统的通信开销,可以充分利用两端硬件环境的优势系统的通信开销,可以充分利用两端硬件环境的优势。l lB/SB/SB/SB/S模式:随着模式:随着模式:随着模式:随着InternetInternetInternetInternet技术的兴起,对技术的兴起,对技术的兴起,对技术的兴起,对C/SC/SC/SC/S模式的一种变模式的一种变模式的一种变模式的一种变化或者改进的化或者改进的化或者改进的化或者改进的模式。用户模式。用户模
18、式。用户模式。用户界面完全通过界面完全通过界面完全通过界面完全通过WWWWWWWWWWWW浏览器实现,一部浏览器实现,一部浏览器实现,一部浏览器实现,一部分事务逻辑在前端实现,但是主要事务逻辑在服务器端分事务逻辑在前端实现,但是主要事务逻辑在服务器端分事务逻辑在前端实现,但是主要事务逻辑在服务器端分事务逻辑在前端实现,但是主要事务逻辑在服务器端实现。实现。实现。实现。B/SB/SB/SB/S模式利用不断成熟和普及的浏览器技术实现原来需要复杂模式利用不断成熟和普及的浏览器技术实现原来需要复杂模式利用不断成熟和普及的浏览器技术实现原来需要复杂模式利用不断成熟和普及的浏览器技术实现原来需要复杂专用软
19、件才能实现的强大功能,并节约了开发成本,是一种专用软件才能实现的强大功能,并节约了开发成本,是一种专用软件才能实现的强大功能,并节约了开发成本,是一种专用软件才能实现的强大功能,并节约了开发成本,是一种全新的软件系统构造技术全新的软件系统构造技术全新的软件系统构造技术全新的软件系统构造技术。1.2 1.2 浏览器浏览器浏览器浏览器-服务器模式服务器模式服务器模式服务器模式 B/S B/S B/S B/S模式的工作原理如图模式的工作原理如图模式的工作原理如图模式的工作原理如图1-81-81-81-8所示。所示。所示。所示。1.2 1.2 浏览器浏览器浏览器浏览器-服务器模式服务器模式服务器模式服
20、务器模式图1-8 B/S模式的工作原理1.3 Web1.3 Web标准标准标准标准l l 每次主流浏览器版本的升级,都会使用户建每次主流浏览器版本的升级,都会使用户建每次主流浏览器版本的升级,都会使用户建每次主流浏览器版本的升级,都会使用户建立的网站变得过时,此时就需要升级或者重新建立的网站变得过时,此时就需要升级或者重新建立的网站变得过时,此时就需要升级或者重新建立的网站变得过时,此时就需要升级或者重新建网站。网站。网站。网站。l 每当新的网络技术和交互设备出现时,设计每当新的网络技术和交互设备出现时,设计每当新的网络技术和交互设备出现时,设计每当新的网络技术和交互设备出现时,设计人员也需要
21、制作一个新版本来支持这种新技术或人员也需要制作一个新版本来支持这种新技术或人员也需要制作一个新版本来支持这种新技术或人员也需要制作一个新版本来支持这种新技术或新设备,新设备,新设备,新设备,l 在在在在W3CW3CW3CW3C(W3C.orgW3C.orgW3C.orgW3C.org)的组织下,)的组织下,)的组织下,)的组织下,WebWebWebWeb标准开始被标准开始被标准开始被标准开始被建立(以建立(以建立(以建立(以2000200020002000年年年年10101010月月月月6 6 6 6日发布日发布日发布日发布XML 1.0XML 1.0XML 1.0XML 1.0为标志),为标
22、志),为标志),为标志),并在网站标准组织(并在网站标准组织(并在网站标准组织(并在网站标准组织(WebStandards.orgWebStandards.orgWebStandards.orgWebStandards.org)的督促)的督促)的督促)的督促下推广执行。下推广执行。下推广执行。下推广执行。1.3 Web1.3 Web标准标准标准标准1.3.1 1.3.1 1.3.1 1.3.1 WebWebWebWeb标准的概念标准的概念标准的概念标准的概念 1.1.1.1.结构标准语言结构标准语言结构标准语言结构标准语言 (1)XML(1)XML(1)XML(1)XML XML XML XM
23、L XML(Extensible Markup LanguageExtensible Markup LanguageExtensible Markup LanguageExtensible Markup Language,可扩展标识语,可扩展标识语,可扩展标识语,可扩展标识语言)目前推荐遵循的是言)目前推荐遵循的是言)目前推荐遵循的是言)目前推荐遵循的是W3CW3CW3CW3C于于于于2000200020002000年年年年10101010月月月月6 6 6 6日发布的日发布的日发布的日发布的XML1.0XML1.0XML1.0XML1.0。XMLXMLXMLXML最初设计的目的是弥补最初设计
24、的目的是弥补最初设计的目的是弥补最初设计的目的是弥补HTMLHTMLHTMLHTML的不足,以强大的不足,以强大的不足,以强大的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于网络的扩展性满足网络信息发布的需要,后来逐渐用于网络的扩展性满足网络信息发布的需要,后来逐渐用于网络的扩展性满足网络信息发布的需要,后来逐渐用于网络数据的转换和描述。数据的转换和描述。数据的转换和描述。数据的转换和描述。(2)XHTML (2)XHTML (2)XHTML (2)XHTML XHTML XHTML XHTML XHTML(Extensible HyperText Markup LanguageEx
25、tensible HyperText Markup LanguageExtensible HyperText Markup LanguageExtensible HyperText Markup Language,可扩展超文本标识语言)是可扩展超文本标识语言)是可扩展超文本标识语言)是可扩展超文本标识语言)是HTMLHTMLHTMLHTML向向向向XMLXMLXMLXML过渡的一个桥梁。过渡的一个桥梁。过渡的一个桥梁。过渡的一个桥梁。是一个引导人们逐步走向规范、走向是一个引导人们逐步走向规范、走向是一个引导人们逐步走向规范、走向是一个引导人们逐步走向规范、走向XMLXMLXMLXML的过渡方案
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Web 体系结构 开发 技术
限制150内