基本觀念 王文彥 老師.

Presentation on theme: "基本觀念 王文彥 老師."— Presentation transcript:

1 基本觀念 王文彥 老師

2 WWW 的基礎 「WWW」 ( World Wide Web, 簡稱 Web ) 全球資訊網
簡介 「WWW」 ( World Wide Web, 簡稱 Web ) 全球資訊網 1.在1989 年由歐洲高能粒子協會的研究小組開發 Internet 服務 2.Web 之所以能在網路上傳送圖片、文字、影像和聲音 等多媒體資料, 是由 Tim Berners Lee 領導的小組 開發的主從架構、分散式網路服務系統

3 WWW 的架構 WWW 全球資訊網是一種主從架構的系統 HTTP請求 客戶端(瀏覽程式) 伺服端(Web 伺服器) HTTP傳回HTML

4 網頁的資料內容與顯示方式 當我們瀏覽 WWW 網站時, 伺服器傳送給用戶端的網頁是『純文字的 HTML 文件』, HTML 標準定義了許多文字與排版的效果。 而瀏覽器收到網頁後, 即會解析其中的 HTML 標籤, 並將網頁依 HTML 標籤指示的效果顯示出來。 簡單的說, 網頁是以純文字格式的 HTML 語法來定義網頁中的內容及所要使用的物件, 而瀏覽器收到之後, 會進行解析, 然後依照 HTML 所定義的效果, 將內容展示出來。 4

5 網頁的資料內容與顯示方式

6 動態網頁技術 瀏覽器解析網頁內的 HTML 語法之後, 即可將豐富的多媒體效果 (圖形、聲音) 顯示於用戶, 所以早期 WWW 網站的製作技術著重於如何撰寫 HTML 語法以展現各種效果。 但隨著 WWW 的應用日漸廣泛, 靜態的效果已無法滿足人們的需求。 雖然 HTTP 傳遞資料的功能仍然不變, 大家開始希望網頁的效果更豐富多樣；或是想要讓網頁依照不同狀況, 顯示不同的訊息；甚至希望網站可以和使用者產生互動的效果。

7 動態網頁技術

8 動態網頁技術 因此便陸續出現許多技術以提供動態網頁的效果, 這些技術依照程式執行的位置, 主要可以區分為用戶端與伺服器端兩大類：
用戶端動態網頁技術 (例如：Java Applet、JavaScript)：在用戶的瀏覽器執行程式來產生動態網頁。 8

9 動態網頁技術

10 動態網頁技術 伺服器端動態網頁技術 (例如：ASP.NET、PHP、JSP)：由伺服器執行程式, 產生不同內容的網頁, 再傳送給瀏覽器。
10

11 動態網頁技術 一般來說, 用戶端動態網頁技術因為是在瀏覽器上執行程式, 所以使用者可以立即得到程式執行結果, 也可減輕伺服器的負擔。
不過因為整個程式需透過網路傳送到用戶端執行, 為避免傳送耗時, 通常程式不會設計得太大, 故功能上大多只用來顯示即時資訊、產生特效等。 而伺服器端動態網頁技術將程式放置於伺服器上執行, 程式設計的彈性相當大, 還可以搭配資料庫系統, 設計出複雜的架構, 例如會員機制、留言板 / 論壇...等。 動態網頁技術雖分為兩大類, 但應用時會依照各種狀況與需求互相搭配使用。 11

12 什麼是客戶端? 什麼是伺服端? 什麼是 Browser? 什麼是 Web Server? 什麼是客戶端程式? 什麼是伺服端程式?