Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
實(shí),HTML5程序語(yǔ)言基本上全部支持任何HTML格式的代碼,如果你的網(wǎng)站是以往版本的HTML程序語(yǔ)言,基本上是不需要改的。如果網(wǎng)站是HTML5代碼,對(duì)一些不兼容HTML5的瀏覽器來(lái)說(shuō),還要反改成HTML代碼。如果真的要改,可以這樣做:
首先,舊HTML的DOCTYPE比較累贅,通常是<!DOCTYPE html+一大串內(nèi)容>,在HTML5中,只需要把后面的內(nèi)容全部刪除,變成<!DOCTYPE html>就可以了。
第二,HTML5中新增了一些語(yǔ)義元素,相比HTML的div標(biāo)簽,這些新語(yǔ)義元素可以直接使用。比如:
<header>:用來(lái)定義文檔的頁(yè)眉,也可用在網(wǎng)頁(yè)內(nèi)容上,可包含搜索表單,導(dǎo)航,頁(yè)面標(biāo)識(shí)等。在HTML中,<div class=”header”></div>,而HTML5,可以直接<header></header>定義。
<nav>:可作頁(yè)面導(dǎo)航的鏈接組,面包屑導(dǎo)航。在HTML中<div class=”nav”></div>,而HTML5,可以直接<nav></nav>定義。
<section>:代表文檔中的“節(jié)”或“段”,“段“可以是指一篇文章里按照主題的分段;“節(jié)”可以是指一個(gè)頁(yè)面里的分組。在HTML中<div class=”section”></div>,而HTML5,可以直接 <section></section>定義。
除此之外,HTML5還有三十多個(gè)全新標(biāo)簽,語(yǔ)義更為豐富,更利于搜索引擎優(yōu)化。
如果你的網(wǎng)站不是HTML5標(biāo)準(zhǔn)的網(wǎng)站,修改起來(lái)也是一件很費(fèi)時(shí)間的事情。網(wǎng)上修改一個(gè)HTML5標(biāo)準(zhǔn)的網(wǎng)站,報(bào)價(jià)都是2000起,不如干脆重新做一個(gè)HTML5網(wǎng)站?,F(xiàn)在做HTML5網(wǎng)站并不貴,建站寶盒這類(lèi)自助建站工具已經(jīng)能實(shí)現(xiàn)HTML5自適應(yīng)建站,直接套用H5模板,網(wǎng)站做出來(lái)相當(dāng)炫目。
價(jià)格比修改網(wǎng)站標(biāo)準(zhǔn)還更實(shí)惠,推薦想要修改網(wǎng)站標(biāo)準(zhǔn)的企業(yè)嘗試。http://www.iisp.com/design/?s=yuqiuping
天百度“H5頁(yè)面制作工具”,你看到的是上面百花齊放的局面,但嚴(yán)格意義上國(guó)外只有Adobe,國(guó)內(nèi)只有iH5達(dá)到往日Flash的制作水平,名氣也還過(guò)得去。
而在移動(dòng)廣告巨大市場(chǎng)的驅(qū)動(dòng)下,國(guó)內(nèi)H5頁(yè)面制作工具的功能直逼國(guó)外產(chǎn)品,應(yīng)用上也更便捷(多數(shù)能一鍵生成公開(kāi)網(wǎng)頁(yè))。后面以國(guó)內(nèi)外制作H5網(wǎng)頁(yè)的六大工具/軟件為例,分析不同產(chǎn)品的優(yōu)劣。
http://www.eqxiu.com/
模板支持★★★★
多媒體支持★★
微信應(yīng)用★☆
高級(jí)應(yīng)用★
用戶友好度★★★★
優(yōu)點(diǎn):其實(shí)易企秀很容易定義,就是移動(dòng)版PPT的制作工具,用來(lái)在手機(jī)上做H5頁(yè)面的簡(jiǎn)單動(dòng)態(tài)演示。它各方面的功能,比如文本、按鈕、圖表、動(dòng)效這些和微軟的PowerPoint比較像,有固定樣式的表單功能。
缺點(diǎn):它的優(yōu)點(diǎn)也是它的缺點(diǎn),和使用難度比較低對(duì)應(yīng)的,是它功能的局限性,設(shè)計(jì)上自由度比較低主要面向?qū)5頁(yè)面制作沒(méi)有太高要求的用戶。
付費(fèi)情況:包年服務(wù)能去除廣告尾頁(yè)、底標(biāo)和加載LOGO,并解除一些功能的限制。
http://h5.baidu.com/
模板支持★★★
多媒體支持★☆
微信應(yīng)用☆
高級(jí)應(yīng)用☆
用戶友好度★★★★
優(yōu)點(diǎn):支持圖表等類(lèi)似PPT的功能,支持個(gè)性化域名的設(shè)置,統(tǒng)計(jì)功能比較完善,適合H5入門(mén)級(jí)的用戶使用。
缺點(diǎn):缺乏高級(jí)的交互功能,而且可能因?yàn)槭前俣绕煜碌漠a(chǎn)品,基本不具備微信應(yīng)用支持能力,這一點(diǎn)比較雞肋。
付費(fèi)情況:無(wú)
http://www.ih5.cn/
模板支持★★★★
多媒體支持★★★★☆
微信應(yīng)用★★★☆
高級(jí)應(yīng)用★★★★☆
用戶友好度★★★★☆
優(yōu)點(diǎn):功能強(qiáng)大。幾乎所有能想到的H5類(lèi)型,它都能實(shí)現(xiàn),淘寶造物節(jié)的720°全景、天貓雙十一的一鏡到底、物理引擎游戲、交互視頻、評(píng)論彈幕等。比較良心的是,無(wú)論多高級(jí)的功能都可以免費(fèi)使用。
缺點(diǎn):界面雖然簡(jiǎn)潔,但實(shí)在談不上好看(有種90年代的既視感),原生態(tài)氣息比較濃厚。
付費(fèi)情況:包年服務(wù)能去除H5播放前的加載LOGO,獲取高級(jí)統(tǒng)計(jì)入口。
模板支持★
多媒體支持★★
微信應(yīng)用★★☆
高級(jí)應(yīng)用★★☆
用戶友好度★★★
優(yōu)點(diǎn):能對(duì)文本、圖片、音視頻做簡(jiǎn)單的顯示、播放與否的控制,也支持一些稍微復(fù)雜的組件功能。
缺點(diǎn):模板少,用戶體驗(yàn)不是很好,而且不具備動(dòng)畫(huà)、游戲制作所需的帶軌時(shí)間軸、物理引擎等高級(jí)的交互功能。
付費(fèi)情況:包年服務(wù)能去除加載LOGO,并解除一些功能的限制。
模板支持★★
多媒體支持★★★★☆
微信應(yīng)用
高級(jí)應(yīng)用★★★★☆
用戶友好度★★★★☆
優(yōu)點(diǎn):功能強(qiáng)大,支持骨骼動(dòng)畫(huà)。Adobe Animate有利于H5動(dòng)畫(huà)或網(wǎng)頁(yè)開(kāi)發(fā)源碼的快速生成與導(dǎo)出——而且不止HTML5格式,還包括Air、Flash等。
缺點(diǎn):下載需要1個(gè)多G。需要代碼基礎(chǔ),而且不能直接發(fā)布,提供的模板都是基礎(chǔ)的,不能直接使用。它是可視化動(dòng)畫(huà)設(shè)計(jì)與便捷開(kāi)發(fā)的結(jié)合,沒(méi)有開(kāi)發(fā)經(jīng)驗(yàn)的人很難做出成品。
付費(fèi)情況:軟件授權(quán),大客戶需對(duì)接銷(xiāo)售。
模板支持
多媒體支持★★★★☆
微信應(yīng)用
高級(jí)應(yīng)用★★★★☆
用戶友好度★★★☆
優(yōu)點(diǎn):支持一定的可視化交互動(dòng)作,而且支持各種類(lèi)型的輸出格式。此外,它能實(shí)現(xiàn)自動(dòng)化的響應(yīng)式布局,對(duì)比iH5的響應(yīng)式布局需要逐一定義設(shè)備,Adobe還得去下載一個(gè)另外的軟件Muse來(lái)說(shuō),還是很方便的。
缺點(diǎn):不能直接發(fā)布,而且產(chǎn)品的界面設(shè)計(jì)比較復(fù)雜,降低了易用性。而且,沒(méi)有模板。
付費(fèi)情況:標(biāo)準(zhǔn)版50美刀,專(zhuān)業(yè)版100美刀。
總的來(lái)說(shuō),這些工具可以用下面這張圖概括:
有些工具偏模板類(lèi)型,有些注重交互設(shè)計(jì),有些主打的是網(wǎng)頁(yè)開(kāi)發(fā)。大家可以看看自己需要的是什么,各取所需。
*請(qǐng)認(rèn)真填寫(xiě)需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。