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

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

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

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

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

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

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

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

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