很多人把HTML5技術捧得太高，高到對自己動手做HTML5網站喪失了自信，也不愿意相信如今的建站黑科技。做一個小小的企業網站還要和網絡公司商討十天半月，其實用這點時間，你可以做十個企業響應式網站。

下面以信息類的企業官網為例，給大家講講HTML5響應式建站的黑科技。筆者用的是建站寶盒V9，主要針對的是不懂技術的建站人群。先安裝一套響應式模板：

考慮到大家做網站的習慣，先從首頁開始講起。寶盒采取的是流布局+自由布局模式，所以打開界面后可以看到一欄一欄的編輯框，框內有多種模塊結合。首先是頂部，通常放的是企業的logo和導航欄，可以在系統設置中開啟共享頭部，這樣網站的每個頁面都能看到這個模塊中的內容。模塊都是直接添加，想更省事可以直接修改模板網站的圖片。

接下來是網站banner，寶盒提供十款以上的輪播樣式，同樣為拖拽添加，直接上傳企業處理后的輪播圖。注意：輪播圖一定程度決定網站顏值，圖片像素不能太低。

網站首頁通常會系統介紹公司的產品和服務、新聞等，所以接下來的模塊就要重點放這些內容。

比如產品，這樣的效果是有容器模塊+圖片+文字模塊組合而成的。很多人說響應式很難調試，其實是不擅于使用容器模塊。容器模塊屬于一個區域板塊，里面可以再添加其他模塊，但只要在一個容器中的內容，之后切換到移動端就會集中顯示，避免錯亂。

切換到手機效果，從左到右的布局自動調整為從上而下。

之后是新聞模塊，也是在新的區域模塊中添加，直接添加一個新聞模塊，進入屬性框的新聞管理添加內容，顯示效果如圖：

部分企業需要在網站的底部添加合作伙伴，添加方法是直接添加圖片，在屬性中設置動畫效果，拖拽到合適的位置即可。

之后就是網站底部了，通常會放置二維碼，聯系方式等，也是在容器模塊中加入不同模塊組合。

首頁完成后即可修改其他頁面，要切換到其他頁面，在頂部導航欄中直接進入即可，設置方法大同小異。

大家比較擔心的還是手機站錯亂的問題，除了在制作網站的時候時刻留意手機站的展現效果，及時調整外，推薦大家適當地顯示和隱藏模塊，一些不必要的模塊隱藏起來更有利于手機站的排版和整體顯示效果。

網站做好后，直接預覽效果即可。網站上傳發布后，復制提條網址到不同終端，即可看到不同布局的展現效果。這就是傳說中高大上的HTML5響應式網站，做起來也沒有大家想象中那么困難對不對？

還有一個收錄問題，HTML5本身對搜索引擎是友好的，只要合理設置關鍵字，大家很容易就能在搜索引擎找到你了。希望上面的內容對大家做企業網站有所幫助。

HTML5響應式網站建設：http://m.shaolinwang.cn/special/v9special/index.php?S=yuqiuping