部落格 什麽是「靜態網頁設計」? 什麽是「動態網頁設計」?
Jericho
Mar 17, 2023
網路、科技、滿滿的新知在浩瀚的網路上,想要得到他嗎?沒問題,永遠抱持著謙卑的態度,自然會找到方案!

什麽是「靜態網頁設計」? 什麽是「動態網頁設計」?

網站的制作方式有兩種:靜態或動態。

 

靜態網頁設計

靜態網站為靜態網站的每個頁面存儲xxx。每次請求該頁面時,都會返回相同的內容。在網站設計期間,僅創一次此內容。它通常是手動創作的,儘管某些網站使用類似於動態網站的自動建過程,其結果作為完整的頁面長期存儲。這些自動建的靜態網站在2015年左右變得越來越流行,其生成器包括JekyllAdobe Muse

靜態網站的好處是它們易於託管,因為其伺服器僅需要提供靜態內容,而無需執行伺服器端腳本。這需要更少的伺服器管理,並且暴露安全漏洞的機會也更少。他們還可以在低成本伺服器硬體上更快地提供頁面。隨著廉價的Web託管擴展到還提供動態功能以及虛擬伺服器在短時間內以低成本提供高性能的這些優勢變得不再那麼重要。

幾乎所有網站都有一些靜態內容,因為即使在具有高度動態頁面的網站上,諸如圖像和樣式表之類的支持資產也通常是靜態的。

動態網頁設計

動態網站是動態生成的,並使用伺服器端技術來生成網頁。他們通常從一個或多個後端資料庫中提取內容:一些是跨關係數據庫的資料庫查詢,用於查詢目錄或匯總數字息,其他則可能使用文檔資料庫(例如MongoDBNoSQL)來存儲較大的內容單元,例如部落格文章或Wiki文章。

在設計過程中,通常使用靜態頁面對動態頁面進行模擬或線框化。開發動態網頁所需的技能比靜態網頁要廣泛得多,涉及伺服器端和資料庫程式碼以及客戶端界面設計。因此,即使是中型動態項目也幾乎總是團隊合作的結果。

動態網頁首次開發時,通常會直接使用PerlPHPASP等語言進行程式碼。其中一些(尤其是PHPASP)使用了「模板」方法,其中伺服器端頁面類似於完整的客戶端頁面的結構,數據被插入到「標籤」定義的位置。這是比使用純過程程式碼語言(例如Perl程式碼更快的開發方式。

如今,這兩種方法已被許多以應用程式為中心的高級工具(例如內容管理系統)所取代。它們建立在通用程式碼平台之上,並假設存在一個網站來根據幾種公認的模型之一提供內容,例如按時間順序排列的部落格,主題雜誌或新聞網站,Wiki或用戶論壇。這些工具使此類站點的實現非常容易,並且完全是基於組織和設計的任務,而無需任何程式碼

內容本身(以及模板頁面)的編輯既可以通過網站本身進行,也可以使用第三方軟體來完成。僅向特定類別的用戶(例如,管理員或註冊用戶)提供編輯所有頁面的功能。在某些情況下,匿名用戶被允許編輯某些Web內容,這種內容不那麼頻繁(例如,在論壇上-添加息)。匿名更改站點的一個示例是Wikipedia

外貿網站設計值得注意的四個方面
外貿網站設計值得注意的四個方面
如何提高網站設計的用戶體驗
如何提高網站設計的用戶體驗
網站設計的導航應該如何做設計布局?
網站設計的導航應該如何做設計布局?