有時候網頁設計公司或是設計師會提到,這頁面為靜態網頁或是動態網頁,差別在哪呢?
一般人會看字面上的意思,以為靜態頁面就是視覺上沒有動畫,單純圖片文字瀏覽,反之,動態頁面就是有著動畫效果的網頁。
但以網站設計的說法,這樣其實對一半。
簡單來說,是否為靜/動態葉面,主要是指網頁能不能以程式動態來產生新的資料並且記錄,也就是說是否為運用到後台程式(如:PHP、ASP、ASP.NET、JAVA…等)與資料庫的網頁。
靜態網頁
靜態頁面為文字、圖片以及動畫...等的網頁,不包含網站後台程式設計,所以網站內容不會讀取資料庫的資料。
像這類型的網站/頁都沒有後台介面,就是網頁設計師/前端設計師將設計完成的畫面寫成HTML後直接上傳至主機,而不能透過後台進行編輯、更新資料,若有資料要更新就須透程式端直接進行處理。
一般判斷方式為網頁副檔名為html或htm皆為靜態網頁。
動態網頁
1. 動態網頁就跟靜態網頁相反,是由網站程式產生的頁面,例如: 最新消息、產品介紹...等。這些常見的單元通常會設計成可以新增文章、產品內容頁。
以我們森德網站設計為例,我們會提供管理者登入後台的介面,當管理者登入後,可以依照左側欄位所顯示的標題單元,進一步編輯/新增文章的內容文字,儲存送出後前台頁面就會同步網站最新的內容。
2. 關於動態網頁,也包含前台那些可與使用者進行互動的功能,例如:購物車系統、客服表單、會員管理系統、留言版功能、討論區 …等。
雖然這些單元不會因為填寫之後會看到新的頁面產出,但是使用者可以透過使用前台或是送出資料,將這筆資料會記錄到資料庫,(PHP、ASP、JSP...等編譯方式),這也是動態頁面的定義之一。
靜態網頁與動態的差異
靜態網頁與動態網頁是可以同時存在一個網站上的,那為什麼要特別分成靜態與動態的差異。
網站後續維護管理關係
森德會建議,如果這個單元/頁面若是未來不太常需要編輯修改的單元/頁面,例如:公司只銷售單一產品的產品介紹、關於我們...等頁面,或是說希望排版上可以不要那麼制式,有很多想法希望在未來呈現的網站視覺效果上,可以建議做成靜態網頁,因為設計師可以不用顧慮後續更新、新增後,頁面或區塊是否會在新增,修改/新增後畫面該如何呈現以及調整。
但是若是會需要經常頻繁的新增、修改、刪除的資料,例如:最新消息、產品介紹...等,就會建議製作成動態網頁。我們主要還是會依照客戶需求進行功能建置。
網站設計的成本關係
若以價格上來說,一般動態網頁的價格會比靜態網頁高,除非是針對靜態網頁,想要做很特殊技術的前台畫面(如動畫效果),那就要會依客戶需求進行功能建置。
該如何決定網站頁面為靜態還是動態頁面呢?
依照森德網站設計的方案來說,套版、半客製、客製化方案都會有後台管理介面,但您若有其他建置需求也歡迎提出,我們可以針對您的需求進行討論以及建置適合您的網站。
一般來說若是公司有成本考量,或是只希望做個短期曝光的行銷網站,就可以選擇製作靜態網頁,可用於較於簡單、更新狀況不頻繁的網頁。
若希望公司內部就可以快速的網頁,且讓維護人員可以方便管理網站,不需要每次修改網站內容都要在拜託他人,那就會建議製作動態頁面(有後台)的網站。