《《网页设计与编程》PPT课件》由会员分享，可在线阅读，更多相关《《网页设计与编程》PPT课件（21页珍藏版）》请在金锄头文库上搜索。
1、第第10 讲讲 网页设计与编程网页设计与编程（一）（一）动态网页设计的基本概念参考资料：基于开放平台的网页设计与编程 程向前编著 清华大学出版社 2002.8 1引 论 34-概述概述n在过去的几年中，万维网（在过去的几年中，万维网（Web）技术的飞速）技术的飞速发展融汇了大量的信息，从商品广告到人才招发展融汇了大量的信息，从商品广告到人才招聘；从学术交流到娱乐新闻聘；从学术交流到娱乐新闻。万维网提供了。万维网提供了一个可以轻松驾驭的图形化用户界面，以查阅一个可以轻松驾驭的图形化用户界面，以查阅因特网上的文档，这些文档以及它们之间的链因特网上的文档，这些文档以及它们之间的链接一起构成了一个庞大
2、的信息网。接一起构成了一个庞大的信息网。2引 论 34-概述概述n一般来说，早期的网页完全使用一般来说，早期的网页完全使用HTML（Hypertext Markup Language）编制）编制，此类网页不会随着时间、场合等其他因素而，此类网页不会随着时间、场合等其他因素而变化，被称为变化，被称为“静态网页静态网页”。由于用。由于用HTML编编制的网页仅使用普通的制的网页仅使用普通的ASCII代码构成，可以代码构成，可以跨平台（计算机及操作系统）使用。因此，无跨平台（计算机及操作系统）使用。因此，无论论Web服务器或浏览器驻留在哪一种计算机或服务器或浏览器驻留在哪一种计算机或操作系统上，其差异
3、并不是太大。操作系统上，其差异并不是太大。 3引 论 34-概述概述n随着随着Web技术的发展，单一的技术的发展，单一的HTML已经不能已经不能满足网页制作的要求。例如：满足网页制作的要求。例如：q用户要求在网页上产生某些动态的效果；用户要求在网页上产生某些动态的效果；q用户要求服务器发布其机器内部的时间信息，仅使用户要求服务器发布其机器内部的时间信息，仅使用用HTML无法完成这种要求无法完成这种要求n这就需要使用程序语言来把这就需要使用程序语言来把“静态静态”的的HTML网页，变成网页，变成“动态动态”的的HTML网页网页4引 论 34-概述概述n概括起来，对动态网页技术的发展要求分成两概括
4、起来，对动态网页技术的发展要求分成两大类：大类：q一种是商业广告方面的要求，使得网页产生动态效一种是商业广告方面的要求，使得网页产生动态效果，来吸引人们的注意力果，来吸引人们的注意力q另一种是要求完成信息收集和交互的功能，使得网另一种是要求完成信息收集和交互的功能，使得网页可以成为网络信息管理系统的工具（成为网络商页可以成为网络信息管理系统的工具（成为网络商务平台的技术基础）务平台的技术基础）5引 论 34-概述概述n动态网页的工作模式有两种，一种是将程序代动态网页的工作模式有两种，一种是将程序代码镶嵌在码镶嵌在HTML网页中，下载到用户浏览器中，网页中，下载到用户浏览器中，由用户浏览器进程对
5、下载的代码进行解读和执由用户浏览器进程对下载的代码进行解读和执行后，将执行结果显示在浏览器屏幕上。行后，将执行结果显示在浏览器屏幕上。 6引 论 34-概述概述n这类动态网页标准的发展往往是由厂商自主进行的，这类动态网页标准的发展往往是由厂商自主进行的，因此，其工作效果往往与浏览器产品有关，以常用的因此，其工作效果往往与浏览器产品有关，以常用的两种浏览器为例加以说明。两种浏览器为例加以说明。程序语言程序语言IE6执行执行Netscape6执行执行Java否否可可Java Script否否可可VB Script可可否否ActiveX对象对象可可否否7引 论 34-概述概述n动态网页的另一种工作模
6、式是由服务器执行镶动态网页的另一种工作模式是由服务器执行镶嵌在嵌在HTML网页中的程序，并将程序执行的结网页中的程序，并将程序执行的结果发布到网络上，由用户浏览器并将结果在屏果发布到网络上，由用户浏览器并将结果在屏幕上展示。幕上展示。n目前，比较流行的服务器端动态网页程序设计目前，比较流行的服务器端动态网页程序设计语言有语言有JSP、ASP、PHP等。等。n本讲的重点放在服务器执行的动态网页设计本讲的重点放在服务器执行的动态网页设计n这种基本方法广泛应用于网络事务处理、电子这种基本方法广泛应用于网络事务处理、电子商务等应用领域。商务等应用领域。8引 论 34-Web网页的三种工作模式网页的三种
7、工作模式9引 论 34-10引 论 34-本讲的实验基础本讲的实验基础qWeb服务器（服务器（Apache for UNIX, Xitami for Windows）q中间件（中间件（PHP）q数据库（数据库（MySQL）n这些系统环境的安装，在前序和本课程的实验这些系统环境的安装，在前序和本课程的实验环节中已经进行环节中已经进行n本讲的主要内容对服务器端的动态网页设计的本讲的主要内容对服务器端的动态网页设计的基本原理和过程进行阐述基本原理和过程进行阐述11引 论 34-12引 论 34-本课程的实验平台本课程的实验平台nPHP1是一种在服务器端执行的脚本语言。这意味着是一种在服务器端执行的脚
8、本语言。这意味着它可以很好地和它可以很好地和HTML融合，产生需要的文档。融合，产生需要的文档。n选择选择PHP作为学习动态网页的程序设计语言，主要是作为学习动态网页的程序设计语言，主要是它的简便易用，用近乎自然的方式使用数据库，保持它的简便易用，用近乎自然的方式使用数据库，保持系统平台的无关性。系统平台的无关性。n选择选择PHP，可以在，可以在MS Windows 下开发、调试动态下开发、调试动态网页，然后将其发布到网页，然后将其发布到 UNIX下的网页服务器上。下的网页服务器上。n1 PHP的正式定义为的正式定义为“PHP Hypertext Preprocessor”。13引 论 34-
9、本课程的实验平台本课程的实验平台(续续)n选择选择PHP作为动态网页设计的语言的另一个原作为动态网页设计的语言的另一个原因是它的实用性。据统计，在因是它的实用性。据统计，在2000年，全世界年，全世界已经有已经有360万余个域名和万余个域名和60万余个万余个IP使用使用PHP编程。编程。n使用使用PHP可以执行很多任务，从简单地创建信可以执行很多任务，从简单地创建信息收集表单、发送电子邮件给网站管理员，由息收集表单、发送电子邮件给网站管理员，由数据库驱动的文档管理系统、帮助系统、电子数据库驱动的文档管理系统、帮助系统、电子商务应用程序等等。商务应用程序等等。14引 论 34-本课程的实验平台本
10、课程的实验平台(续续)nPHP的语言特点基本上源于的语言特点基本上源于C语言，而其对数语言，而其对数据库的内在支持更使之成为据库的内在支持更使之成为ASP（微软的服务器端微软的服务器端动态网页的解决方案动态网页的解决方案）的强大对手。）的强大对手。n作为一种服务器内置式的脚本语言，语法混合作为一种服务器内置式的脚本语言，语法混合了了C、JAVA、Perl以及以及PHP式的新语法。它的式的新语法。它的出现使得在出现使得在Unix上更快速地开发动态网页成为上更快速地开发动态网页成为现实。现实。15引 论 34-本课程的实验平台本课程的实验平台(续续)n用用PHP写出的写出的Web服务器端服务器端C
11、GI代码，可以很代码，可以很轻易地移植到不同的平台上。例如，用轻易地移植到不同的平台上。例如，用Linux系统的网站，在系统负荷过高时，可以快速地系统的网站，在系统负荷过高时，可以快速地将整个系统移到将整个系统移到Sun工作站上，不用重新修订工作站上，不用重新修订CGI程序。程序。n面对快速发展的因特网，这是长期规划的最好面对快速发展的因特网，这是长期规划的最好选择之一。选择之一。16引 论 34-本课程的实验平台本课程的实验平台(续续)n当网站发展时，用户可能会遇到这样的问题：当网站发展时，用户可能会遇到这样的问题：q网站内容膨胀，使得访问者不能很快地得到他们所需的资料。网站内容膨胀，使得访
12、问者不能很快地得到他们所需的资料。q网站管理者需要收集访问者的信息，而且这些信息必须保存网站管理者需要收集访问者的信息，而且这些信息必须保存以备不时之需。以备不时之需。n这两个问题，可以通过建立数据库系统来解决。在这两个问题，可以通过建立数据库系统来解决。在WWW的世界中，数据库无处不在。大到像新浪、搜的世界中，数据库无处不在。大到像新浪、搜狐，小到一个简单的留言簿，都可以看到数据库的用狐，小到一个简单的留言簿，都可以看到数据库的用武之地。可以这样说，数据库是所有万维网高级应用武之地。可以这样说，数据库是所有万维网高级应用的基础。的基础。 17引 论 34-本课程的实验平台本课程的实验平台(续
13、续)n几乎所有主要的商业网站的数据库都是基于几乎所有主要的商业网站的数据库都是基于结构化查询语言 (Structured Query Language，SQL）的，）的，其中应用最为广泛的可能得算其中应用最为广泛的可能得算Oracle了。了。nSQL的出现使得信息的存储、查询、更新更容易。例的出现使得信息的存储、查询、更新更容易。例如，可以用如，可以用SQL语言为一个网站检索产品信息及存储语言为一个网站检索产品信息及存储顾客信息。顾客信息。n在最近的几年中，一些公司发布了在最近的几年中，一些公司发布了“开放代码开放代码”的的SQL应用程序，其中最比较著名的要数应用程序，其中最比较著名的要数My
14、SQL了。了。它对非商业性应用开发来说是免费的，对于一般的中它对非商业性应用开发来说是免费的，对于一般的中小型数据库应用来说，其表现并不比小型数据库应用来说，其表现并不比Oracle逊色。逊色。18引 论 34-本课程的实验平台本课程的实验平台(续续)nMySQL是一个真正的多用户、多线程是一个真正的多用户、多线程SQL数数据库。据库。nMySQL是由一个客户机是由一个客户机/服务器结构来实现，服务器结构来实现，它由一个服务器守护程序它由一个服务器守护程序mysqld和很多不同和很多不同的客户程序和库组成，同时的客户程序和库组成，同时MySQL足够快速足够快速和灵活以便允许你存储记录文件和图像
15、。和灵活以便允许你存储记录文件和图像。19引 论 34-本课程的实验平台本课程的实验平台nLinux、Apache、PHP、MySQL组合是本课程是本课程所建议的实验平台之一。所建议的实验平台之一。n该实验平台的优点是性能稳定，响应速度快，该实验平台的优点是性能稳定，响应速度快，该平台的建立也为学生提供了进行该平台的建立也为学生提供了进行UNIX操作操作系统的操作训练、多用户系统中的个人网页发系统的操作训练、多用户系统中的个人网页发布平台、使用布平台、使用FTP上传网页等重要实验的实验上传网页等重要实验的实验环境环境 , http:/202.117.35.70/20引 论 34-本讲小结本讲小结n万维网的基本概念，静态网页和动态网页的基万维网的基本概念，静态网页和动态网页的基本概念本概念n开放平台的基本概念和主要技术及软件开放平台的基本概念和主要技术及软件n本课程的学习方法和学习环境本课程的学习方法和学习环境21引 论 34-
