Design News

網頁設計新知

靜態網頁與動態網頁的分別

Jul 14, 2021
網頁設計公司或是設計師常常會提到,這頁面為靜態網頁或是動態網頁,這差別在哪呢?
一般人都會以為文字來解釋,以為靜態頁面就是視覺上沒有動畫,單純圖片文字瀏覽,反之,動態頁面就是有著動畫效果的網頁。

但以網站設計的說法,這樣其實對一半。簡單來說,是否為靜/動態葉面,主要是指網頁能不能以程式動態來產生新的資料並且記錄,也就是說是否為運用到後台程式(如:PHP、JSP、ASP.NET、JAVA…等)與資料庫的網頁。

靜態網頁設計

靜態頁面為文字、圖片以及動畫...等的網頁,不包含網站後台程式設計,所以網站內容不會讀取資料庫的資料。

像這類型的網站/頁都沒有後台介面,就是網頁設計師/前端設計師將設計完成的畫面寫成HTML後直接上傳至主機,而不能透過後台進行編輯、更新資料,若有資料要更新就須透程式端直接進行處理。

一般判斷方式為網頁副檔名為html或htm皆為靜態網頁。

動態網頁設計

  1. 動態網頁就跟靜態網頁相反,是由網站程式產生的頁面,例如: 最新消息、產品介紹...等。這些常見的單元通常會設計成可以新增文章、產品內容頁。以我們森德網站設計為例,我們會提供管理者登入後台的介面,當管理者登入後,可以依照左側欄位所顯示的標題單元,進一步編輯/新增文章的內容文字,儲存送出後前台頁面就會同步網站最新的內容。
  2.  關於動態網頁,也包含前台那些可與使用者進行互動的功能,例如:購物車系統、客服表單、會員管理系統、留言版功能、討論區 …等。
 

網站設計的成本關係

若以價格上來說,一般動態網頁的價格會比靜態網頁高,除非是針對靜態網頁,想要做很特殊技術的前台畫面(如動畫效果),那就要會依客戶需求進行功能建置。

該如何決定網站頁面為靜態還是動態頁面呢?

依照大部分網頁公司來說都會有後台管理介面,但客戶有其他建置需求也可跟網頁設計師討論,可以針對您的需求進行討論以及建置適合您的網站。

一般來說若是公司有成本考量,或是只希望做個短期曝光的行銷網站,就可以選擇製作靜態網頁,可用於較於簡單、更新狀況不頻繁的網頁。

若希望公司內部就可以快速的網頁,且讓維護人員可以方便管理網站,不需要每次修改網站內容都要在請網頁設計師調整,那就會建議製作動態頁面(有後台)的網站。