網頁佈局

寫網頁時。通常會先架構好每個網頁的布局，可以使用 Table 來架構，也可以使用 Div 來架構，不過通常使用 Div 時，較會牽扯到不同瀏覽器及瀏覽器版本不同的問題。Layout Gala 這個網站提供了 40 個不同的網頁架構固定尺寸或是使用百分比的 Css 版型，供你免費下載使用。

使用 CSS 來分割網頁主要架構時，通常都會碰到不同瀏覽器有不同的支援程度，同樣的 CSS 佈局，在不同的瀏覽器內排版的方式有可能不一樣，若自己不是太精通 CSS 時，可以來試試 Primary CSS 這個免費的網站所提供的 22 種常見的網頁樣式，只要點擊欲使用的排版樣式，便可下載 CSS 樣式表及 HTML 原始碼，方便你後續的應用，相當方便。

Tailwindgen 這個網站則是提供 Columns、Rows 及 Gaps 三個參數快速產生基礎網格後，再讓使用者依據需求使用滑鼠拖曳出想要的網頁布局，而每次調整都能即時產出預覽網格，最後可以產生 JSX 或 HTML Code，直接複製就可以貼到應用 Tailwind CSS 框架的網頁，相當方便。