雖然響應式網站比較難，但是現在網絡上面有很多的建設響應式網站的教程，就算是一個新手，也能夠利用各種自助建站系統的幫忙來自己建設制作響應式網站了，而制作響應式網站之中最重要的地方就是網頁的排版，因此今天就說一下建設響應式網站的時候可以采取什么樣式的排版方法，以及怎么拖動它們。
第一、排版方法
樣式1、模塊組排版
模塊組的排版樣式之中最少需要兩個組合形式的模塊，不過對于方向沒有什么要求，既可以是橫向的，也能夠是縱向的，你把自己的鼠標停留在哪一個模塊畫面上，系統就會顯示出這一個模塊樣式。像這種類型的排版方式非常好，顯得十分井然有序，可以讓用戶們明確以及清晰的了解清楚其中每一個模塊之中的內容。
樣式2、豎列排版
豎列排版還有一個名稱，叫做骨骼型排版，豎列排版就包括了豎向的五欄、雙欄、四欄以及三欄，不過人們使用最多的豎列排版就是三欄排版。像這樣的排版方法可以讓人感覺非常的理性以及和諧，能夠讓人一眼就看清楚網站里面所有模塊的基本內容，十分方便。但是，在選擇網站模塊的時候一定要注意一下，他們每一個模塊之間寬度以及長度情況，要讓長度以及寬度都保持統一，千萬不可以混亂排列。
樣式3、通欄排版
通欄排版里面的每一個模塊在進行切換的時候就如同網站橫幅圖進行切換似的，可以借助點擊網站模塊下方的小按鈕來幫助實現。而且這些小按鈕的樣式都是能夠進行方塊滑動、數字切換以及原點輪播的。大家還能夠設置一下通欄的具體頁數，他們的范圍在2到6之間，不過最好的頁數是3到4，太少了沒有，太多了就影響空間。
樣式4、自由容器排版
自由容器排版可以讓用戶們在一個空白的地方，隨意添加各種模塊并隨意移動它們的具體位置。并且，空白地方的大小是能夠用鼠標進行拖拽的，還可以用鼠標進行縮小以及放大各項操作的，極具人性化。但是運用自由容器排版的方法一定要注意發生混亂的情況。
第二、怎么拖動
1、使用背景
在建設響應式網站的時候，是能夠隨意移動里面的網站模塊，來改變所建設的網站的格局以及結構的，這樣才可以做到靈活排版。
2、具體操作
先把鼠標移動到網站里面所需要調整的地方，然后點擊自己的鼠標右鍵，就能夠通過選擇“下移模塊”或者是“上移模塊”來移動網頁里面的模塊了。拖動模塊的時候，就如同在電腦里面拖動文件夾一樣。直接用鼠標把模塊拖動到目標模塊之中，這時候光標就會變成十字形式的按鈕，最后長按鼠標左鍵把模塊拖動到你喜歡的位置，放開鼠標左鍵，就完成了這一次的模塊拖動操作了。當然除了直接拖動以及上下左右進行移動，還能夠通過鼠標右鍵，來實現“飄動”、“浮動”、以及“側停”還有“鎖定”模塊。
以上這些都是利用模板來建設響應式網站的時候基本操作方法，可以選擇一種網頁排版方式，也可以采取混搭的形式使用多種模板排版方式，這樣才能夠讓可以讓響應式網站建設的更好，網頁排版好，才可以讓人們有看的欲望，不然打開網頁看到的是一個亂七八糟的圖案，相信誰都沒辦法繼續瀏覽下去的。