165客户端处理技术的例子JavaScript.ppt

客戶端處理 客戶端動態網頁於客戶電腦內建立。 瀏覽器會處理有關指令並顯示網頁。 伺服器端處理 伺服器端動態網頁於伺服器電腦內建立。 伺服器會根據指令建立所需要的網頁。 伺服器端處理 伺服器端動態網頁於伺服器電腦內建立。 伺服器會根據指令建立所需要的網頁。 JavaScript 是常用的手稿程序，常用於改善網頁設計、確認表格資料、檢測用戶瀏覽器和在用戶電腦內產生網站記錄檔 可嵌入 HTML 碼 可儲存在 HTML 文件外的檔案 瀏覽器不需作任何編譯，就可直接執行 警告視窗 當瀏覽器處理於 HTML 碼內的 JavaScript 時，警告視窗就會彈出。 檢測用戶瀏覽器 JavaScript 讓用戶檢測自己網頁瀏覽器的類型和版本。 動畫按鈕和表格確認 JavaScript 可用來製作動畫按鈕。只需把滑鼠游標置於按鈕上，按鈕的外觀便隨即改變。 確認表格資料 JavaScript 傳送資料至伺服器作進一步處理前，在客戶端檢查資料 可減輕伺服器的工作量 確認表格資料 JavaScript 傳送資料至伺服器作進一步處理前，在客戶端檢查資料 可減輕伺服器的工作量 PHP 超文本前置處理器 是一個開放式源代碼、跨平台的伺服器端程序 可嵌入於 HTML 碼內 PHP 手稿碼在傳送至瀏覽器前，由伺服器先處理 PHP 手稿碼 PHP 手稿碼在傳送至瀏覽器前會先給處理和轉換為純 HTML 碼。 PHP 和 HTML 表格 HTML 表單把瀏覽者輸入的數目傳送至 PHP 程序作進一步處理 其他伺服器端處理技術 其他伺服器端處理技術 16.1 靜態網頁 靜態網頁 包含固定的內容，例如文字、圖像和連結 互動性較低 靜態網頁和它相關的 HTML 碼 16.1 靜態網頁 靜態網頁 包含固定的內容，例如文字、圖像和連結 互動性較低 靜態網頁和它相關的 HTML 碼 16.2 動態網頁 動態網頁 包含的內容是可變的 所顯示的內容取決於瀏覽者的輸入 網頁搜尋器 日期顯示和瀏覽者累計器 16.2 動態網頁 動態網頁 包含的內容是可變的 所顯示的內容取決於瀏覽者的輸入 網頁搜尋器 日期顯示和瀏覽者累計器 16.3 靜態網頁和動態網頁的比較 需要額外的網頁程序編寫知識。 需要基本的 HTML 知識。 編寫知識上的要求 伺服器可能需要根據用戶的輸入和從數據庫所提取的資訊「即時」組合和產生網頁。 網頁伺服器只需從硬碟載入靜態 HTML 文件。 伺服器工作 只需更新數據庫的內容。 需要人手更新每個網頁。 內容維護 網頁內容可儲存於數據庫，內容可與用 HTML 碼編寫的模版合併，以產生網頁。 每個網頁皆利用 HTML 碼或網頁編寫軟件逐一製作。 建構過程 可變的 固定的 內 容 動態網頁 靜態網頁 16.3 靜態網頁和動態網頁的比較 需要額外的網頁程序編寫知識。 需要基本的 HTML 知識。 編寫知識上的要求 伺服器可能需要根據用戶的輸入和從數據庫所提取的資訊「即時」組合和產生網頁。 網頁伺服器只需從硬碟載入靜態 HTML 文件。 伺服器工作 只需更新數據庫的內容。 需要人手更新每個網頁。 內容維護 網頁內容可儲存於數據庫，內容可與用 HTML 碼編寫的模版合併，以產生網頁。 每個網頁皆利用 HTML 碼或網頁編寫軟件逐一製作。 建構過程 可變的 固定的 內 容 動態網頁 靜態網頁 16.4 動態網頁的處理 客戶端處理的概念 16.4 動態網頁的處理 伺服器端處理的概念 16.4 動態網頁的處理 伺服器端處理的概念 16.5 客戶端處理技術的例子 ─ JavaScript 嵌入於 HTML 碼的 JavaScript (左) 及彈出式警告視窗 (右) 16.5 客戶端處理技術的例子 ─ JavaScript 利用 JavaScript 顯示用戶瀏覽器的類型和版本。 16.5 客戶端處理技術的例子 ─ JavaScript 使用 JavaScript 製作的動畫按鈕 16.5 客戶端處理技術的例子 ─ JavaScript 16.5 客戶端處理技術的例子 ─ JavaScript 使用 JavaScript 確認表格資料 16.5 客戶端處理技術的例子 ─ JavaScript 使用 JavaScript 確認表格資料 16.6 伺服器端處理技術的例子 ─ PHP PHP 程序 HTML 程序 瀏覽器 16.6 伺服器端處理技術的例子 ─ PHP 16.6 伺服器端處理技術的例子 ─ PHP HTML 表單把兩個數目傳送至 PHP 程序 ，程序把兩個數目相加。 指定應用程序如何與網頁伺服器交換資訊(如用戶資料) 的標準。 通用接駁界面 (Common Gateway Interface, CGI