10.2客户端动态网页与伺服器端动态网页.ppt

10.1 靜態網頁與動態網頁 靜態網頁 在作者建立後內容不變的網頁 10.1 靜態網頁與動態網頁 靜態網頁 10.1 靜態網頁與動態網頁 動態網頁 能夠根據用戶的要求，即時在伺服器或用戶的電腦產生的網頁 例如：顯示系統現在的日期和時間 (以Active Server Page編寫) 10.1 靜態網頁與動態網頁 10.1 靜態網頁與動態網頁 10.2 客戶端動態網頁與伺服器端動態網頁 動態網頁的種類 1. 客戶端動態網頁 網頁在用戶的電腦產生 2. 伺服器端動態網頁 伺服器負責產生網頁 10.2 客戶端動態網頁與伺服器端動態網頁 客戶端動態網頁 10.2 客戶端動態網頁與伺服器端動態網頁 伺服器端動態網頁 10.2 客戶端動態網頁與伺服器端動態網頁 客戶端動態網頁與伺服器端動態網頁的比較 10.3 客戶端處理技術概述 JavaScript 由Netscape與Sun Microsystems合作開發 通過編寫小型、高效率的應用程序，增加網頁的互動功能 不應與Sun Microsystems所開發的編程語言Java混淆 微軟和Netscape 的瀏覽器都支援JavaScript 10.3 客戶端處理技術概述 VBScript 由微軟開發的瀏覽器Scripting語言 建基於編程語言Visual Basic 建立動態網頁的簡單工具 只能在微軟的瀏覽器中運行 10.3 客戶端處理技術概述 Java 由Sun Microsystems開發的跨平臺、具完整功能的編程語言 Java Applets 已編譯的Java程式以Applets形式出現，可以輕易嵌入網頁中 由瀏覽器內的Java虛擬機器(Java Virtual Machine) 來執行 10.4 伺服器端處理技術概述 CGI (Common Gateway Interface) 指定應用程序如何與網絡伺服器溝通的標準 例如：將用戶填寫表格後的資訊提交網絡伺服器 FrontPage提供以CGI編寫的擴展元件 10.4 伺服器端處理技術概述 ASP (Active Server Pages) 由微軟開發的伺服器端Scripting 語言 依賴JavaScript 或VBScript 的Scripting 語言來建立動態網頁 在將網頁傳到客戶的瀏覽器前，裝有ASP模組的伺服器會首先處理網頁 10.4 伺服器端處理技術概述 JSP (JavaServer Pages) 由Sun Microsystems開發 將Java碼與HTML（或XML）碼合併，以產生動態網頁 伺服器上運行的小型Java 程式稱為「Servlets」 可在不同的伺服器之間使用 運行速度通常高於ASP碼 10.4 伺服器端處理技術概述 PHP (HyperText Preprocessor) 建立動態網頁的Scripting 語言 開放源代碼 跨平臺 能在Linux機器上的Apache模組快速運行 需要在網絡伺服器上進行複雜的設定及安裝PHP 模組 10.5 客戶端與伺服器端處理技術的比較 電腦與資訊科技 (會考課程) 選修單元 丁 第二部分 ? 朗文香港教育 第*頁 * 電腦與資訊科技 (會考課程) 選修單元 丁 10.1 靜態網頁與動態網頁 10.2 客戶端動態網頁與伺服器端動態網頁 10.3 客戶端處理技術概述 10.4 伺服器端處理技術概述 10.5 客戶端與伺服器端處理技術的比較 伺服器 客戶的電腦 1. 客戶要求網頁 2. 網頁伺服器尋找相應的超文本標示語言檔案 3. 超文本標示語言檔案傳回客戶 4. 客戶瀏覽器處理超文本標示語言檔案 靜態網頁的比喻 動態網頁的比喻 需要更多編寫程序的知識 需要基本的HTML知識 需要的知識 高 ─ 需要使用附加的軟件即時建立動態網頁 低 ─ 網頁伺服器從硬碟載入靜態檔案 伺服器的工作量 任何在結構上的修改，只要更新模板便可 任何結構的修改都需要人手更新每頁 維護 先建立通用的模板。只需寫每頁的內容，不用設定每頁的頁面 用HTML碼用「所見即所得」編輯程序 建立過程 動態網頁 靜態網頁 伺服器 客戶的電腦 客戶端 伺服器端 2. 網頁伺服器尋找HTML及相關的指令檔案和程式 1. 客戶要求瀏覽網頁 3. HTML碼和指令傳回客戶 4. 客戶瀏覽器處理指令和HTML碼 5. 瀏覽器顯示網頁 伺服器 客戶的電腦 客戶端 伺服器端 2. 網頁伺服器尋找指令檔案和程式 1. 客戶要求瀏覽網頁 4. HTML碼傳回客戶 3.伺服器處理指令並產生HTML碼 5. 瀏覽器顯示網頁 高 低 存取伺服器（例如資料庫）資源的能力 否 能 能否照顧不同瀏覽器的需求？ 否 是 除了HTML 碼，是否需要額外時間下