《Web基础知识》PPT课件.ppt

Web基础知识,主要内容：,Web简介Web技术简介网站HTML,一、web简介,（一）Internet（二）Web（三）Web应用,（一）internet,1、由来：1982年ARPANET把TCP/IP协议作为它的标准协议,称以ARPANET为主干网的国际互连网为INTERNET。,ARPANET：1968年美国国防部高级研究计划局建立ARPANET网,立项研究不同计算机间的通信问题。,TCP/IP：TCP/IP协议是Internet通信协议集的总称，含有上百个协议，TCP和IP本身是最基本的两个协议。IP:InternetProtocol,网际协议TCP:TransmissionControlProtocol,传输控制协议,（一）internet,Internet中文名称互联网。又称因特网。（是全球性的网络，是一种公用信息的载体。）,2、一种定义：是由一些使用公共语言互相通信的计算机连接而成的网络，即广域网、局域网及单机按照一定的通讯协议组成的国际计算机网络。,（一）internet,3、作用,互联网是指将两台以上的计算机终端、客户端、服务端通过计算机信息技术的手段互相联系起来的结果，人们可以：,（一）internet,3、作用,与千里之外的人：（1）相互发送邮件；（2）共同工作；（3）共同娱乐；此外，还是物联网的重要组成部分。（物联网是当下,几乎所有技术与计算机技术的结合，让信息更快更准地收集、传递、处理并执行。）,（一）internet,4、我国互联网发展现状：,2013年7月17日，中国互联网络信息中心（CNNIC）在京发布第32次中国互联网络发展状况统计报告（以下简称报告）。报告显示，截至2013年6月底，我国网民规模达到5.91亿，互联网普及率为44.1%。,（一）internet,4、我国互联网发展现状：,（一）internet,4、我国互联网发展现状：,2012.12-2013.6中国网民对各类网络应用的使用率,中国网民对各类网络应用的使用率,（一）internet,中国网民对各类网络应用的使用率,手机作为上网终端的表现抢眼,（一）internet,4、我国互联网发展现状：,（二）web,1、web含义：本意蜘蛛网，现广泛译作网络、互联网等技术领域。,2、特点：（1）图形化,（二）web,Web非常流行的一个很重要的原因就在于它可以在一页上同时显示色彩丰富的图形和文本的性能。,2、特点：（1）图形化,（二）web,（2）web与平台无关,无论你的系统平台是什么，你都可以通过internet访问www。,（3）web是分布式的,大量的图形、音频和视频信息会占用相当大的磁盘空间，我们甚至无法预知信息的多少。对于web没有必要把所有信息都放在一起，信息可以放在不同的站点上，只需要在浏览器中指明这个站点就可以了。,2、特点：（1）图形化,（二）web,（2）web与平台无关,（3）web是分布式的,（4）web是动态的,由于web站点的信息包含站点本身的信息，信息的提供者可以经常对站上的信息进行更新。一般各信息站点都尽量保证信息的时间性。,（5）web是交互的,web的交互性首先表现在它的超链接上，用户的浏览顺序和所到站点完全由他自己决定；另外通过填写form可以向服务器提交请求。,3、表现形式：（1）超文本(hypertext),（二）web,超文本是一种用户接口范式，用以显示文本及与文本相关的内容。,超文本的格式有很多，最常使用的是HTML（超文本标记语言）和RTF（富文本格式）。,超文本链接是一种全局性的信息结构，它将文档中的不同部分通过关键字建立链接，是信息得以用交互方式搜索。,（2）超媒体(hypermedia),3、表现形式：（1）超文本(hypertext),（二）web,超媒体是超文本和多媒体在信息浏览环境下的结合。它是超级媒体的简称。用户可以激活一段声音，显示一个图形甚至可以播放一段动画。,Web就是一种超文本信息系统，使得文本不再像像一本书一样是固定的线性的。而是可以从一个位置跳到另一个位置，这是这种多连接性把它称为web。,（3）超文本传输协议(http),（2）超媒体(hypermedia),3、表现形式：（1）超文本(hypertext),（二）web,超文本传输协议（HTTP）HyperTransferProtocol是超文本在互联网上的传输协议。,（三）web应用,1、含义：,常见的计数器、留言板、聊天室和论坛BBS等都是web应用程序，不过这些应用相对比较简单，而web应用程序的真正核心主要是对数据进行处理。,聊天室留言板计数器,2、web应用程序的两种模式：,（三）web应用,C/S是客户端/服务器端程序。这类程序一般独立运行。,B/S是浏览器端/服务器端程序。这类程序一般借助IE等浏览器运行运行。,3、浏览器/服务器体系结构优点：,（三）web应用,（1）这种架构采用internet上标准的通信协议（通常是TCP/IP协议）作为客户机同服务器的协议，使位于internet任意位置的人都能够正常访问服务器。,（2）在服务器上对数据进行处理，就处理的结果产生网页，以方便客户端直接下载。,（3）将浏览器作为客户端的应用程序，以实现对数据的显示。不需要再为客户端单独编写和安装其他类型的应用程序。,二、web技术简介,（一）Web技术（二）分类（三）发展,（一）Web技术,WorldWideWeb（简称Web）是随着Internet的普及使用而发展起来的一门技术，它的发明极大地方便了人们对Internet上资源的组织和访问。,（二）分类,1、web客户端技术2、web服务端技术,（二）分类,1、Web客户端技术：,Web客户端的主要任务是展现信息内容。Web客户端设计技术主要包括：HTML语言、JavaApplets、脚本程序、CSS、DHTML、插件技术以及VRML技术。,（4）CSS(CascadingStyleSheets)，即级联样式表。,它是嵌入在HTML文档中的程序。使用脚本程序可以创建动态页面，大大提高交互性。用于编写脚本程序的语言主要有JavaScript和VBScript。,通过在HTML文档中设立样式表，可以统一控制HTML中各标志显示属性。,HTML是HypertextMarkupLanguage（超文本标记语言）的缩写，它是构成Web页面的主要工具。,（1）HTML语言。,（二）分类,1、Web客户端技术：,（2）JavaApplets，即Java小应用程序。,JavaApplets使得Web页面从只能展现静态的文本或图像信息，发展到可以动态展现丰富多样的信息。,（3）脚本程序。,（1）HTML语言。,（二）分类,1、Web客户端技术：,（2）JavaApplets，即Java小应用程序。,（3）脚本程序。,（4）CSS(CascadingStyleSheets)，即级联样式表。,（5）DHTML(DynamicHTML)，即动态HTML。,同样是实现HTML页面的动态效果，DHTML技术无须启动Java虚拟机或其他脚本环境，可以在浏览器的支持下，获得更好的展现效果和更高的执行效率。,（6）插件技术。,这一技术大大丰富了浏览器的多媒体信息展示功能，常见的插件包括QuickTime、Realplayer、MediaPlayer和Flash等。,（7）VRLM技术。,VRML是目前创建三维对象最重要的工具，它是一种基于文本的语言，并可运行于任何平台。,（二）分类,2、web服务端技术:,与Web客户端技术从静态向动态的演进过程类似，Web服务端的开发技术也是由静态向动态逐渐发展、完善起来的。Web服务器技术主要包括服务器、CGI、PHP、ASP、ASP.NET、Servlet和JSP技术。,（1）服务器技术。,主要指有关Web服务器构建的基本技术，包括服务器策略与结构设计、服务器软硬件的选择及其他有关服务器构建的问题。,（二）分类,2、web服务端技术:,（1）服务器技术。,（2）CGI(CommonGatewayInterface)技术，即公共网关接口技术。,最早的Web服务器简单地响应浏览器发来的HTTP请求，并将存储在服务器上的HTML文件返回给浏览器。CGI是第一种使服务器能根据运行时的具体情况，动态生成HTML页面的技术。随着CGI技术的普及，聊天室、论坛、电子商务、信息查询、全文检索等各式各样的Web应用蓬勃兴起，人们可以享受到信息检索、信息交换、信息处理等各更为便捷的信息服务了。,（二）分类,2、web服务端技术:,（1）服务器技术。,（2）CGI(CommonGatewayInterface)技术，即公共网关接口技术。,（3）PHP(PersonalHomePageTools)技术。,PHP语言将HTML代码和PHP指令合成为完整的服务端动态页面，Web应用的开发者可以用一种更加简便、快捷的方式实现动态Web功能。,（4）ASP(ActiveServerPages)技术，即活动服务器页面技术。,ASP使用的脚本语言是VBScript和Javascript。借助MicrosoftVisualStudio等开发工具在市场上的成功，ASP迅速成为Windows系统下Web服务端的主流开发技术。,（二）分类,2、web服务端技术:,（1）服务器技术。,（2）CGI(CommonGatewayInterface)技术，即公共网关接口技术。,（3）PHP(PersonalHomePageTools)技术。,（4）ASP(ActiveServerPages)技术，即活动服务器页面技术。,（5）ASP.NET技术。,由于它使用C#语言代替ASP技术的JavaScripe脚本语言，用编译代替了逐句解释，提高了运行效率，ASP.NET是建立.NETFramework的公共语言运行库上的编程框架，可用于在服务器上生成功能强大的Web应用程序。,（6）Servlet、JSP技术。,JSP的组合让Java开发者同时拥有了类似CGI程序的集中处理功能和类似PHP的HTML嵌入功能，此外，Java的运行时编译技术也大大提高了Servlet和JSP的执行效率。Servlet和JSP被后来的J2EE平台吸纳为核心技术。,（三）发展,来自一些主要的公司，如：eBay，andGoogle的杀手级的应用程序的出现。交易，不仅仅是针对货物的，还有知识的，变的普遍和即时。,1、web1.0,2、web2.0,特点是用户产生内容，合作化，社区化。任何人可以参与到内容的创建中。参与改变了我们对于内容的理解：内容不是固定在发布商那里，它是活动在任何地方的。,（三）发展,1、web1.0,2、web2.0,3、web3.0,新的Web3.0强调的是任何人，在任何地点都可以创新。代码编写，协作，调试，测试，部署，运行都在云计算上完成。,4、web4.0,Web4.0的核心-知识分配系统解决人们应该获取怎样的知识的问题（即自己适合于学习哪些知识）。,5、web5.0,WEB5.0将仿真人类社会，在数字空间里建立“虚拟社会”。其技术基础是当前炙手可热的P2P网络技术，如Jxta项目。所谓P2P网络，从计算技术上可以理解为Peer-to-Peer系统，从系统结构上可以理解为People-to-People的人类社会。,WEB5.0将是一个新的王国，这个王国不再以地域和疆界进行划分，而是以兴趣、语言、主题、职业、专业进行聚集和管理的王国。,三、网站,（一）站点（二）网页（三）统一资源定位器（四）浏览器,（一）站点,站点有多种含义：,1、在计算机上，站点（site）是指在物理上具有较好的线路连接的能实现较快通信速率的计算机的集合（一般是指一个局域网）；站点之间一般是通过慢速连接来实现信息通信（一般是指广域网）；站点是对网上计算机的实际的物理分布的一种客观反映；,（一）站点,站点有多种含义：,2、一个站点（site）是一个存储区，它存储了一个网站包含的所有文件。通俗一点的说，一个站点就是一个网站所有内容所存放的文件夹。Dreamweaver的使用是以站点为基础的，必须为每一个要处理的网站建立一个本地站点。,3、是easySite内容管理平台主要管理的逻辑单元，站点管理是对一个Internet的站点进行组织、维护和管理的功能集合。,是构成网站的基本元素，是承载各种网站应用的平台。,（二）网页（英文：Webpage）,1、定义：,（二）网页,外国网页欣赏,是一个文件，他存放在世界某个角落的某一部计算机中，而这部计算机必须是与互联网相连的；网页经由网址（URL）来识别与存取，是万维网中的一“页”，是超文本标记语言格式（标准通用标记语言的一个应用，文件扩展名为.html或.htm）；网页通常用图像档来提供图画；网页要透过网页浏览器来阅读。,（二）网页,2、特点：,（三）统一资源定位器,又称统一资源定位符(UniformResourceLocator,URL),以下简称URL.URL方案集，包含如何访问Internet上的资源的明确指令。是用于完整地描述Internet上网页和其他资源的地址的一种标识方法。,（四）浏览器,万维网(Web)服务的客户端浏览程序。可向万维网(Web)服务器发送各种请求，并对从服务器发来的超文本信息和各种多媒体数据格式进行解释、显示和播放。,四、HTML,（一）HTML（二）文件结构（三）发展,（一）HTML,注意：HTML指的是超文本标记语言(HyperTextMarkupLanguage)；HTML不是一种编程语言，而是一种标记语言(markuplanguage)；标记语言是一套标记标签(markuptag)HTML使用标记标签来描述网页。,1、定义：HTML是用来描述网页的一种语言。,HTML标记标签通常被称为HTML标签(HTMLtag)；HTML标签是由尖括号包围的关键词，比如；HTML标签通常是成对出现的，比如和