web-第1章基本概念

Web开发技术教师：孙倩E-mail：：1.课时安排上课时间1-14周，其中上课36学时，上机20学时。2.考试期末成绩70%+平时成绩30%〔考勤、实验报告〕。4.百度云盘账号：

密码：webdesign3.实验报告统一实验报告纸，每次实验结束，认真书写报告。占期末成绩20%，其中大实验占10%。课程介绍1.Web根本知识2.Web站点规划3.Web效劳器的配置4.Html5〔重点〕5.CSS3〔重点〕6.XML简介7.Javascript〔重点〕8.jQuery简介9.Json和Ajax教学目的通过本课程的学习，使学生掌握常用的Web开发的根底知识、常用的技术与方法，能独立开发小型、中型的Web应用系统，并了解最新的Web技术及其应用。3第一章Web技术概述1.1根本概念1.2Web工作机制1.3Web开发技术介绍一、什么是Web〔WWW〕?1.1根本概念二、Web三要素:统一资源定位（URL）：解决网上资源在何处的问题。资源访问方式（HTTP）：解决用什么方法访问资源的问题。超链接：提供在资源之间自由访问的手段。WWW是WorldWideWeb的缩写，中文译名“万维网”。Web是Internet提供的一种效劳，是基于Internet、采用Internet协议的一种体系结构。1〕什么是URL〔UniversalResourceLocator〕?URL中文名为“统一资源定位器”。每一个站点及站点上的每个网页都有一个唯一的地址，向浏览器输入URL，可以访问URL指出的Web网页。URL的根本结构为：通信协议://效劳器名称[:通信端口号]/文件夹…/文件名例如：://163:2100/bbs/index.htm2〕HTTP是在Internet上传送超文本的协议，它是运行在TCP/IP集之上的应用协议。简单地说，HTTP就是专门为WWW设计的协议。HTTP协议特点：无状态的第一次请求完成后，效劳器不会记住客户的状态。第二次请求时，效劳器需要重新读取客户的信息。基于请求和应答的模式浏览器向效劳器发送请求，效劳器根据浏览器的请求作出不同的应答。3〕超链接有了美妙的文字、精致的图片和生动的动画的网页还不能称之为网站，还要通过一种方式把这些独立的网页连接在一起，使之构成一个统一的整体，而这种连接各个页面的功能叫超链接。可以说超链接是网站的脉络。Web应用(WebApplication)，也称Web应用系统。是利用各种动态Web技术开发的基于浏览器/效劳器〔Browser/Server，B/S)模式的事务处理系统。其事务逻辑处理和数据的逻辑运算由Web效劳器、数据库效劳器和客户端共同提供，用户借助浏览器在客户端运行，运行结果通过浏览器返回给用户。三、什么是Web应用?常见的网络计算器、留言板、聊天室和论坛BBS等，都是Web应用程序，不过这些应用相比照较简单，而Web应用的真正核心和动力应该是对企业的业务进行处理。Web网站是伴随Internet技术而出现的一种由Web页面组成的、用于图文信息发布的网络媒体。每个Web页面是一个由各种文字、图片等信息组成的页面文档(Document)它是作为静态视图存储在效劳器中，并通过浏览器下载到客户端显示，这些页面文档通过链接(Links)形成一个Web网站。Web应用是一种经由Internet或Intranet、以Web方式访问的应用程序，属于软件工程的范畴。它应具有以下显著的特点：它是作为单一实体、具有特定功能的计算机软件应用程序；它是通过网络浏览器来运行的，并通过效劳器处理数据以提供业务计算或信息效劳。四、Web网站与Web应用共同点：基于B/S模式，都要求有好的可用性和用户体验。都是由页面(Page)组成的。区别：对于一个网站，用户关注的是它的内容、查询的效率和界面的效果。而对于一个Web应用，用户更关心的是它的功能，也就是它所能提供的效劳，并对其交互性有更高的要求。四、Web网站与Web应用〔续〕五、其他常见概念1〕网站〔WebSite〕又称Web站点，是Internet中提供信息效劳的机构，可以提供WWW、FTP等效劳。2〕Web页〔Webpage〕Web页是指Web效劳器上的一个个超文本文件。Web页中往往包含指向其他Web页面的超级链接。3〕主页〔Homepage〕用户在Web效劳器上看到的第一个Web页，该Web页一般的名称为default.htm或index.htm。首页中往往列出了网站的信息目录，或指向其他站点的超链接。4〕Web效劳器将本地的信息用超文本组织，为用户在Internet上搜索和浏览信息提供效劳。一、C/S模式与B/S模式1.2Web工作机制

1.C/S模式(Client/Server)C/S计算模式将应用一分为二：前端是客户机，几乎所有的应用逻辑都在客户端进行和表达，客户机完成与用户的交互任务。后端是效劳器，它负责后台数据的查询和管理、大规模的计算等效劳。通常客户端的任务比较繁重，称作“肥”客户端，而效劳器端的任务较轻，称作“瘦”效劳器。C/S模式的结构如下图：C/S计算模式具有以下几个方面的优点：通过异种平台集成，能够协调现有的各种根底结构：分布式管理；能充分发挥客户端PC的处理能力，平安、稳定、速度快，且在适当情况下可脱机操作。2.B/S模式B/S模式是一种基于Web的协同计算模式，是一种三层架构的瘦客户机/肥效劳器的计算模式。第一层为客户端表示层，客户层只保存一个Web浏览器，不存放任何应用程序，其运行代码可以从位于第二层Web效劳器下载到本地的浏览器中执行，几乎不需要任何管理工作。第二层是应用效劳器层，由一台或多台效劳器〔Web效劳器也位于这一层〕组成，处理应用中的所有业务逻辑，包括对数据库的访问等工作，该层具有良好的可扩充性，可以随着应用的需要任意增加效劳的数目。第三层是数据中心层，主要由数据库系统组成。B/S模式的结构如下图:B/S模式与传统的C/S模式相比表达了集中式计算的优越性：具有良好的开放性，利用单一的访问点，用户可以在任何地点使用系统；用户可以跨平台以相同的浏览器界面访问系统；因为在客户端只需要安装浏览器，取消了客户端的维护工作，有效地降低了整个系统的运行和维护本钱。1.获取静态网页过程二、浏览器与Web效劳器的工作原理2.获取动态网页过程①客户端动态网页JavaScript+DOM+CSS实现动态网页微软的ActiveX技术Sun的JavaApplet技术MicroMediaFlash技术②效劳器端动态页面简单的讲是效劳器需要执行相关代码才能返回的页面。动态内容能够为单个用户的每次访问量身定制的内容。动态网页允许双向的交流。三、Web的工作过程1.3Web开发技术介绍Web开发平台客户端技术效劳端技术一、Web开发平台.NET开发平台2000年6月，微软公司宣布其.NET战略。2001年，ECMA通过了Microsoft提交的C#语言和CLI标准，这两个技术标准构成了.NET平台的基石。2002年，Microsoft正式发布.NETFramework和VisualStudio.NET开发工具。微软公司的.NET战略揭示了一个全新的境界，提供了一个新的软件开发模型。.NET战略的一个关键特性在于它独立于任何特定的语言或平台。它不要求程序员使用一种特定的程序语言。相反，开发者可使用多种.NET兼容语言的任意组合来创立一个.NET应用程序。多个程序员可致力于同一个软件工程，但分别采用自己最精通的.NET语言编写代码。JavaJava是SunMicrosystems公司于1995年5月推出的程序设计语言(Java语言)和Java平台的总称。它最初的名字是Oak，被设计用来在嵌入式系统中运行，后来被用做了基于Web的技术。Java平台由Java虚拟机和Java应用编程接口(JavaAPI)构成。JavaAPI为Java应用提供了一个独立于操作系统的标准接口，使得Java具备了平台无关性。跨平台、动态的Web、Internet计算是Java的主要特征，它经常被Web效劳器使用以发布复杂的交互式应用。IBM的WebSphere、BEA的WebLogic都是这一领域里最为成功的商业软件平台。二、Web客户端开发技术①HTML〔HypertextMarkupLanguage，超文本标记语言〕HTML是最根本的网页设计语言，它是一种文本形式的标记符号语言，可以使用任何文字处理软件编辑处理。HTML文档的扩展名通常是html或htm。②CSS〔CascadingStyleSheet，层叠样式表〕负责控制页面的外观表现，如布局、颜色和字体等。CSS提供了网页页面结构内容与表现形式的别离机制，大大简化了HTML页面的管理与维护工作，也提高了其开发的工作效率。CSS可用于控制任何HTML和XML内容的表现形式。③脚本脚本〔Script〕是一种介于HTML与编程语言之间的特殊语言，可以使Web页面具有动态效果和交互功能。比较流行的脚本语言有两种：VBScript和JavaScript。JavaScript是由Netscape公司开发的一种脚本语言，借助JavaScript等脚本语言，可以在Web页面实现客户端与效劳器的动态交互。JavaScript短小精悍，又是在客户机上执行，大大提高了网页的浏览速度和交互能力。它是专门为制作Web页面而量身定做的一种简单的编程语言，如今JavaScript越来越广泛地使用于Web开发上。Jquery是辅助JavaScript开发的库。④XML〔ExtensibleMarkupLanguage，可扩展的标记语言〕是一套定义语义标记的规那么，描述的是数据的实际内容，不描述数据显示方式。应用XML制作页面的根本思想是：将内容与内容的显示方式分别定义，以使内容组织人员将精力集中于内容本身。⑤XHTML〔TheExtensibleHyperTextMarkupLanguage，可扩展超文本标记语言〕实际上是HTML向XML过渡过程中产生的一种标签语言。结合了HTML和XML的优点，由于它和HTML很相似，所以可以很容易把以前的HTML进行简化和改装，形成新的XHTML文档，这要比直接重新构建XML文档简单的多。⑥Ajax当前和未来的Web开发不得不提到近几年最流行的一个词语Ajax。Ajax是当前非常流行的Web开发技术。Ajax并不是什么新的技术，只不过是JavaScript中一些相比照较高级的特性的综合应用。一般来说，Ajax所涉及的Javascript特性主要包括：通过JavaScript的XMLHttpRequest对象实现异步请求与调用。通过JavaScript对XML进行解析和处理。通过JavaScript操作DOM来实现客户端的动态显示。⑦JSON〔JavaScriptObjectNotation〕是一种轻量级的数据交换语言，以文字为根底，且易于让人阅读。主要用于跟效劳器进行交换数据。跟XML相类似，它独立语言，在跨平台数据传输上有很大的优势。尽管JSON是在Javascript的一个子集，但JSON是独立于语言的文本格式，并且采用了类似于C语言家族的一些习惯。三、Web效劳器端开发技术1.CGI技术2.JSP(JavaServerPages)技术3.ASP(ActiveServerPages)与ASP.NET技术4.PHP(PersonalHomepageTools)技术1.CGI技术CGI〔CommonGatewayInterface，公共网关接口〕是Web开发应用中使用最早的一种技术。是在WebServer端运行的一个可执行程序。CGI就是为了扩展页面的功能而设立的，CGI是动态Web页面的根底，也是Web与其他应用交互的根底。缺点：编写方式困难，效率低下。2.ISAPIISAPI〔Internet效劳器应用程序编程接口〕微软公司为编程人员提供的另一种动态web页面开发方法。其功能依赖于DLL而不是可执行程序。ISAPI扩展对象在效劳器的生命周期内通常只装载一次，而且ISAPI程序通常运行在IIS的进程空间，这样ISAPI扩展对象可以更好的与IIS交互，这种运行模式将提高效劳器的性能。缺点：编写ISAPI程序对编写者的要求非常高，很难掌握编写方法。3.ASP技术ASP〔ActiveServerPages〕技术是Microsoft公司在1996年底推出