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

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

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

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

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

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

2手機工具APP相比起工具網(wǎng)站來講，顯得比較順手，有大量模板套用，制作簡單快捷但是拘泥于現(xiàn)有的模板，使得單頁面不會有較大的可操作空間，從而無法實現(xiàn)DIY交互效果下面展開說下每個使用過的工具吧 基于HTML5的工具網(wǎng)站。

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

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