《Web2.0网页制作技术 Web1.ppt》由会员分享，可在线阅读，更多相关《Web2.0网页制作技术 Web1.ppt（119页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、Web2.0网页制作技术网页制作技术华东交通大学华东交通大学 吴林峰吴林峰首先看一些典型的网站首先看一些典型的网站1、校内网、校内网网页源码2、blogchina网页源码3、淘宝网、淘宝网4、软件外包往、软件外包往Web2.0网页制作技术网页制作技术第一部分：第一部分：Web2.0概述概述第三部分：第三部分：CSS技术技术第二部分：第二部分：AJAX技术技术第四部分：特效示例第四部分：特效示例Web的起源；的起源；Web1.0、Web2.0特点特点Web1.0、Web2.0应用模式；应用模式；Web1.0、Web2.0相关技术。相关技术。Web网页设计标准网页设计标准Web2.0概述概述Web
2、的起源的起源Web，也称，也称WWW(WorldWideWeb万维万维网网)，是在，是在1989年由英国人年由英国人TimBerners-Lee发明的。发明的。TimBerners-Lee当时就指出：当时就指出：“Web是一是一个抽象的信息库。个抽象的信息库。”也就是说，我们可以通也就是说，我们可以通过过Web向人们向人们提供信息和信息服务提供信息和信息服务。Berners-Lee不仅创建了一个称为超文本传输协议（HyperTextTransferProtocol，HTTP）的简单协议，还发明了第一个第一个WebWeb浏览器浏览器，叫做WorldWideWeb。浏览器浏览器:Microsoft
3、InternetExplorer当Microsoft发布Windows95时，IE1.0是作为MicrosoftPlus!包的一部分同时发布的。Firefox(1994年12月，Netscape发布了1.0版，第一个盈利性质的浏览器从此诞生。2002年又发布了一个开源的版本，这最终发展为2004年11月发布的、现在十分流行的Firefox浏览器。)傲游腾讯TT浏览器世界之窗Web1.0特点特点Web1.0的典型网站案例分析的典型网站案例分析11、用超文本技术：实现、用超文本技术：实现信息与信息的连接；信息与信息的连接；2、用统一资源定位技术、用统一资源定位技术（URI）实现全球信息的）实现全球
4、信息的精确定位；精确定位；3、通过应用层协议、通过应用层协议（HTTP）实现信息共享）实现信息共享；4、Web是一种典型的分是一种典型的分布式应用架构。布式应用架构。http:/Web1.0应用模式应用模式1、网站的内、网站的内容是由网站管容是由网站管理员和编辑人理员和编辑人员录入的员录入的2、客户只是、客户只是浏览网页的内浏览网页的内容容Web1.0的典型网站案例分析的典型网站案例分析2Web1.0技术技术客户端技术客户端技术主要包括信息的接收、展现技术；主要包括信息的接收、展现技术；服务端技术服务端技术主要包括信息的生成、处理、发送技术；主要包括信息的生成、处理、发送技术；客户客户1、发出
5、请求、发出请求服务器服务器2、处理请求、处理请求生成信息，生成信息，并发送给客户并发送给客户3、数据接收、数据接收4、数据展现、数据展现Web2.0的提出1、提出的依据：OReilly公司和Media国际公司之间的一次头脑风暴会议的内容；TimOReilly根据会议头脑风暴内容，于2005年3月发表文章什么是WEB2.0，TimOReilly在阐述WEB2.0时的视角是从下一代互联网软件设计模软件设计模式式和和商业模式商业模式角度去进行阐述和分析。会议之后的一年半的时间里，“Web2.0”一词已经深入人心，从Google上可以搜索到950万以上的链接。Web2.0的特点的特点1.互联网作为平台
6、互联网作为平台2.利用集体智慧利用集体智慧3.轻量型编程模型轻量型编程模型4.软件超越单一设备软件超越单一设备5.丰富的用户体验丰富的用户体验把具有上述特点的互联网称为：把具有上述特点的互联网称为：Web2.0所以也称为互联网所以也称为互联网2.0网上网上Web2.0的定义的定义Web2.0是指：包括是指：包括技术方面技术方面和和应用模式方面应用模式方面相结相结合的信息服务平台。合的信息服务平台。Web2.0技术技术是指：以是指：以XML、CSS、AJAX等新兴等新兴技术的总称，技术的总称，web2.0应用模式应用模式是指：融合了是指：融合了Web1.0的应用模的应用模式及新出现的式及新出现的
7、Blog、社区等多种多对多互动应用、社区等多种多对多互动应用服务模式。服务模式。Taobao网分析Web2.0的典型网站案例分析的典型网站案例分析1Blogcn网分析Web2.0的典型网站案例分析的典型网站案例分析2Google地图Web2.0的典型网站案例分析的典型网站案例分析36Rooms网分析网分析Web2.0的典型网站案例分析的典型网站案例分析4Web2.0的应用模式特点总结的应用模式特点总结1、客户既是信息的消费者，也是信息的创造者，也就是说：整个网站的内容有客户产生也由客户消费；2、网站的管理者也成了信息的客户；3、网站的框架由网站技术人员维护与管理。4、网站维护人员大大减少（相对
8、于Web1.0）5、网站的维护成本也大大减少；Web2.0相关技术相关技术1、XMLeXtensibleMarkupLanguage可扩展标可扩展标记语言记语言张三20汉族学生的学生的XML文件：文件：Web2.0相关技术相关技术2、CSS(CascadingStyleSheets)层叠样层叠样式表式表主要是指网页的内容以什么格式展现出来主要是指网页的内容以什么格式展现出来网页的样式层：网页的样式层：CSS样式表文件样式表文件网页的内容层网页的内容层网页的最终表现内容网页的最终表现内容网页网页分的分的结构结构层次层次关系关系Web2.0相关技术相关技术AsynchronousJavascript+XML也就是也就是AJAX技术技术局部页面刷新技术局部页面刷新技术1Web2.0：局部页面刷新技术：局部页面刷新技术2新浪网新浪网淘宝网淘宝网AJAX框架框架现在比较流行的是：现在比较流行的是：ExtJShttp:/