當專業的碼農看到這篇文章，可能心里會在竊笑，怎么又有人在講解這些老生常談的問題。大家可能對響應式網站建設方面的文章已經看過不少了，也了解都其實做一個響應式網站挺簡單的，只要在響應式網站建設過程中，加入幾段代碼或者調試幾個格式就能簡單做出一個響應式網站。對于用程序代碼的方式制作響應式網站，今天也不給大家多說了，小編今天給大家講講針對于不懂編程代碼的小白們，怎么快速制作響應式網站。關于怎么樣用代碼做響應式網站可以參見：http://m.daiyun360.com/ztview/F_hyc40.html

前面小編給大家介紹過幾款制作響應式網頁的工具，有：Rapid Weaver、Sparkle、Nicebox等。針對于以上的工具，小編自己也進行各方面的測試，給我的感覺是：

1.   Rapid Weaver

Rapid Weaver是Mac上的一款HTML網頁制作的工具，這款工具是針對于ios平臺上的HTML網頁制作工具，在官網上宣傳說能在幾分鐘內做出專業水準的網頁，如果Windows系統的用戶，想要用該工具，需要進行破解。在使用過程中給我最大的感受是，需要懂一點點代碼，建站可以直接的拖拽板塊。

2.   Sparkle

Sparkle也是蘋果MAS上的軟件，相對于前面的Rapid Weaver，這款工具比較適合新手使用，他實現了零代碼可視化設計，可以像一般畫圖一樣設計開發網站，支持各種移動設備和柵格設計模型，使用起來比較簡單。但是遺憾的是目前只有MAC版本。（PS：希望有高手能去破解造福大家）

3.   Nicebox

Nicebox可以說是比較適合新手和老鳥們，他最大的優點就是在于，前面2款工具具備的功能，它也具備。對于懂代碼也可以直接用代碼開發，不懂代碼也能制作網站。可以用傻瓜式建站來形容，它里面有很多的模板選擇，如果一開始不懂使用，可以利用它自帶的模板自己進行修改更換。

今天小編給大家簡單講一下怎么利用Nicebox（中文名：建站寶盒）來做響應式網站：

1.   首先進入網站編輯

目前Nicebox的版本升級到V9，在響應式網站建設方面更加的完善，相比之前小編使用的V8版本要更為強大。

2.   開始添加模塊（PS：做響應式網站要添加模塊分欄容器

（1）  添加分欄容器后，再把你想要添加的內容加入到分欄容器當中。（PS：添加文字選擇文字模塊，添加圖片選擇圖片模塊）

3.   圖片可以設置成各種動畫狀態（PS：選定圖片，右擊屬性選擇動畫）

4.   網站優化的調整（PS：Nicebox較人性化設置，針對不同類型的網站，有不同的設置，還要網站優化方面的調適，可以設定關鍵字等等）

做響應式網站的方法多種多樣，老鳥可以直接選擇代碼形式，對于什么都不懂的小白，用工具來協助你完成是最好不過的。還有許多強大的工具可能小編沒用過，如果你們有另外好的選擇可以告訴我，希望本文能幫到大家，不足之處望能指出！

響應式建站系統詳情請留意：http://m.daiyun360.com/special/v9special/index.php?s=hyc