web-第1章基本概念幻灯片

1、Web 开发技术,教师：孙倩 E-mail：sunqian0201 电话1. 课时安排 上课时间1-14周，其中上课36学时，上机20学时。 2. 考试 期末成绩70%+平时成绩30%（考勤、实验报告）。,4. 百度云盘 账号密码：webdesign,3. 实验报告 统一实验报告纸，每次实验结束，认真书写报告。占期末成绩20%，其中大实验占10%。,课程介绍,1. Web基本知识 2. Web站点规划 3. Web服务器的配置 4. Html5（重点） 5. CSS3（重点） 6. XML简介 7. Javascript（重点） 8. jQu

2、ery简介 9. Json和Ajax,教学目的,通过本课程的学习，使学生掌握常用的Web开发的基础知识、常用的技术与方法，能独立开发小型、中型的Web应用系统，并了解最新的Web技术及其应用。,3,第一章 Web技术概述,1.1 基本概念 1.2 Web工作机制 1.3 Web开发技术介绍,一、什么是Web（WWW）?,1.1 基本概念,WWW是World Wide Web的缩写，中文译名“万维网”。 Web是Internet提供的一种服务，是基于Internet、采用Internet协议的一种体系结构。,1）什么是URL （Universal Resource Locator）? URL中文

3、名为“统一资源定位器”。每一个站点及站点上的每个网页都有一个唯一的地址，向浏览器输入URL，可以访问URL指出的Web网页。,URL的基本结构为： 通信协议:/服务器名称:通信端口号/文件夹/文件名,例如：:2100/bbs/index.htm,2）HTTP 是在Internet上传送超文本的协议，它是运行在TCP/IP集之上的应用协议。简单地说，HTTP就是专门为WWW设计的协议。,HTTP协议特点： 无状态的 第一次请求完成后，服务器不会记住客户的状态。第二次请求时，服务器需要重新读取客户的信息。 基于请求和应答的模式 浏览器向服务器发送请求，服务器根据浏览器的请求作出不同的应答。,3）超

4、链接 有了美妙的文字、精致的图片和生动的动画的网页还不能称之为网站，还要通过一种方式把这些独立的网页连接在一起，使之构成一个统一的整体，而这种连接各个页面的功能叫超链接。可以说超链接是网站的脉络。,Web应用(Web Application)，也称Web应用系统。是利用各种动态Web技术开发的基于浏览器/服务器（Browser/Server，B/S)模式的事务处理系统。其事务逻辑处理和数据的逻辑运算由Web服务器、数据库服务器和客户端共同提供，用户借助浏览器在客户端运行，运行结果通过浏览器返回给用户。,三、什么是Web应用?,常见的网络计算器、留言板、聊天室和论坛BBS等，都是Web应用程序，

5、不过这些应用相对比较简单，而Web应用的真正核心和动力应该是对企业的业务进行处理。,Web网站是伴随Internet技术而出现的一种由Web页面组成的、用于图文信息发布的网络媒体。每个Web页面是一个由各种文字、图片等信息组成的页面文档(Document) 它是作为静态视图存储在服务器中，并通过浏览器下载到客户端显示，这些页面文档通过链接(Links)形成一个Web网站。,Web应用是一种经由Internet或Intranet、以Web方式访问的应用程序，属于软件工程的范畴。它应具有以下显著的特点： 它是作为单一实体、具有特定功能的计算机软件应用程序； 它是通过网络浏览器来运行的，并通过服务器

6、处理数据以提供业务计算或信息服务。,四、Web网站与Web应用,共同点： 基于B/S模式，都要求有好的可用性和用户体验。都是由页面(Page)组成的。 区别： 对于一个网站，用户关注的是它的内容、查询的效率和界面的效果。而对于一个Web应用，用户更关心的是它的功能，也就是它所能提供的服务，并对其交互性有更高的要求。,四、Web网站与Web应用（续）,五、其他常见概念,1）网站（Web Site） 又称Web站点，是Internet中提供信息服务的机构，可以提供WWW、FTP等服务。,2）Web页（Web page） Web页是指Web服务器上的一个个超文本文件。Web页中往往包含指向其他Web

7、页面的超级链接。,3）主页（Home page） 用户在Web服务器上看到的第一个Web页，该Web页一般的名称为default.htm或index.htm。 首页中往往列出了网站的信息目录，或指向其他站点的超链接。,4）Web服务器 将本地的信息用超文本组织，为用户在Internet上搜索和浏览信息提供服务。,一、C/S模式与B/S模式,1.2 Web 工作机制,1. C/S模式(Client/Server) C/S计算模式将应用一分为二：前端是客户机，几乎所有的应用逻辑都在客户端进行和表达，客户机完成与用户的交互任务。后端是服务器，它负责后台数据的查询和管理、大规模的计算等服务。通常客户端

8、的任务比较繁重，称作“肥”客户端，而服务器端的任务较轻，称作“瘦”服务器。,C/S模式的结构如图所示 ：,C/S计算模式具有以下几个方面的优点： 通过异种平台集成，能够协调现有的各种基础结构：分布式管理；能充分发挥客户端PC的处理能力，安全、稳定、速度快，且在适当情况下可脱机操作。,2. B/S模式 B/S模式是一种基于Web的协同计算模式，是一种三层架构的瘦客户机/肥服务器的计算模式。 第一层为客户端表示层，客户层只保留一个Web浏览器，不存放任何应用程序，其运行代码可以从位于第二层Web服务器下载到本地的浏览器中执行，几乎不需要任何管理工作。第二层是应用服务器层，由一台或多台服务器（Web

9、服务器也位于这一层）组成，处理应用中的所有业务逻辑，包括对数据库的访问等工作，该层具有良好的可扩充性，可以随着应用的需要任意增加服务的数目。第三层是数据中心层，主要由数据库系统组成。,B/S模式的结构如图所示:,B/S模式与传统的C/S模式相比体现了集中式计算的优越性： 具有良好的开放性，利用单一的访问点，用户可以在任何地点使用系统；用户可以跨平台以相同的浏览器界面访问系统；因为在客户端只需要安装浏览器，取消了客户端的维护工作，有效地降低了整个系统的运行和维护成本。,1. 获取静态网页过程,二、浏览器与Web服务器的工作原理,2. 获取动态网页过程, 客户端动态网页, 服务器端动态页面,简单的

10、讲是服务器需要执行相关代码才能返回的页面。 动态内容能够为单个用户的每次访问量身定制的内容。 动态网页允许双向的交流。,三、Web的工作过程,1.3 Web开发技术介绍,Web开发平台 客户端技术 服务端技术,一、Web开发平台,.NET开发平台 2000年6月，微软公司宣布其.NET战略。2001年，ECMA通过了Microsoft提交的C#语言和CLI标准，这两个技术标准构成了.NET平台的基石。2002年，Microsoft正式发布.NET Framework和Visual Studio .NET开发工具。 微软公司的.NET战略揭示了一个全新的境界，提供了一个新的软件开发模型。.NET

11、战略的一个关键特性在于它独立于任何特定的语言或平台。它不要求程序员使用一种特定的程序语言。相反，开发者可使用多种.NET兼容语言的任意组合来创建一个.NET应用程序。多个程序员可致力于同一个软件项目，但分别采用自己最精通的.NET语言编写代码。,Java Java是Sun Microsystems公司于1995年5月推出的程序设计语言(Java语言)和Java平台的总称。它最初的名字是Oak，被设计用来在嵌入式系统中运行，后来被用做了基于Web的技术。 Java平台由Java虚拟机和Java 应用编程接口(Java API)构成。Java API为Java应用提供了一个独立于操作系统的标准接口

12、，使得Java具备了平台无关性。 跨平台、动态的Web、Internet计算是Java的主要特征，它经常被Web服务器使用以发布复杂的交互式应用。 IBM的WebSphere、BEA的WebLogic都是这一领域里最为成功的商业软件平台。,二、Web客户端开发技术, HTML（Hypertext Markup Language，超文本标记语言） HTML是最基本的网页设计语言，它是一种文本形式的标记符号语言，可以使用任何文字处理软件编辑处理。 HTML文档的扩展名通常是html或htm。, CSS（Cascading Style Sheet，层叠样式表） 负责控制页面的外观表现，如布局、颜色和

13、字体等。CSS提供了网页页面结构内容与表现形式的分离机制，大大简化了HTML页面的管理与维护工作，也提高了其开发的工作效率。CSS可用于控制任何HTML和XML内容的表现形式。, 脚本 脚本（Script）是一种介于HTML与编程语言之间的特殊语言，可以使Web页面具有动态效果和交互功能。比较流行的脚本语言有两种：VBScript和JavaScript。 JavaScript是由 Netscape公司开发的一种脚本语言，借助JavaScript等脚本语言，可以在Web页面实现客户端与服务器的动态交互。 JavaScript短小精悍，又是在客户机上执行，大大提高了网页的浏览速度和交互能力。它是专

14、门为制作Web页面而量身定做的一种简单的编程语言，如今JavaScript越来越广泛地使用于Web开发上。Jquery是辅助JavaScript开发的库。, XML （Extensible Markup Language，可扩展的标记语言） 是一套定义语义标记的规则，描述的是数据的实际内容，不描述数据显示方式。 应用XML制作页面的基本思想是：将内容与内容的显示方式分别定义，以使内容组织人员将精力集中于内容本身。, XHTML （The Extensible Hyper Text Markup Language，可扩展超文本标记语言） 实际上是HTML向XML过渡过程中产生的一种标签语言。结合

15、了HTML和XML的优点，由于它和HTML很相似，所以可以很容易把以前的HTML进行简化和改装，形成新的XHTML文档，这要比直接重新构建XML文档简单的多。, Ajax 当前和未来的Web开发不得不提到近几年最流行的一个词语Ajax。Ajax是当前非常流行的Web开发技术。 Ajax并不是什么新的技术，只不过是JavaScript中一些相对比较高级的特性的综合应用。一般来说，Ajax所涉及的Javascript特性主要包括： 通过JavaScript的XMLHttpRequest对象实现异步请求与调用。 通过JavaScript对XML进行解析和处理。 通过JavaScript操作DOM来实

16、现客户端的动态显示。, JSON（JavaScript Object Notation） 是一种轻量级的数据交换语言，以文字为基础，且易于让人阅读。主要用于跟服务器进行交换数据。跟XML相类似，它独立语言，在跨平台数据传输上有很大的优势。尽管JSON是在Javascript的一个子集，但JSON是独立于语言的文本格式，并且采用了类似于C语言家族的一些习惯。,三、Web服务器端开发技术,1. CGI技术 2. JSP(Java Server Pages)技术 3. ASP(Active Server Pages)与ASP.NET技术 4. PHP(Personal Homepage Tools)

17、技术,1. CGI技术,CGI（Common Gateway Interface，公共网关接口）是Web开发应用中使用最早的一种技术。是在Web Server端运行的一个可执行程序。CGI就是为了扩展页面的功能而设立的，CGI是动态Web页面的基础，也是Web与其他应用交互的基础。,缺点：编写方式困难，效率低下。,2. ISAPI,ISAPI（Internet服务器应用程序编程接口）微软公司为编程人员提供的另一种动态web页面开发方法。其功能依赖于DLL而不是可执行程序。 ISAPI扩展对象在服务器的生命周期内通常只装载一次，而且ISAPI程序通常运行在IIS的进程空间，这样ISAPI扩展对象

18、可以更好的与IIS交互，这种运行模式将提高服务器的性能。,缺点：编写ISAPI程序对编写者的要求非常高，很难掌握编写方法。,3. ASP技术,ASP（Active Server Pages）技术是Microsoft公司在1996年底推出的一种运行于服务器端的Web应用开发技术。 ASP本身包含了一个DLL文件，名字为asp.dll。这个文件负责得到一个ASP页面，然后对它进行分析，寻找服务器端脚本内容。,缺点： ASP技术局限于微软的操作系统平台。 ASP将标准HTML与脚本结合，这种代码编写方式大大限制了开发者实现代码重用和代码维护。,4. JSP技术,JSP （Java Server Pages）是Sun公司在1999年6月推出的一种动态网页技术。在HTML页面在加入Java程序段和JSP标记就构成了JSP网页。 JSP是基于Java的用于网上应用开发的Web开发技术。 跨平台应用是JSP的最大特色，“一次编写，各处运行”。,5. ASP.NET技术,ASP.NET是