(7.6.14)--第8章 网页设计基础.ppt
《(7.6.14)--第8章 网页设计基础.ppt》由会员分享,可在线阅读,更多相关《(7.6.14)--第8章 网页设计基础.ppt(50页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、计算机科学与信息工程学院计算机科学与信息工程学院第第8章章 网页设计基础网页设计基础计算机科学与信息工程学院计算机科学与信息工程学院8.1基本概念和基本知识计算机科学与信息工程学院计算机科学与信息工程学院8.1.1因特网因特网,英文名称为因特网,英文名称为Internet,又称国际计算,又称国际计算机互联网,是当前全球最大的、开放的国际性机互联网,是当前全球最大的、开放的国际性计算机网络,称为计算机网络的网络。计算机网络,称为计算机网络的网络。目前因特网提供的基本服务主要有万维网目前因特网提供的基本服务主要有万维网WWW、文件传输、文件传输FTP、电子邮件、电子邮件E-mail、远、远程登录程
2、登录Telnet以及电子公告牌服务以及电子公告牌服务BBS等。等。计算机科学与信息工程学院计算机科学与信息工程学院8.1.2万维网万维网英文全称为万维网英文全称为“World Wide Web”,简称,简称Web,亦作,亦作“WWW”或或“W3”。万维网是以。万维网是以HTML语言与语言与HTTP通讯协议为基础,使用超链通讯协议为基础,使用超链接将接将Internet上的所有信息资源连接在一起,上的所有信息资源连接在一起,并使用一致的界面为用户提供面向并使用一致的界面为用户提供面向Internet服服务的信息检索服务系统。万维网只是务的信息检索服务系统。万维网只是Internet的一种服务方式
3、,并不是的一种服务方式,并不是Internet的全部,不的全部,不能直接等价于能直接等价于Internet。计算机科学与信息工程学院计算机科学与信息工程学院1.HTTP协议协议超文本传输协议(超文本传输协议(HyperText Transfer Protocol,简称,简称HTTP协议)是用于从协议)是用于从WWW服服务器传输超文本到本地浏览器的传送协议。务器传输超文本到本地浏览器的传送协议。HTTP协议实现了万维网的信息传输规范。协议实现了万维网的信息传输规范。计算机科学与信息工程学院计算机科学与信息工程学院2.HTML语言语言超文本标记语言(超文本标记语言(HyperText Markup
4、 Language,简称,简称HTML)是一种用于创建网页)是一种用于创建网页的标准标记语言,它通过标记符号来定义网页的标准标记语言,它通过标记符号来定义网页文档内容的格式,以便告诉浏览器如何显示网文档内容的格式,以便告诉浏览器如何显示网页。页。HTML实现了万维网的信息表示与存储。实现了万维网的信息表示与存储。计算机科学与信息工程学院计算机科学与信息工程学院3.超文本与网页超文本与网页超文本是将文本、声音、图形图像、动画以及超文本是将文本、声音、图形图像、动画以及视频等多种多媒体信息组织在一起的网状文本。视频等多种多媒体信息组织在一起的网状文本。超文本中隐含着指向其它超文本的链接,利用超文本
5、中隐含着指向其它超文本的链接,利用这种链接,用户能轻松地从一个网页跳转到其这种链接,用户能轻松地从一个网页跳转到其它相关内容的网页上,而不必关心这些网页分它相关内容的网页上,而不必关心这些网页分布存储在何处的主机中。布存储在何处的主机中。网页则是超文本的别称。网页采用网页则是超文本的别称。网页采用HTML编写编写而成,是而成,是Web上信息资源的载体,它的文件扩上信息资源的载体,它的文件扩展名为展名为“html”或或“htm”。计算机科学与信息工程学院计算机科学与信息工程学院4.URL与超链接与超链接统一资源定位符(统一资源定位符(Uniform Resource Locator,简称,简称U
6、RL)的格)的格式如下:式如下:协议名协议名:/主机地址主机地址:端口号端口号/路径路径/文件名文件名以下是采用以下是采用HTML编写的一个超链接,它将编写的一个超链接,它将“http:/”作为超文本引用:作为超文本引用:广西师范大学广西师范大学超链接在浏览器中显示为带有下划线的文字或图像,以上超链接超链接在浏览器中显示为带有下划线的文字或图像,以上超链接将显示为将显示为“广西师范大学广西师范大学”,用户将鼠标停留在该超链接上片刻,用户将鼠标停留在该超链接上片刻,会变成手的形状。当用户点击该链接时,浏览器将自动载入被引会变成手的形状。当用户点击该链接时,浏览器将自动载入被引用的网页。用的网页。
7、计算机科学与信息工程学院计算机科学与信息工程学院5.网站与主页网站与主页网站(网站(Website)是建立在)是建立在Web服务器上用于服务器上用于展示特定内容的相关网页的集合。展示特定内容的相关网页的集合。每个网站都有一个主页(每个网站都有一个主页(Home Page)或默认)或默认首页,是人们访问这个网站时所看到的第一个首页,是人们访问这个网站时所看到的第一个网页文件。通过主页,人们可以在第一时间了网页文件。通过主页,人们可以在第一时间了解这个网站的主要内容或浏览最重要的内容。解这个网站的主要内容或浏览最重要的内容。计算机科学与信息工程学院计算机科学与信息工程学院8.1.3浏览器和服务器计
8、算机科学与信息工程学院计算机科学与信息工程学院1.Web浏览器浏览器Web浏览器是运行在用户机器上主要用于展示浏览器是运行在用户机器上主要用于展示与浏览与浏览Web信息的一种客户机软件。信息的一种客户机软件。目前目前PC机常见的机常见的Web浏览器一般都是免费软件,浏览器一般都是免费软件,主要有微软公司的主要有微软公司的Internet Explorer(简称(简称IE)以及在)以及在Windows 10中的中的Edge、谷歌的、谷歌的Chrome浏览器、浏览器、Mozilla的的Firefox、苹果公司、苹果公司的的Safari、奇虎、奇虎360公司的公司的360浏览器、腾讯公浏览器、腾讯公
9、司的司的QQ浏览器以及百度公司的百度浏览器等。浏览器以及百度公司的百度浏览器等。计算机科学与信息工程学院计算机科学与信息工程学院2.Web服务器服务器Web服务器在这里是指运行在网络计算机上的服务器在这里是指运行在网络计算机上的Web服务器软件。服务器软件。Web服务器的主要作用是用服务器的主要作用是用来管理与配置相关的来管理与配置相关的Web信息资源与应用,随信息资源与应用,随时负责响应来自客户机浏览器发出的用户请求,时负责响应来自客户机浏览器发出的用户请求,做出相应的处理,并返回处理结果给浏览器。做出相应的处理,并返回处理结果给浏览器。目前主流的目前主流的Web服务器主要有免费的服务器主要
10、有免费的IIS(Internet Information Services)、)、Apache、Tomcat、Nginx服务器以及商用的企业级服务器以及商用的企业级WebLogic、WebSpere服务器等。服务器等。计算机科学与信息工程学院计算机科学与信息工程学院3.Web工作原理工作原理用户使用浏览器去访问用户使用浏览器去访问Web服务器上的网页实服务器上的网页实质上是一种客户机质上是一种客户机/服务器的工作模式。客户机服务器的工作模式。客户机就是用户所使用的浏览器,而服务器就是被访就是用户所使用的浏览器,而服务器就是被访问的问的Web服务器,客户机与服务器之间使用超服务器,客户机与服务器
11、之间使用超文本传输协议文本传输协议HTTP进行通信。进行通信。浏览器Web服务器数据库服务器InternetHTTP请求HTTP请求HTTP回应(HTML文件)HTTP回应(HTML文件)计算机科学与信息工程学院计算机科学与信息工程学院8.2HTTP协议基础计算机科学与信息工程学院计算机科学与信息工程学院8.2.1HTTP协议简介HTTP协议(协议(HyperText Transfer Protocol,超文本传,超文本传输协议输协议)是万维网中是万维网中Web客户机与服务器之间传输数据客户机与服务器之间传输数据时双方所需遵循的一套规则与机制。时双方所需遵循的一套规则与机制。HTTP 0.9H
12、TTP 1.0HTTP 1.1HTTP协议是一种通用的、无状态的应用层协议,支持协议是一种通用的、无状态的应用层协议,支持客户机客户机/服务器的工作模式,采用了服务器的工作模式,采用了“请求请求/响应响应”交交互模型,持久连接,支持内容协商机制,设计合理,互模型,持久连接,支持内容协商机制,设计合理,简单高效。目前简单高效。目前HTTP协议已成为互联网中应用最为广协议已成为互联网中应用最为广泛的应用层协议之一。泛的应用层协议之一。计算机科学与信息工程学院计算机科学与信息工程学院8.2.2HTTP协议交互模型HTTP协议采用了简单实用的协议采用了简单实用的“请求请求/响应响应”交交互模型。客户机
13、与服务器建立连接后,就可以互模型。客户机与服务器建立连接后,就可以向服务器端发送请求,这种请求被称作向服务器端发送请求,这种请求被称作HTTP请求,服务器端接收到请求后会做出响应并返请求,服务器端接收到请求后会做出响应并返回处理结果。回处理结果。计算机科学与信息工程学院计算机科学与信息工程学院8.2.3HTTP消息格式HTTP协议的消息有请求消息和响应消息两种协议的消息有请求消息和响应消息两种类型。浏览器会向服务器发送请求数据,生成类型。浏览器会向服务器发送请求数据,生成请求消息;服务器接收到客户机请求消息后,请求消息;服务器接收到客户机请求消息后,将处理结果返回给客户机,生成响应消息。将处理
14、结果返回给客户机,生成响应消息。计算机科学与信息工程学院计算机科学与信息工程学院8.2.4请求消息和常用请求方法计算机科学与信息工程学院计算机科学与信息工程学院1.HTTP请求消息请求消息当客户机向服务器请求获取资源、提交数据或当客户机向服务器请求获取资源、提交数据或者查询服务器状态时,客户机首先需要向服务者查询服务器状态时,客户机首先需要向服务器发送器发送HTTP请求消息。请求消息。HTTP请求消息由开始请求消息由开始行、请求消息头、空行以及请求消息体四部分行、请求消息头、空行以及请求消息体四部分组成。组成。开始行请求消息头空行请求消息体计算机科学与信息工程学院计算机科学与信息工程学院2.H
15、TTP请求方法请求方法在在HTTP请求消息开始行的请求消息开始行的“请求方法请求方法”字段字段中指定某次请求的操作方法,在中指定某次请求的操作方法,在HTTP 1.1协议协议中定义的主要请求方法:中定义的主要请求方法:请求方法主要作用GET请求获取开始行中URI所标识的资源POST向指定资源提交数据,请求服务器进行处理HEAD请求获取由URI所标识的资源的响应消息头PUT请求服务器存储一个资源,并用URI作为其标识符DELETE请求服务器删除以URI所标识的资源TRACE请求服务器回送收到的请求消息,主要用于测试或诊断CONNECT请求建立连接隧道,一般在代理中使用OPTIONS请求查询服务器
16、的性能,或者查询与资源相关的选项和需求计算机科学与信息工程学院计算机科学与信息工程学院8.2.5响应消息和常用响应状态计算机科学与信息工程学院计算机科学与信息工程学院1.HTTP响应消息当服务器收到客户机的请求消息,经过解析和处理后,会生成响应消息,并通过已经建立的TCP连接发送回客户机。HTTP响应消息由状态行、响应消息头、空行和响应消息体四部分组成:计算机科学与信息工程学院计算机科学与信息工程学院2.HTTP响应状态码状态码由三位十进制数字组成,第一位数字表示响应类别,后面两位数字仅作为序号用,没有特别的含义。响应状态码类别与作用1xx普通信息码。表示请求已接收,需要继续处理。2xx操作成
17、功状态码。表示请求已成功被服务器接收、处理并予以响应。3xx重定向码。为完成请求,客户端需进一步细化请求。4xx客户端错误码。客户端的请求有错误。5xx服务器错误码。服务器端出现错误。计算机科学与信息工程学院计算机科学与信息工程学院8.2.6常用消息头在在HTTP请求消息和响应消息中通常都会包含一个或多请求消息和响应消息中通常都会包含一个或多个消息头,消息头通常称为个消息头,消息头通常称为“字段字段”。消息头是客户机。消息头是客户机与服务器进行参数协商、传递参数、描述消息体等的重与服务器进行参数协商、传递参数、描述消息体等的重要实体。在要实体。在HTTP协议中,消息头的具体格式如下:协议中,消
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 7.6.14-第8章 网页设计基础 7.6 14 网页 设计 基础
限制150内