Web Technology Web应用程序如何工作 访问数据库 步骤1.Web浏览器请求 eb浏览器 动态页 请求 步骤9-web服务器将 WEB服务器 完成的页发送到请求浏览 步骤2-Web服务器查 该页井将其传递给应 </HTML </HTML> 步骤8·应用程序服务器 子数据插入页中,然后将 Web服务 步骤3.应用程序服务 器查找页中的指令 应用稻序服务器 步骤4.应用程序服务 器将查询发送到数据库 步骤7驱动程序将记录 查询 集 传递给应用程序服务 率群序 步骤5-驱动程序对数 步骤6-记录集被返回给 据库执行查询
Web Technology Fudan course, by Dai kaiyu Web应用程序如何工作 访问数据库
Web Technology 浏览器演变 Usage share of web browsers 1995至1998年,|Ews. Netsca 2005年到2007,|EVs. Firefox 2012, Chrome份额超过 Safari Mobile web即计算机,浏览器即桌面 Source: Stat Counter On the Choice of Browser and Numerical Intelligence Fudan course, by Dai kaiyu
Web Technology Fudan course, by Dai kaiyu 浏览器演变 - 1995 至 1998 年，IE vs. Netscape - 2005 年到 2007 , IE vs. Firefox - 2012, Chrome份额超过IE Web即计算机，浏览器即桌面 On the Choice of Browser and Numerical Intelligence
Web Technology HTML HTML5 2008年W3c制定出第一个HTML5草案,W3 c Working Draft: http://www.w3.org/tr/htmi5/ 广义上是包含了相应的 javascript和cSS3的标准集 取代1999年所定订的HTML401和 XHTML1.0标准,以期减少浏览器对 于需要插件的丰富性网络应用服务的需求,并且提供更多能有效增强网 络应用的标准集。 强化了web网页的表现性能,提供了绘制、视频和音频工具追加了本地 数据库等Web应用的功能 促进了web上的和便携式设备的跨浏览器应用的开发。HTML5是驱动移 动云计算服务方面的发展的技术之 浏览器支持程度评测网站:htt:/htm5 test. com Fudan course, by Dai kaiyu
Web Technology Fudan course, by Dai kaiyu HTML HTML5 - 2008 年 W3C 制定出第一个 HTML5 草案，W3c Working Draft: http://www.w3.org/TR/html5/ - 广义上是包含了相应的javascript和CSS3的标准集 - 取代1999年所定订的HTML 4.01和XHTML 1.0 标准，以期减少浏览器对 于需要插件的丰富性网络应用服务的需求，并且提供更多能有效增强网 络应用的标准集。 - 强化了Web网页的表现性能，提供了绘制、视频和音频工具,追加了本地 数据库等Web应用的功能 - 促进了web上的和便携式设备的跨浏览器应用的开发。HTML5是驱动移 动云计算服务方面的发展的技术之一 - 浏览器支持程度评测网站： http://html5test.com/
Web Technology HTML HTML5新增标签:增强语义 article:文章 keygen:表单生成的Key aside:内容旁边的侧边栏内容 mark:标注的文字 audo:音频 meter:预先定义的范围内的度量 canvas:2D绘图 nav:导航粲 command:命合按钮 output:输出 datalist:下拉选择框 progress:进度粲 details:对象的细节 rp:标识ruby内容 dialog:对话框 rt:ruby内容的解释 embed:外部插件或对象 ruby:ruby内容 figure:一组媒体对象以及标签文字 section:定义一个部分 footer:页脚 source:媒体的资源 header:页首 time:日期时间 hgroup:文档某一部分的信息 video:视频 Jurs
Web Technology Fudan course, by Dai kaiyu HTML HTML5新增标签：增强语义 article：文章 aside：内容旁边的侧边栏内容 audio：音频 canvas：2D 绘图 command：命令按钮 datalist：下拉选择框 details：对象的细节 dialog：对话框 embed：外部插件或对象 figure：一组媒体对象以及标签文字 footer：页脚 header：页首 hgroup：文档某一部分的信息 keygen：表单生成的 Key mark：标注的文字 meter：预先定义的范围内的度量 nav：导航条 output：输出 progress：进度条 rp：标识 rubby 内容 rt：rubby 内容的解释 ruby：rubby 内容 section：定义一个部分 source：媒体的资源 time：日期时间 video：视频
Web Technology HTML HTML5特征 后台异步化、线程化操作的 Web Worker,使用 postMessage和 onmessage等方法 ■在本地应用和服务器之间建立持续连接的 Web socket接口 ■对使用CSS3来管理GU的支持,这意味着HTML5可以是面向内容的 使用window.localStorage支持客户端的本地存储(大小限制5MB,HTTP Cookie大小4KB) ■使用 Web SQL Databases支持SQL规范的本地数据库 ■画布 Canvas(支持JS在之上绘图)和音视频支持( audiovideo),可在 无需安装第三方插件的情况下添加图形和视频 Fudan course, by Dai kaiyu
Web Technology Fudan course, by Dai kaiyu HTML HTML5特征 后台异步化、线程化操作的Web Worker，使用postMessage和 onmessage等方法， 在本地应用和服务器之间建立持续连接的WebSocket接口 对使用CSS3来管理GUI的支持，这意味着HTML5可以是面向内容的 使用window.localStorage支持客户端的本地存储(大小限制5MB, HTTP Cookie 大小4KB) 使用 Web SQL Databases 支持SQL规范的本地数据库 画布Canvas(支持JS在之上绘图)和音视频支持（audio\video），可在 无需安装第三方插件的情况下添加图形和视频