網站的基本元素是網頁，一個個的網頁構成了一個完整的網站，網頁也是可分的，構成網頁的基本元素包括標題、網站 LOGO 、頁首、頁尾、主體內容、功能區、導航區、廣告欄等。這些元素在網頁的位置安排，就是網頁的整體佈局。那如何才能更好的做好網頁的整體佈局？網頁製作全包又都包括哪些基本內容呢？
1 、圖形、影像處理製作
網頁製作全包中在網頁上插入一些精美、適當的圖片是必要的，否則，不會有人光顧您的網頁。因此，在設計您的網頁之前，就應蒐集或製作一些好看、適用的圖片。網上或者光碟上都有這方面的內容。製作影像，Photoshop 是這方面的老大哥，但不是專門處理網路影像的；我們一般選用 Fireworks，用它製作網路影像是最好的，我們將在後面講到。 [提示] 一般在 WWW 上 jpg 和 gif 格式的圖片傳輸較快，經常使用；點陣圖 bmp 檔案佔用空間太大，傳輸較慢，並不適用。 jpg 的檔案較大，但畫質相當好，可以顯示 24 位真彩色；gif 顏色只有 256 色，但檔案小多了，速度就快了。照片、風景畫等超過 256 色的圖片就採用 jpg 格式；顏色簡單的標誌圖片、標題、小動畫等最好用 gif 格式。
2 、動畫製作
傳統的做法是在 HTML 中嵌入用程式編寫的動畫，但這要求開發者對語言的程式設計要熟悉。隨著軟體業的發展，現在製作漂亮的動畫就輕鬆多了，有很多製作動畫的軟體。比如 Flash，用它製作出來的動畫小巧迷人，只需作為一個*.swf 檔案匯出，然後再導主到網頁編輯器中，這樣，在瀏覽器中就可以瀏覽到動畫了。這是不是要比程式設計輕鬆多瞭解？[ 提示 ]Flash 製作動畫不僅方便快速，而且畫質高、體積小，要做好主頁不可不學。
3 、文字編寫
WordPress 網站製作中的網頁需要大量文字，這就要在網頁編輯器中用 HTML 語言中的標籤編寫。也可以利用網頁編輯工具的 “ 所見即所得 ” 功能，直接寫入文字。 [提示] 這要用到 WooCommerce 獨立站網頁設計工具。 WooCommerce 獨立站網頁設計工具最流行的就是 Dreamweaver 和 FrontPage 了，兩者各有優勢，後面將說到這方面的內容。
4 、框架設計
網頁製作全包中框架是網頁的常用形式，它可以使網頁更為清晰，可以把不同的頁面超連結在同一框架中，使得頁面空間更緊湊。在 HTML 中用< frame>< /frame>標籤編寫。
5 、表格應用
網頁中很活躍的一種元素，它的應用可使網頁更緊湊和靈活。在 HTML 中用 < table>< /table> 標籤編寫。 [提示] 表格不光是資料的集合，在 WooCommerce 獨立站網頁設計中還有整齊佈局的作用。