# 靜態網頁、動態網頁
###### tags:`補充`
- 靜態網站
1. Browser瀏覽器 產生 GET req請求 給 Web server伺服器
1. Server 從 file system上傳系統 載入靜態檔案， 然後直接傳給 browser瀏覽器
- 動態網站
web server:apache
web application:php
database
1. Browser瀏覽器 產生 GET req請求 給 Web server伺服器
1. Server 偵測到 req 是動態的data， 並通知 Web App 處理
1. Web App 從 db資料庫 拿取資訊
1. Web App 將取出的資料放入 template動態產生 HTML page
1. Web App 透過 Web Server 回傳 HTML 給 browser， 同時夾帶 HTTP status code (200 success)； 若有回傳被阻斷， Web App 會夾帶另一個 status code ( e.g. 404 )
1. Browser 著手處理被回傳的 HTML ， 接著個別送出不同的 req ， 來取得 CSS 或 JS
1. Server 從 file system上傳系統 載入靜態檔案， 然後直接傳給 browser瀏覽器

==[六日： Client-Server 概覽( POST req/res 範例 , 解析動態 req )](https://ithelp.ithome.com.tw/m/articles/10218580)==

[動態網頁是什麼？非工程人員你也要知道的網頁知識](https://www.happycoding.today/posts/51)

Static sites 靜態網站
一般判斷方式為網頁副檔名為html或htm皆為靜態網頁，靜態網頁的優勢為容易為搜尋引擎所接受，所以很多動態網頁會將動態網頁轉變成靜態方式，就是所謂的【偽靜態網頁】來提高搜尋引擎的友善度達到排名優化的成效。
靜態網頁沒有數據庫的支持，在網站製作和維護方面工作量較大

Dynamic sites 動態網站
動態網頁大致有2種，一種是指由網站程式產生的頁面，如最新消息、常見問題、產品型錄、客房介紹，這些單元通常會設計成可以新增文章或產品介紹，管理者登入後台後，可以依後台欄位指定標題、內容文字、上傳照片、嵌入影片…等，送出後網友就可以看到新的網頁。
另一種是有資料庫的網頁，可以與網友進行互動，如線上訂購、客服表單、會員中心。這些單元都不會有新的頁面，網友可以操作前台、送出資料，讓管理者收到網友的需求。
搜索蜘蛛不去抓取網址中“？”後面的內容，因此採用動態網頁的網站在進行搜索引擎推廣時需要做一定的技術處理才能適應搜索引擎的要求。