在網頁制作前，可以先設計出網頁的草圖。布局的方法有兩種：一種為紙上布局，另一種為軟件布局。
       紙上布局法
       許多設計人員喜歡先畫出頁面布局的草圖，然后在網頁編輯工具里根據草圖進行布局。新建的頁面就像一張白紙，沒有什么表格、框架和約定俗成的東西，設計者可以盡可能地發揮想象力，將想到的“景象”畫上去。這屬于創作階段，不必講究細膩工整，也不必考慮細節功能，只用粗曠的線條勾畫出創意的輪廓便可。盡可能多畫幾張草圖，其后選定一個滿意的再進行創作。
       軟件布局法
       如果不喜歡用紙來畫出布局示意圖，那么可以利用 Photoshop、 Fireworks等軟件來網頁制作。完成這些工作。這樣可以方便地使用顏色、圖形，并且可以利用圖層的功能設計出用紙張無法實現的布局意念。