基本觀念 王文彥 老師
WWW 的基礎 「WWW」 ( World Wide Web, 簡稱 Web ) 全球資訊網 簡介 「WWW」 ( World Wide Web, 簡稱 Web ) 全球資訊網 1.在1989 年由歐洲高能粒子協會的研究小組開發 Internet 服務 2.Web 之所以能在網路上傳送圖片、文字、影像和聲音 等多媒體資料, 是由 Tim Berners Lee 領導的小組 開發的主從架構、分散式網路服務系統
WWW 的架構 WWW 全球資訊網是一種主從架構的系統 HTTP請求 客戶端(瀏覽程式) 伺服端(Web 伺服器) HTTP傳回HTML
網頁的資料內容與顯示方式 當我們瀏覽 WWW 網站時, 伺服器傳送給用戶端的網頁是『純文字的 HTML 文件』, HTML 標準定義了許多文字與排版的效果。 而瀏覽器收到網頁後, 即會解析其中的 HTML 標籤, 並將網頁依 HTML 標籤指示的效果顯示出來。 簡單的說, 網頁是以純文字格式的 HTML 語法來定義網頁中的內容及所要使用的物件, 而瀏覽器收到之後, 會進行解析, 然後依照 HTML 所定義的效果, 將內容展示出來。 4
網頁的資料內容與顯示方式
動態網頁技術 瀏覽器解析網頁內的 HTML 語法之後, 即可將豐富的多媒體效果 (圖形、聲音) 顯示於用戶, 所以早期 WWW 網站的製作技術著重於如何撰寫 HTML 語法以展現各種效果。 但隨著 WWW 的應用日漸廣泛, 靜態的效果已無法滿足人們的需求。 雖然 HTTP 傳遞資料的功能仍然不變, 大家開始希望網頁的效果更豐富多樣;或是想要讓網頁依照不同狀況, 顯示不同的訊息;甚至希望網站可以和使用者產生互動的效果。
動態網頁技術
動態網頁技術 因此便陸續出現許多技術以提供動態網頁的效果, 這些技術依照程式執行的位置, 主要可以區分為用戶端與伺服器端兩大類: 用戶端動態網頁技術 (例如:Java Applet、JavaScript):在用戶的瀏覽器執行程式來產生動態網頁。 8
動態網頁技術
動態網頁技術 伺服器端動態網頁技術 (例如:ASP.NET、PHP、JSP):由伺服器執行程式, 產生不同內容的網頁, 再傳送給瀏覽器。 10
動態網頁技術 一般來說, 用戶端動態網頁技術因為是在瀏覽器上執行程式, 所以使用者可以立即得到程式執行結果, 也可減輕伺服器的負擔。 不過因為整個程式需透過網路傳送到用戶端執行, 為避免傳送耗時, 通常程式不會設計得太大, 故功能上大多只用來顯示即時資訊、產生特效等。 而伺服器端動態網頁技術將程式放置於伺服器上執行, 程式設計的彈性相當大, 還可以搭配資料庫系統, 設計出複雜的架構, 例如會員機制、留言板 / 論壇...等。 動態網頁技術雖分為兩大類, 但應用時會依照各種狀況與需求互相搭配使用。 11
什麼是客戶端? 什麼是伺服端? 什麼是 Browser? 什麼是 Web Server? 什麼是客戶端程式? 什麼是伺服端程式?