1.2 网页浏览的基本原理 课件 -2022-2023学年高一下学期（中职）《网页设计与制作》（高等教育出版社）

网页设计与制作 第01章 网页设计概述 本章内容 网页基本概念 网页浏览的基本原理 常用网页编辑工具 网页设计基础知识 2 网页设计与制作 1.2 网页浏览的基本原理 1.2.1 WWW服务器工作模式 1．客户机和服务器 Web服务是建立在客户机/应用服务器/数据库服务器（Client/ Server/ Database Server，C/S/DS）三层结构模型之上的，在网络环境中，客户机向服务器发出服务请求，服务器接收并处理客户的请求，最后将结果返回到客户机。 3 网页设计与制作 1.2 网页浏览的基本原理 2．WWW的工作过程 WWW是一种基于超链接（hyperlink）的超文本（hypertext）和超媒体（hypermedia）系统，由于提供的信息的多样性，也称为超媒体环球信息网。 4 网页设计与制作 1.2 网页浏览的基本原理 WWW的工作步骤如下。 （1）用户启动客户端浏览器，在浏览器地址栏中输入想要访问网页的URL，浏览器软件通过HTTP协议自动向URL地址所在的Web服务器发出服务请求。 （2）服务器根据客户端浏览器发来的请求，把URL地址转化成页面所在服务器上的文件路径，找出相应的网页文件。 （3）如果网页中仅包含静态的HTML文档，则服务器直接使用HTTP协议将该文档发送回客户端；如果HTML文档中还包含有JavaScript或VBScript脚本代码，则这些代码也将随同HTML文档一起下载；如果网页中还嵌套有动态的CGI、ASP、JSP等服务器端程序，则这些程序将先由服务器执行，再将执行结果以HTML文档的形式发送回客户端。 （4）客户端浏览器对服务器返回的HTML文档进行解释，并将结果以网页的形式在浏览器上显示出来。 5 网页设计与制作 1.2 网页浏览的基本原理 3．C/S与B/S结构 C/S（Client/Server，客户机/服务器）结构是在早期的网络应用程序开发中广泛采用的架构，应用程序的处理由客户机和服务器共同分担完成。服务器具有数据采集、控制和与客户机通信的功能；客户机则包括与服务器通信和用户界面模块。 C/S最主要的优点在于能充分发挥客户端PC的处理能力，很多工作可以在客户机上处理后再提交给服务器，所以客户端响应速度快，能够为服务器均衡事务的处理，大大提高系统的事务处理能力。但C/S最大的缺点就是客户端程序的升级和维护代价大，可移植性不好。 6 网页设计与制作 1.2 网页浏览的基本原理 B/S（Browser/Server，浏览器/服务器）结构是随着Web兴起而诞生并快速发展的一种网络结构模式。在这种模式下客户端得到了简化——浏览器成为客户端最主要的应用软件，系统功能实现的核心部分都集中到服务器上，简化了系统的开发、维护和使用。客户机上只要安装一个浏览器，服务器安装Oracle、Sybase、Informix或 SQL Server等数据库。浏览器通过Web服务器同数据库进行数据交互。 B/S最大的优点就是可以在任何地方进行客户端操作而不用安装专门的软件，只要具备可上网的浏览器就能使用，实现了客户端零安装、零维护，系统的扩展非常容易。 7 网页设计与制作 1.2 网页浏览的基本原理 1.2.2 网页浏览器 网页浏览器是指用于浏览Web页面的软件（简称浏览器），它是上网冲浪的必备工具。浏览器主要通过HTTP协议与WWW服务器交互并获取网页，这些网页由URL指定。一个网页中可以包括多个文档（如图片、动画、视频等），每个文档都是分别从服务器获取的。大部分的浏览器支持包含HTML在内的广泛的格式，例如JPEG、PNG、GIF等图像格式，并且能够扩展支持众多的插件（plug-ins）。另外，许多浏览器还支持其他的URL类型及其相应的协议，如FTP、Gopher、HTTPS（HTTP协议的加密版本）等。 8 网页设计与制作 1.2 网页浏览的基本原理 浏览器的种类繁多，它们具有不同的引擎和内核，当然也有不同的界面，用户可以根据自己的喜好来进行选择。 1．Microsoft——Internet Explorer（IE） 2．Google——Chrome 3．Mozilla——Firefox 4．Maxthon（MyIE2） 5．Opera …… 9 网页设计与制作 $