應(yīng)式布局是2010年就被提出來(lái)的概念，直到今年才開始被中小企業(yè)重視。還是因?yàn)槭袌?chǎng)上的手機(jī)屏幕太多，更新?lián)Q代太快，企業(yè)好不容易搞定目前市面上這一波的屏幕適應(yīng)問題，新一批手機(jī)又要發(fā)布了，計(jì)劃永遠(yuǎn)趕不上變化。

這時(shí)候，響應(yīng)式布局仿佛打怪適時(shí)出現(xiàn)的超人，適應(yīng)任何尺寸的屏幕，幫助企業(yè)解決了所有問題。他們嘗到響應(yīng)網(wǎng)站的甜頭之后，都希望擁有一個(gè)自己的響應(yīng)式網(wǎng)頁(yè)。

為了能少花錢少花時(shí)間，他們?cè)诎俣容斎肓恕叭绾慰焖匍_發(fā)HTML5響應(yīng)式網(wǎng)頁(yè)”。

這時(shí)候就有一些程序大神義憤填膺地輸入一堆代碼，說(shuō)什么其實(shí)很簡(jiǎn)單啦，先創(chuàng)建一個(gè)空白的HTML5模板，復(fù)制這串代碼，再?gòu)?fù)制那串代碼，然后在哪哪加一串標(biāo)簽代碼，響應(yīng)式網(wǎng)站就做好了！超！簡(jiǎn)！單！

在不懂代碼的小編看來(lái)，這說(shuō)的都是什么跟什么，一點(diǎn)都不接地氣。

什么樣的速度才叫快呢？

提問者理想中的快應(yīng)該是這樣的：最好不要超過(guò)三天，不用耗費(fèi)很大工程量，不用花很多錢，最好按兩下鼠標(biāo)網(wǎng)站就能做好，做出來(lái)的效果不要太爛，網(wǎng)站要穩(wěn)定，真正響應(yīng)式。

互聯(lián)網(wǎng)時(shí)代，沒什么是不可能的。前幾年要有人提出這種要求，還真的是天馬行空，但現(xiàn)在，要實(shí)現(xiàn)起來(lái)還真的很輕松！用建站寶盒V9就可以了！

建站寶盒是一款自助建站工具，對(duì)企業(yè)來(lái)說(shuō)一點(diǎn)也不陌生，甚至某些企業(yè)對(duì)自助建站是有點(diǎn)誤解的，認(rèn)為自助建站就代表著不靠譜。但寶盒更顯到第九代，如果真的像某些企業(yè)想的那么不堪，早就被市場(chǎng)淘汰了。

用建站寶盒V9怎么快速開發(fā)HTML5響應(yīng)式網(wǎng)頁(yè)呢？很簡(jiǎn)單，登錄后臺(tái)，選擇你們喜歡的模板，一千多套總有一套是你的菜。選好后點(diǎn)擊“安裝”，就能進(jìn)入網(wǎng)站編輯界面。

之后就是傻瓜式的網(wǎng)站編輯了，雙擊網(wǎng)站模塊就能進(jìn)行修改、圖片、視頻上傳等操作。V9版本還加入了創(chuàng)新性的自由布局，在這種布局下，用戶可自由添加模塊，設(shè)置H5動(dòng)畫。

網(wǎng)站編輯好后就能進(jìn)行預(yù)覽，建站寶盒做的網(wǎng)站是電腦、手機(jī)、微信三站合一的，做好一個(gè)電腦網(wǎng)站，就相當(dāng)于擁有三個(gè)網(wǎng)站。網(wǎng)頁(yè)打開速度更是比傳統(tǒng)網(wǎng)站快7倍，真正的快速+響應(yīng)！至于收錄的問題，H5響應(yīng)式網(wǎng)站因?yàn)閾碛歇?dú)特的標(biāo)簽，能更快被搜索引擎抓取，根本不用擔(dān)心找不到網(wǎng)站。價(jià)格也不貴，還有免費(fèi)版的！

馬上快速開發(fā)H5響應(yīng)式網(wǎng)站：http://www.iisp.com/design/

更多建站&互聯(lián)網(wǎng)行業(yè)資訊，敬請(qǐng)關(guān)注微信公眾號(hào)：耐思尼克（iisp-com）

TML5多媒體作品以其對(duì)各種平臺(tái)的兼容而見長(zhǎng)，目前已獲得了廣泛的應(yīng)用。如果我們需要制作自己的HTML5多媒體作品，一個(gè)方便之選就是利用現(xiàn)成的在線制作工具“百度H5”。

首先訪問“百度H5”網(wǎng)頁(yè)（https://h5.baidu.com/），可以看到非常簡(jiǎn)單的頁(yè)面，僅有“我的H5”和“我的模板”兩個(gè)選項(xiàng)。其中“我的模板”是通過(guò)套用模板的方式來(lái)制作HTML5作品，而“我的H5”則可以完全靠自定義各種參數(shù)來(lái)自由創(chuàng)作，制作好的作品也會(huì)顯示在這里（圖1）。

1. 通過(guò)創(chuàng)意模板輕松制作

在首頁(yè)中選擇“我的模板”，隨后會(huì)進(jìn)入一個(gè)模板展示頁(yè)面，這些都是設(shè)計(jì)者們分享的模板。根據(jù)你所要設(shè)計(jì)的作品的類別，可以按類選擇一個(gè)類似的作品作為制作的模板，然后在此基礎(chǔ)上進(jìn)行修改，即可快速形成自己的多媒體作品（圖2）。

比如要制作一個(gè)招生方面的媒體作品，選擇如圖所示的秋季班招生模板，然后點(diǎn)擊右下角的“使用模板”按鈕（圖3）。

接下來(lái)先要為作品命名，例如“我們的幼兒園招生了”。輸入完畢點(diǎn)擊“確定”按鈕（圖4）。

隨后進(jìn)入實(shí)質(zhì)性的模板修改編輯階段。對(duì)于不合適的內(nèi)容，可先刪除頁(yè)面元素再添加。點(diǎn)擊“文本”菜單插入所需文本內(nèi)容。同理，可使用右邊的“媒體”按鈕插入圖片、音頻、視頻、嵌入視頻、全景圖等內(nèi)容。如果是PSD圖片，則直接用PSD菜單載入。若版面中需要插入一些圖標(biāo)或形狀，則點(diǎn)擊“圖形”菜單選擇添加（圖5）。

此外，對(duì)于作品中所要用到的展示數(shù)據(jù)，可以通過(guò)插入圖表、表單等方式，非常輕松地完成數(shù)據(jù)展示制作（圖6）。如果要實(shí)現(xiàn)更多的效果，可通過(guò)“插件”菜單，選擇添加頁(yè)面加載套件和加載進(jìn)度、添加計(jì)數(shù)器、添加幀動(dòng)畫、添加相冊(cè)或地圖等。

對(duì)于需要修改的屬性，可通過(guò)窗口右側(cè)的分類屬性窗口選擇設(shè)置。通過(guò)窗口下方的編輯區(qū)域，可控制動(dòng)畫、加載頁(yè)、全局全景和背景、當(dāng)前頁(yè)等參數(shù)設(shè)置。例如，要定制個(gè)性化的加載頁(yè)面效果，點(diǎn)擊“加載頁(yè)”選項(xiàng)卡，然后通過(guò)下方的滑塊，對(duì)加載頁(yè)中的圖片和進(jìn)度進(jìn)行自定義編輯（圖7）。

對(duì)頁(yè)面上的各種元素進(jìn)行修改和編輯完成之后，點(diǎn)擊工具欄左上角的磁盤按鈕將作品保存在網(wǎng)上。注意，編輯過(guò)程中產(chǎn)生的內(nèi)容軟件會(huì)自動(dòng)保存，但為了防止丟失，還是要養(yǎng)成勤于手動(dòng)保存的習(xí)慣。

最后，就可以發(fā)布作品了。點(diǎn)擊工具欄上的“發(fā)布”按鈕執(zhí)行發(fā)布操作（圖8）。

由于作品是保存在網(wǎng)絡(luò)服務(wù)器中的，因此作品的共享是以網(wǎng)址的形式體現(xiàn)的。發(fā)布時(shí)要填寫作品分享的標(biāo)題，設(shè)置個(gè)人域名。我們只需在“個(gè)性化域名”中填寫自己命名的作品個(gè)性域名地址，發(fā)布后其他人就可以用這個(gè)域名來(lái)訪問HTML5作品了（圖9）。

小提示：使用上述服務(wù)需要使用自己的百度賬號(hào)登錄。為維護(hù)網(wǎng)絡(luò)安全，目前發(fā)布信息需先經(jīng)過(guò)用戶實(shí)名制認(rèn)證方可進(jìn)行。

2. DIY 完全自己設(shè)計(jì)制作

套用模板適合于初學(xué)者或設(shè)計(jì)能力不強(qiáng)的用戶。其實(shí)，不用套用模板，完全可以從頭全部由自己來(lái)設(shè)計(jì)作品。

制作時(shí)，在主頁(yè)中選擇“我的H5”，然后點(diǎn)擊空白頁(yè)上印有圓圈套加號(hào)圖標(biāo)的按鈕，向?qū)?huì)詢問創(chuàng)建什么樣的布局。從“分頁(yè)布局”或“整頁(yè)布局”中選擇一種布局方式。如果是分頁(yè)布局，則依靠頁(yè)面間的前后滑動(dòng)實(shí)現(xiàn)簡(jiǎn)單跳轉(zhuǎn)；如果是整頁(yè)布局，則將整個(gè)頁(yè)面分為不同區(qū)域，各部分還可創(chuàng)建鏈接，實(shí)現(xiàn)不同的功能（圖10）。

隨后其他步驟與第1部分的添加和設(shè)置操作方法相當(dāng)，只是全要親自設(shè)計(jì)，不能套用現(xiàn)成的組件而已。在創(chuàng)作過(guò)程中，只要善于使用系統(tǒng)提供的文本工具編排文字內(nèi)容，用媒體和圖形工具添加圖片、圖形、音視頻，數(shù)據(jù)相關(guān)的內(nèi)容使用圖表、表單等工具，借助于“插件”擴(kuò)展來(lái)補(bǔ)充完善，發(fā)揮自由想象的創(chuàng)作空間，一定能創(chuàng)作出更具個(gè)性化的作品。