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