人机交互与界面设计_第2章
码都在服务器端执行,并把执行结果以HTML文件代码的形式 传回浏览器,这样浏览器接收的只是程序执行的结果。
•常见的服务器端编程技术
– PHP – JSP – ASP –
《人机交互与界面设计》
2020/8/19
11
2.3 Internet网络协议
TCP/IP协议
• TCP/IP协议是一个协议集,其中最重要的是TCP ( Transmission Control Protocol )协议和IP( Internet Protocol )协议 。 • TCP/IP参考模型与OSI参考模型的对照
➢如果HTML文档中嵌有ASP程序,那么Web服务器就运行ASP程序, 并将结果返回给浏览器。
《人机交互与界面设计》
2020/8/19
9
2.2 Web的工作原理
• 客户端编程
– 客户端编程就是客户端浏览器下载服务器上的程序来执行 有关动态服务工作。
– 程序员把客户端代码编写到HTML文件中。
– 当用户提出对某个网页的请求时,这些客户端代码和 HTML文件代码一起返回提出请求的浏览器。
– 程序在客户端浏览器上执行。
• 常见的客户端编程技术
– VBScript
– JavaScript
– Java applet等。
《人机交互与界面设计》
2020/8/19
10
2.2 Web的工作原理
•服务器端编程
– 程序员将编写的代码保存在服务器上。 – 当用户提出对某个网页的请求时,这个请求所要访问的页面代
《人机交互与界面设计》
2020/8/19
6
2.2 Web的工作原理
Web的基本工作原理图
• 浏览器/服务器(Browser/Server,B/S)结构 – 客户端浏览器
–浏览器是一种特定格式的文档阅读器,能根据网页内容对网页中的标记 进行解释显示,并执行网页中包含的客户端脚本程序。
– Web服务器
– 指安装了Web服务程序的计算机;
– 指Web服务器程序,可以管理各种Web文件,并为提出HTTP请求的浏 览器提供响应。
– 数据库服务器
《人机交互与界面设计》
2020/8/19
7
2.2 Web的工作原理
•客户机/服务器(Client/Server,C/S)结构
–客户机 –服务器
• Web服务器的配置
– Web上的海量信息是由彼此关联的页面(Page)组成的。
《人机交互与界面设计》
2020/8/19
Hale Waihona Puke 32.1 什么是Web
– Web的内容保存在Web站点(Web服务器)中,用户可 通过浏览器访问Web站点。
– Web以一些简单的操作方式(如单击鼠标)连接全球范 围的超媒体信息。
《人机交互与界面设计》
。TCP/IP协议实际上主要包括两个最主要的协议,即TCP协 议和IP协议。
《人机交互与界面设计》
13
2.3 Internet网络协议
TCP/IP协议的数据传输过程: ➢ 首先由TCP协议把数据分成若干数据报,给每个 数据报加上一个TCP信封(即报头),上面写着 数据报的编号,以便在接收端把数据还原成原来 的格式。 ➢ IP协议把每个TCP信封再套上一个IP信封,在上 面写上接收主机的地址。一旦准备好IP信封就可 以在物理网上传送数据了。
《人机交互与界面设计》
2020/8/19
12
2.3 Internet网络协议
➢ TCP/IP协议采用的通信方式是分包交换方式。
所谓分包交换即是数据在传输时要分成若干段,每个数据 段称为一个分包(packet)。
TCP/IP的基本传输单位是数据报(datagram)。 可以把数据看成是一封长信,分装在几个信封中邮寄出去
2020/8/19
4
2.1 什么是Web
• 几个概念:
– 超链接(hyperlink):是指从一个网页指向一个目标的连接 关系,这个目标可以是另一个网页,也可以是相同网页上的不 同位置,还可以是一个图片,一个电子邮件地址,一个文件, 甚至是一个应用程序。
– 超文本(hypertext):用超链接的方法,将各种不同空间的 文字信息组织在一起的网状文本。
– 超媒体(hypermedia):超媒体是超文本和多媒体在信息浏览 环境下的结合。用户可以通过链接激活一段声音,显示一个图 形,甚至播放一段动画。
《人机交互与界面设计》
2020/8/19
5
2.1 什么是Web
Web的特点:
(1)Web是一种超文本信息系统。 (2)Web是图形化的和易于导航的。 (3)Web与平台无关。 (4)Web是分布式的。 (5)Web具有新闻性。 (6)Web是动态的、交互的。
第2章 Web应用基础
《人机交互与界面设计》
2020/8/19
1
内容
2.1 什么是Web 2.2 Web的工作原理 2.3 Internet网络协议 2.4 IP地址、域名和URL 2.5 动态网页设计技术简介
《人机交互与界面设计》
2020/8/19
2
2.1 什么是Web
• Web
– 全称为World Wide Web,缩写为WWW。也称环球网、 万维网、全球信息网等。
➢Web服务器接到浏览器的请求后,把网址转换成页面所在服务器 的文件路径名。
➢如果网址指向的是普通的HTML文档,Web服务器将直接把它传送 给浏览器。
➢HTML文档中可能包含用Java、JavaScript、ActiveX、VBScript等 编写的程序,服务器也将它们随HTML文档一起传送到浏览器,在浏览 器所在的机器上执行。
• Web是一种体系结构,通过它可以访问分布于Internet主机上 的链接文档。它有如下几层含义:
– Web是Internet提供的一种服务。 – Web不是Internet,Web是基于Internet、采用Internet协 议的一种体系结构。
– Web是存储在全世界Internet计算机中、数量巨大的文档的集 合。
– 配置服务器操作系统
UNIX、Windows Server、Linux等网络操作系统
– 安装专门的信息服务器程序
IIS(Internet Information Server)、 Apache等
《人机交互与界面设计》
2020/8/19
8
2.2 Web的工作原理
Web服务器提供服务的过程:
➢用户在浏览器中输入一个网址,浏览器便向该网址所指向的Web 服务器发出请求。