西安交通大学：《计算机网络与通讯》课程教学资源（PPT课件讲稿）第10讲 网页设计与编程（1/3）

第10讲网页设计与编程() 动态网页设计的基本概念 参考资料: 《基于开放平台的网页设计与编程》程向前编著 清华大学出版社20028 引论

引 论 34- 1 第10 讲 网页设计与编程（一） 动态网页设计的基本概念 参考资料： 《基于开放平台的网页设计与编程》 程向前编著 清华大学出版社 2002.8

概述 在过去的几年中,万维网(Web)技术的飞速 发展融汇了大量的信息,从商品广告到人才招 聘;从学术交流到娱乐新闻.。万维网提供了 个可以轻松驾驭的图形化用户界面,以査阅 因特网上的文档,这些文档以及它们之间的链 接一起构成了一个庞大的信息网。 引论

引 论 34- 2 概述 ◼ 在过去的几年中，万维网（Web）技术的飞速 发展融汇了大量的信息，从商品广告到人才招 聘；从学术交流到娱乐新闻…。万维网提供了 一个可以轻松驾驭的图形化用户界面，以查阅 因特网上的文档，这些文档以及它们之间的链 接一起构成了一个庞大的信息网

概述 般来说,早期的网页完全使用HTML ( Hy pertext Markup Language)编制,此 类网页不会随着时间、场合等其他因素而变化, 被称为“静态网页”。由于用HTML编制的网 页仅使用普通的ASc代码构成,可以跨平台 计算机及操作系统)使用。因此,无论Web 服务器或浏览器驻留在哪一种计算机或操作系 统上,其差异并不是太大。 引论

引 论 34- 3 概述 ◼ 一般来说，早期的网页完全使用HTML （Hypertext Markup Language）编制，此 类网页不会随着时间、场合等其他因素而变化， 被称为“静态网页”。由于用HTML编制的网 页仅使用普通的ASCII代码构成，可以跨平台 （计算机及操作系统）使用。因此，无论Web 服务器或浏览器驻留在哪一种计算机或操作系 统上，其差异并不是太大

概述 随着Web技术的发展,单一的HTML已经不能 满足网页制作的要求。例如 口用户要求在网页上产生某些动态的效果; a用户要求服务器发布其机器内部的时间信息,仅使 用HTML无法完成这种要求 这就需要使用程序语言来把“静态”的HTML 网页,变成“动态”的HTML网页 引论

引 论 34- 4 概述 ◼ 随着Web技术的发展，单一的HTML已经不能 满足网页制作的要求。例如： ❑ 用户要求在网页上产生某些动态的效果； ❑ 用户要求服务器发布其机器内部的时间信息，仅使 用HTML无法完成这种要求 ◼ 这就需要使用程序语言来把“静态”的HTML 网页，变成“动态”的HTML网页

概述 ■概括起来,对动态网页技术的发展要求分成两 大类: 口一种是商业广告方面的要求,使得网页产生动态效 果,来吸引人们的注意力 另一种是要求完成信息收集和交互的功能,使得网 页可以成为网络信息管理系统的工具(成为网络商 务平台的技术基础) 引论

引 论 34- 5 概述 ◼ 概括起来，对动态网页技术的发展要求分成两 大类： ❑ 一种是商业广告方面的要求，使得网页产生动态效 果，来吸引人们的注意力 ❑ 另一种是要求完成信息收集和交互的功能，使得网 页可以成为网络信息管理系统的工具（成为网络商 务平台的技术基础）

概述 动态网页的工作模式有两种,一种是将程序代 码镶嵌在HTML网页中,下载到用户浏览器中, 由用户浏览器进程对下载的代码进行解读和执 行后,将执行结果显示在浏览器屏幕上。 引论

引 论 34- 6 概述 ◼ 动态网页的工作模式有两种，一种是将程序代 码镶嵌在HTML网页中，下载到用户浏览器中， 由用户浏览器进程对下载的代码进行解读和执 行后，将执行结果显示在浏览器屏幕上

概述 这类动态网页标准的发展往往是由厂商自主进行的, 因此,其工作效果往往与浏览器产品有关,以常用的 两种浏览器为例加以说明。 程序语言E6执行 Netscape6执行 Java Java Script VB Script 否否可可 可可否否 ActiveX对象 引论

引 论 34- 7 概述 ◼ 这类动态网页标准的发展往往是由厂商自主进行的， 因此，其工作效果往往与浏览器产品有关，以常用的 两种浏览器为例加以说明。 程序语言 IE6执行 Netscape6执行 Java 否 可 Java Script 否 可 VB Script 可 否 ActiveX对象 可 否

概述 动态网页的另一种工作模式是由服务器执行镶 嵌在HTML网页中的程序,并将程序执行的结 果发布到网络上,由用户浏览器并将结果在屏 幕上展示。 目前,比较流行的服务器端动态网页程序设计 语言有JSP、ASP、PHP等 本讲的重点放在服务器执行的动态网页设计 这种基本方法广泛应用于网络事务处理、电子 商务等应用领域。 引论

引 论 34- 8 概述 ◼ 动态网页的另一种工作模式是由服务器执行镶 嵌在HTML网页中的程序，并将程序执行的结 果发布到网络上，由用户浏览器并将结果在屏 幕上展示。 ◼ 目前，比较流行的服务器端动态网页程序设计 语言有JSP、ASP、PHP等。 ◼ 本讲的重点放在服务器执行的动态网页设计 ◼ 这种基本方法广泛应用于网络事务处理、电子 商务等应用领域

Web网页的三种工作模式 erver 执行程序 Web server Web server Web server 下载 下载 下载 网页 程序 结果 Browser解读 rowser执行 Browser解读 网页 程序 网页 静态网页工作模式动态网页工作模式(1)动态网页工作模式(2)

Web网页的三种工作模式 Browser 执行 程序 Browser 解读 网页 Server 执行程序 静态网页工作模式 动态网页工作模式（1） 动态网页工作模式（2） Web Server 下载 网页 Web Server 下载 程序 Web Server 下载 结果 Browser 解读 网页

HTML ∥ eb server les Browser Database Middleware Server Database rocess Database Function S Internet 普通网站的基本构成 引论 10

引 论 34- 10 Browser Database Function Database Server Process NOS Web Server Middleware Database 普通网站的基本构成 Internet HTML files