網站建設是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。 ![]() Google中國工程研究院副院長、Google全球技術總監林斌 Google9月2日召開互聯網開發技術交流會,國內主流瀏覽器 -- 傲游、搜狗、世界之窗、QQ瀏覽器、火狐、Opera、UC瀏覽器 -- 就HTML 5技術和瀏覽器發展趨勢進行了探討。 Google中國工程研究院副院長、Google全球技術總監林斌介紹了將完全改變Web應用的五個HTML 5技術。 以下是演講精彩摘要: Web應用的標準開放接口就是HTML 5 Web優勢很多了,比如安裝非?,不用等兩個小時安裝一個巨大的軟件,還有云計算的能力,云計算背后強大的支持。而且不容易染病毒,有各種各樣的好處。我覺得去二、三十年是客戶端軟件時代的話,相信接下來大家會見證Web應用時代的到來。Web應用時代需要什么條件?Web應用時代來臨需要兩個條件: 第一:作為Web應用平臺瀏覽器一定要非常強大。強大到在座每位同事體驗能夠無窮接近,甚至超過客戶端軟件。 第二:作為任何一個平臺要流行起來一定需要有一個開放的、非常好用的、標準的接口。對于Web應用來講標準開放的接口就是HTML5,HTML5這個標準開放接口如何讓Web應用體驗變得無窮之大呢? 首先看看瀏覽器。過去一年半瀏覽器發展非常迅速,我仔細數了一下過去一年半全球的瀏覽器廠商有將近15個重要版本發布。比如說Chrome3.0、4.0、5.0、還有Chrome 6 Beta、還有Android2.1、2.2、還有IE8、IE9 Beta,還不算在座很多國內瀏覽器廠商。平均算下來大概一個月有一個大的發布,而且每一個發布都把瀏覽器用戶體驗往前巨大推進了。我們看一下過去一年多,每一款發布以后Web應用體驗都是直線上升。 再看一下過去一年半,客戶端軟件是提速了很多,價格下降了一些,特別是開發者有些技術瓶頸,今天已經不是瓶頸了,比如說最近IE9已經把GPU硬件加速問題解決了、還有定位信息把性能提高了。過去一年多JAVA運行的性能提高了5倍。如果把時間軸拉長十年JAVA性能提高100倍不止。所有這些瀏覽器的發展都是意味著Web時代的來臨。 2008年1月22號是W3C組織正式發布了一個HTML5的草稿版的時間,HTML5是經過500個組織機構很長時間發布的一款全新的HTML標準,是基于HTML4,是十年來出來的另一個新的標準,這個標準的出現讓原來網頁和應用單一枯燥的形式變得很強大、很豐富,超出了很多用戶以及開發者的期望。在HTML5里面有很多內容,有CSS變換等等,時間關系我們今天挑HTML5最重要的技術跟大家分享一下。 五個改變Web應用體驗的HTML 5技術 這些技術如何能夠完全改變Web應用的體驗?五個技術: 一、怎么在Web應用里面畫圖? 二、如何在Web里面加入多媒體制式? 三、如何能夠讓Web應用在多線程環境下跑起來? 四、HTML5有沒有可能獲取地面地位信息? 五、本地存儲和應用緩存如何讓Web體驗在線下的情況非常好? Canvas 先看第一個。如何在網頁里畫一條直線?很簡單可以在服務器直接畫一條線把圖片直接推到瀏覽器、Flash也行,這些方法都跟原生HTML編寫有很多差異,包括兼容性問題,如果大家用原生的HTML5畫一條直線,很簡單,HTML5 畫圖只制式Canvas讓在座每一個工程師對頁面上、網頁上每一個象素隨心所欲的控制讓它亮就亮讓它暗就暗,是像素級的控制。大家都知道畫一條線,兩點XY就是一條線,寫個語言圓心加R是半徑,直接畫就出來了。畫的時候筆的風格一設定就可以搞定。 這是用二維圖畫的效果。有人問三維可不可以?也可以。 多媒體支持 接下來講一下多媒體支持。 今天在Web里面加多媒體支持怎么弄? 用戶最頭疼的地方是安裝軟件有無窮多的插件,不小心可能還有病毒,非常頭疼,HTML5的支持非常非常簡單,你要放一個視頻沒問題,直接一行代碼寫進去直接可以播放,音頻也一樣音樂也一樣。都是原于HTML5,不需要插件,不需要Flash,不需要各種各樣復雜的結構。 HTML5定位信息獲取非常強大 講第三個定位信息。定位信息的價值非常大。比如我要找最近的麥當勞,最好找知春路街角拐彎那個麥當勞,馬上可以買到。 定位信息價值非常高,對于手機用戶來講定位信息更重要,而且手機GPRS定位能定位到兩三米的距離,價值非常大。所以HTML5定位信息獲取非常強大。大家發現Web應用它個可以準確定位我現在在哪里,我還能看到我朋友的定位信息?吹侥愕奈恢檬峭ㄟ^瀏覽器在手機上獲取的瀏覽信息,通過HTML5的支持。 緩存和本地存儲 第四個應用:緩存和本地存儲。Web應用很強大,但是有一個問題,很致命的問題,關了就沒了,對。也不光關了就沒了這個問題,而且網絡不穩定也是經常的事情。比如座飛機有什么辦法,飛機上沒有WiFi,連接性還是很要命的。雖然我們希望連接無處不在,但是現實生活中很多情景是沒有連接的。 HTML5提供了非常強大的功能就是應用緩存,讓Web可以指定在什么情形下自己的應用數據緩存到本地瀏覽器,沒有連接一樣可以看。所以應用緩存給開發者提供了非常方便的、非常好的功能,可以把你的數據緩存到本地。 還有本地存儲功能,讓所有Web在瀏覽器不但只存儲數據,而且還可以做把數據放到本地,也可以做即時索引。 多線程支持 最后一個HTML5的強大功能。我記得92年我在美國參加工作的時候,最讓我激動的是寫出來的第一個多線程的程序。在過去很年多里面HTML的一個限制就是多線程,沒辦法,預算稍微大一點網絡就卡,對整個用戶體驗、性能的影響很大。有了HTML5這個問題完全解決了。多線程支持,原生的多線程支持、可以算多個東西,網頁不會卡。 最后跟大家總結一下:瀏覽器作為Web的平臺發展會非常迅速、將來會成為非常強大的Web應用時代來臨的平臺基礎。HTML5作為W3C開放的標準能夠讓Web體驗無窮接近甚至超越客戶端軟件。這個時代來臨需要在座每一位工程師的大力支持,一起迎接這個時代的來臨。 大多數人在上網的時候,都會瀏覽網頁提供給我們的信息。 |
溫馨提示:喜歡本站的話,請收藏一下本站!