網頁範本和樣式表會用非常不同的方式來控制網站的共用外觀與操作方式,不過,它們仍可用來彼此互補。 比方說,您可以利用網頁範本來控制網站的佈置和內容區域,利用樣式表來控制標示的視覺呈現,如字型大小和顏色。 一般而言,網頁範本會控制資料在網頁中的位置,樣式表會控制這個資料的外觀。
網頁範本是其他網頁的模型。 如果要建立範本,請先建立一個正常網頁,將元素加入其中,如圖片、文字和表格。 範本中的每個元素都會出現在範本所鏈結的個別網頁中。這可以確保網頁的外觀相同。
之後,再將內容區域新增至範本中。內容區域是個別網頁會有自己的內容的範本組件。 當您開啟鏈結到範本的網頁時,您只能在範本的內容區域中進行編輯。
樣式表用來控制網頁中的文字、表格、影像和其他元素的外觀。 比方說,您可以將網站第一層的所有標題都設成相同的顏色、大小和字型。 當您變更樣式表中的第一層標題文字的定義時,會變更每個網頁中的相符文字來符合它。