2Dreamweaver Dreamweaver是集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，擁有可視化編輯界面，支持代碼拆分設(shè)計(jì)實(shí)時(shí)視圖等多種方式來(lái)創(chuàng)作編寫(xiě)和修改網(wǎng)頁(yè)，初學(xué)HTML5的人可以無(wú)需編寫(xiě)任何代碼就能快速創(chuàng)建Web頁(yè)面。

目前真正意義上免費(fèi)的H5制作網(wǎng)站，只有應(yīng)用之星，不僅功能免費(fèi)，而且模板也是免費(fèi)，另外提供了很多制作教程，整個(gè)H5頁(yè)面的制作過(guò)程都相當(dāng)簡(jiǎn)單，完全不需要編程基礎(chǔ)你可以去試試。

不敢說(shuō)是每個(gè)工具的深度使用者，起碼平時(shí)可以利用起來(lái)，在不用代碼的情況下，使用這些工具確實(shí)達(dá)到了省時(shí)省力的效果開(kāi)始答樓主 HTML5頁(yè)面制作工具，大體分為兩類(lèi)基于HTML5的網(wǎng)站工具和手機(jī)APP工具當(dāng)然還有一。

第六現(xiàn)在我們繼續(xù)介紹Sencha，這款工具的主要定位是HTML5的可視化開(kāi)發(fā)研究，一般來(lái)說(shuō)開(kāi)發(fā)團(tuán)隊(duì)可以在一個(gè)任務(wù)，然后做一個(gè)集成的環(huán)境，然后在這個(gè)環(huán)境中完成應(yīng)用的設(shè)計(jì)和開(kāi)發(fā)，以及需要的部署第七我們來(lái)介紹一下。

H5是html5的縮寫(xiě)，是萬(wàn)維網(wǎng)的核心語(yǔ)言標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用超文本標(biāo)記語(yǔ)言HTML的第五次重大修改制作H5頁(yè)面的方法1首先在電腦中安裝H5的制作軟件，以WPS為例，點(diǎn)擊打開(kāi)WPSH5軟件2進(jìn)入H5的制作頁(yè)面后可以。

對(duì)于初學(xué)者來(lái)說(shuō)，一個(gè)簡(jiǎn)單的平臺(tái)可以直接操作，注冊(cè)申請(qǐng)個(gè)賬號(hào) 進(jìn)入后出現(xiàn)的頁(yè)面如下，頂部有很多分類(lèi)，右側(cè)還有一個(gè)點(diǎn)擊創(chuàng)建空白場(chǎng)景，新手不建議自己創(chuàng)建空白的，建議選擇一個(gè)行業(yè)或者品牌產(chǎn)品的模板 下面就是選擇你需要的分類(lèi)。

2手機(jī)工具APP相比起工具網(wǎng)站來(lái)講，顯得比較順手，有大量模板套用，制作簡(jiǎn)單快捷但是拘泥于現(xiàn)有的模板，使得單頁(yè)面不會(huì)有較大的可操作空間，從而無(wú)法實(shí)現(xiàn)DIY交互效果下面展開(kāi)說(shuō)下每個(gè)使用過(guò)的工具吧 基于HTML5的工具網(wǎng)站。

5 Google Web Designer Google Web Designer是谷歌是專(zhuān)門(mén)為設(shè)計(jì)者打造的的可視化HTML5設(shè)計(jì)開(kāi)發(fā)工具它提供了所見(jiàn)即所得的設(shè)計(jì)環(huán)境，包含設(shè)計(jì)視圖和代碼視圖，還能制作Banner廣告動(dòng)畫(huà)，功能豐富且強(qiáng)大6 Weebly Weebly是一款HTML。

基于HTML5的工具網(wǎng)站兔展優(yōu)點(diǎn)頁(yè)面DIY程度較高，動(dòng)效實(shí)現(xiàn)起來(lái)也簡(jiǎn)易方便，可制作比較任性的H5頁(yè)面缺點(diǎn)屏幕界面大小不可調(diào)節(jié)，上傳的圖會(huì)比例失調(diào)生成后到各尺寸屏上頁(yè)面會(huì)存在拉伸現(xiàn)象此圖意在說(shuō)明上傳的圖片的尺寸。