《H5制作》課件-01-第1講 初識H5

第1講初識H5認識H5PARTONE廣義上的H5指第五代“超文本標(biāo)記語言”（HyperTextMarkupLanguage5，HTML5），也指用H5語言制作的一切數(shù)字產(chǎn)品。A指頁面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素?！俺谋尽盇這些超文本必須由包含屬性的開頭與結(jié)尾標(biāo)志來標(biāo)記?！皹?biāo)記”廣義上的H5更多…圖像動畫H5之所以會引發(fā)人們的廣泛關(guān)注，根本原因在于它不再只是一種標(biāo)記語言，而是為下一代互聯(lián)網(wǎng)提供了全新的框架和平臺，音視頻本體存儲狹義上的H5狹義上的H5，就是指互動形式的多媒體廣告頁面，它是和移動互聯(lián)網(wǎng)一起發(fā)展起來的AH5最顯著的優(yōu)勢在于它的跨平臺性狹義上的H5強大的兼容性可以顯著降低站點與應(yīng)用的開放與運營成本，讓企業(yè)特別是創(chuàng)業(yè)者獲得更多的發(fā)展機遇。狹義上的H5基于H5開發(fā)的輕應(yīng)用比本地App擁有更短的啟動時間和更快的聯(lián)網(wǎng)速度，而且無須下載占用存儲空間，特別適合手機等移動媒體。本地存儲特性的便利H5讓開發(fā)者無須依賴第三方瀏覽器插件即可創(chuàng)建高級圖形、版式、動畫及過渡效果，能讓用戶用較少的流量就可以欣賞到炫酷的視覺與聽覺效果?？蓜?chuàng)建圖形、效果等H5與App的區(qū)別PARTTWOApp和H5的優(yōu)勢和劣勢01基于本地操作系統(tǒng)運行的NativeAPP02基于瀏覽器運行的WebApp通常意義的APP，交互性強，可拓展性強，需要下載安裝使用App和H5的優(yōu)勢和劣勢游戲社交媒體辦公工具APP作為手機軟件，它們安裝在設(shè)備上以提供各種功能和服務(wù)。App和H5的優(yōu)勢和劣勢移動設(shè)備如智能手機和平板電腦專門設(shè)計的應(yīng)用程序。旨在提高設(shè)備的功能性和便攜性。移動應(yīng)用（MobileApplication）直接安裝在設(shè)備上，并且能夠直接與設(shè)備的操作系統(tǒng)交互，通常需要通過應(yīng)用商店下載。本地應(yīng)用（NativeApp）不需要在設(shè)備上安裝，而是通過互聯(lián)網(wǎng)瀏覽器訪問的應(yīng)用程序，可以即開即用。網(wǎng)絡(luò)應(yīng)用（WebApp）App和H5的優(yōu)勢和劣勢采用HTML5寫出的頁面，無需下載安裝，是生存在瀏覽器中的應(yīng)用，需通過瀏覽器和系統(tǒng)進行交互，受制于網(wǎng)速和設(shè)備硬件。H5App和H5的優(yōu)勢和劣勢H5優(yōu)勢H5制作過程簡單成本低，可同時跨多個平臺和終端，轉(zhuǎn)發(fā)即可傳播，傳播成本低。制作及傳播成本低不需要經(jīng)過復(fù)雜的上線流程即可更新，便于前期產(chǎn)品的不斷試錯。更新速度快不需要用戶手動升級即可更新，沒有維護老版本的成本。維護成本低App和H5的優(yōu)勢和劣勢H5優(yōu)勢更短的啟動時間，更快的聯(lián)網(wǎng)速度，而且無須下載占用存儲空間，特別適合手機等移動設(shè)備，客戶端資源減少，節(jié)約用戶存儲空間。本地存儲特性技術(shù)難度低，開發(fā)的工作量少，實施周期短，用戶接受程度高。容易推廣App和H5的優(yōu)勢和劣勢H5劣勢不穩(wěn)定性較強，頁面跳轉(zhuǎn)復(fù)雜，容易受到網(wǎng)絡(luò)速度影響，很容易造成不流暢，甚至出現(xiàn)卡頓或卡死現(xiàn)象。頁面不穩(wěn)定受制于移動設(shè)備的系統(tǒng)和硬件，動效在上效果不好。動效效果不好只提供臨時性的系統(tǒng)入口，無法獲取系統(tǒng)級別的權(quán)限，如系統(tǒng)彈窗/通知/通訊錄等。無法獲取系統(tǒng)級別的權(quán)限App和H5的優(yōu)勢和劣勢H5劣勢H5頁面空間比APP小，在本身就小的移動設(shè)備屏幕中容易造成信息記憶負擔(dān)。容易造成信息記憶負擔(dān)交互動態(tài)受到限制，影響一些頁面場景/邏輯的理解。功能實現(xiàn)相比APP存在差距，用戶重復(fù)使用難度大，用戶黏性差。交互動態(tài)受到限制導(dǎo)航不明顯，原有底部導(dǎo)航消失，有效的導(dǎo)航遇到挑戰(zhàn)。導(dǎo)航不明顯App中的H5非核心需求頁面階段性的營銷活動頁面H5設(shè)計的局限性掃一掃消息功能底部導(dǎo)航頂部導(dǎo)航條H5營銷的優(yōu)勢PARTTHREE利用H5進行營銷，企業(yè)需要花費的費用只有H5的設(shè)計成本和維護費用，相較于傳統(tǒng)的電