web-第1章基本概念

Web开发技术教师：孙倩E-mail：[e-mail]电话：188531280161.课时安排上课时间1-14周，其中上课36学时，上机20学时。2.考试期末成绩70%+平时成绩30%（考勤、实验报告）。4.百度云盘账号：13964021460密码：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（）?1.1基本概念二、Web三要素:统一资源定位（URL）：解决网上资源在何处的问题。资源访问方式（HTTP）：解决用什么方法访问资源的问题。超链接：提供在资源之间自由访问的手段。的缩写，中文译名“万维网”。Web是Internet提供的一种服务，是基于Internet、采用Internet协议的一种体系结构。1）什么是URL（UniversalResourceLocator）?URL中文名为“统一资源定位器”。每一个站点及站点上的每个网页都有一个唯一的地址，向浏览器输入URL，可以访问URL指出的Web网页。URL的基本结构为：通信协议://服务器名称[:通信端口号]/文件夹…/文件名例如：）HTTP是在Internet上传送超文本的协议，它是运行在TCP/IP集之上的应用协议。简单地说，HTTP就是专门为设计的协议。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中提供信息服务的机构，可以提供、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页面开