fbpx

前言

在這個網路越來越發達的時代,大家每天都在上網,使用瀏覽器查詢資料、看影片、購物等等,都與網頁有關,當你在使用時,你有沒有想過網頁也有區分為靜態網頁以及動態網頁呢,可能會有人覺得動態網頁就是在頁面上有動畫,會動的就是動態網頁,而頁面靜止,不會動的就是靜態網頁,其實不然。以下內容我們將介紹何謂動態網頁以及靜態網頁,讓你可以更加了解平時所使用的網頁喔。

靜態網頁

在了解動態網頁以前,也需要先了解靜態網頁究竟是什麼,這樣才能夠真正搞懂靜態跟動態究竟差在哪裡。

超文件標示語言HyperText Markup Language,簡稱:HTML,HTML是網站建置的基礎技術,常與CSS與Javascript配合成一個適合觀看的網頁,讓瀏覽器去讀取,一般判斷方式為網頁副檔名為html或htm皆為靜態網頁,靜態網頁的優勢為容易為搜尋引擎所接受,所以很多動態網頁會將動態網頁轉變成靜態方式,就是所謂的【偽靜態網頁】來提高搜尋引擎的友善度達到排名優化的成效。

當用戶瀏覽器通過HTTP協議向Web伺服器請求提供網頁內容時,伺服器僅僅是將原先的HTML文檔文檔傳送給用戶瀏覽器,用戶看到的內容是標準的HTML文黨的內容,可能在另外加上GIF格式的動態圖片或是Flash動畫等等,如果想更改網頁上的內容,就必須手動更改HTML文檔。

靜態網頁的特點

  • 靜態網頁每個網頁都有一個固定的URL,且網頁URL以.htm、.html、.shtml等常見形式為後綴,而不含有“?”。
  • 網頁內容一經發佈到網站服務器上,無論是否有用戶訪問,每個靜態網頁的內容都是保存在網站服務器上的,也就是說,靜態網頁是實實在在保存在服務器上的文件,每個網頁都是一個獨立的文件。
  • 靜態網頁的內容相對穩定,因此容易被搜索引擎檢索。
  • 靜態網頁沒有數據庫的支持,在網站製作和維護方面工作量較大,因此當網站信息量很大時完全依靠靜態網頁製作方式比較困難。
  • 靜態網頁的交互性交叉,在功能方面有較大的限制。

動態網頁

動態網頁主要是搭配伺服器與資料庫共同運作,主要是使用大量編譯的地方,如會員功能、購物車、討論區等等..,意思是指可以與網頁做互動編譯的網頁,動態網頁的內容隨著用戶的輸入和互動而有所不同有Perl、PHP、ASP、JSP、ColdFusion等編譯方式,從而對動態網頁的內容進行改變。

動態網頁大致有2種,一種是指由網站程式產生的頁面,如最新消息、常見問題、產品型錄、客房介紹,這些單元通常會設計成可以新增文章或產品介紹,管理者登入後台後,可以依後台欄位指定標題、內容文字、上傳照片、嵌入影片…等,送出後網友就可以看到新的網頁。

另一種是有資料庫的網頁,可以與網友進行互動,如線上訂購、客服表單、會員中心。這些單元都不會有新的頁面,網友可以操作前台、送出資料,讓管理者收到網友的需求。

動態網頁的特點

  • 動態網頁以數據庫技術為基礎,可以大大降低網站維護的工作量。
  • 採用動態網頁技術的網站可以實現更多的功能,如用戶註冊、用戶登錄、在線調查、用戶管理、訂單管理等等。
  • 動態網頁實際上並不是獨立存在於服務器上的網頁文件,只有當用戶請求時服務器才返回一個完整的網頁。
  • 動態網頁中的“?”對搜索引擎檢索存在一定的問題,搜索引擎一般不可能從一個網站的數據庫中訪問全部網頁,或者出於技術方面的考慮,搜索蜘蛛不去抓取網址中“?”後面的內容,因此採用動態網頁的網站在進行搜索引擎推廣時需要做一定的技術處理才能適應搜索引擎的要求。

結論

靜態網頁和動態網頁各有特點,網站採用動態網頁還是靜態網頁主要取決於網站的功能需求和網站內容的多少,如果網站功能比較簡單,內容更新量不是很大,採用純靜態網頁的方式會更簡單,反之一般要採用動態網頁技術來實現。

靜態網頁是網站建設的基礎,靜態網頁和動態網頁之間也並不矛盾,為了網站適應搜索引擎檢索的需要,即使採用動態網站技術,也可以將網頁內容轉化為靜態網頁發布。

動態網站也可以採用靜動結合的原則,適合採用動態網頁的地方用動態網頁,如果必要使用靜態網頁,則可以考慮用靜態網頁的方法來實現,在同一個網站上,動態網頁內容和靜態網頁內容同時存在也是很常見的事情。

結語

看完以上的介紹,是不是對於網頁有更多的認識了呢,網頁的世界其實還有很多地方執得我們去一探究竟。想了解更多相關知識的話,可以到快樂學程式的Udemy這裡逛逛,豐富的程式課程會讓你在前往工程師的路上。

如果你的入門還在單打獨鬥,歡迎來到快樂學程式找到志同道合的夥伴,你的自學之路不孤單。

Leave a Reply