1. 網頁環境介紹

2. Outline Hardware/software Preparation Web 程式寫在哪 ? 其他基礎概念

3. /dr888311/index.htm Web Server ( 網頁伺服器 ) 網頁瀏覽流程 Internet 要求網頁 回覆網頁 User ( 使用者 )

4. Hardware/software Preparation 自己架站的基本需求 硬體 提供全天候服務的伺服器 ( 電腦 ) 軟體 提供瀏覽 Web 的軟體 提供 Web service 的軟體 Web Server ( 硬體 ) Internet 要求網頁 回覆網頁 Web Server ( 軟體 ) Web browser ( 軟體 )

5. Hardware 提供全天候服務的伺服器 連上 Internet, 並有足夠的頻寬 全天候執行的能力 足夠的計算與儲存能力 Internet Web Server ( 硬體 )

6. Software Web browser( 瀏覽器 ) 于用戶端用以瀏覽網頁的軟體 IE/Netscap/Mozilla/Firefox/ Web server 軟體 于伺服器端用以提供網頁服務的軟體 PWS (Personal Web Server) on Windows 95/98 IIS (Internet Information Server) on Windows NT Apache(Tomcat) on Windows 95/98 or Linux/FreeBSD Internet 要求網頁 回覆網頁 Web Server ( 軟體 ) Web browser ( 軟體 )

7. Web browser( 瀏覽器 ) 的功能 轉譯網頁 HTML+ 資源 = 網頁 XML 轉譯 DHTML 轉譯程式 (Script) 執行 Script 語言 ( 例如 Java script) 使用其他 Plug-in Java applet Flash 為何要 Plug in??

8. Web 程式寫 ( 存放 ) 在哪 ? Internet /dr888311/index.*** 要求網頁 回覆網頁 Web Server ( 網頁伺服器 ) User ( 使用者 ) Web browser ( 軟體 ) Web Server ( 軟體 ) 1 2 3 4

9. 無論什麼網頁程式都是寫在 Server 端 Internet /dr888311/index.asp 要求網頁 回覆網頁 Web Server ( 網頁伺服器 ) User ( 使用者 ) Web browser ( 軟體 ) Web Server ( 軟體 ) 1 2 3 4

10. 前端 (Client side) 與後端 (Server side) 無論什麼網頁程式都是寫在 Server 端 ( 網頁之中 或獨立於網頁空間 ) 不同的是 前端 (Client side) 程式包含於網頁之中, 下載到使用者處後將會執行於使用者端的 Web Browser 後端 (Server side) 程式包含於網頁之中或獨立於網頁伺服器裏, 程式將會執行於伺 服器端後將僅將結果傳給使用者的 Web Browser

11. 前端 (Client side) Internet 要求網頁 回覆網頁 Web Server ( 軟體 ) Web browser ( 軟體 ) 原始 Internet 要求網頁 回覆網頁 Web Server ( 軟體 ) Web browser ( 軟體 ) 原始 Internet 要求網頁 回覆網頁 Web Server ( 軟體 ) Web browser ( 軟體 ) 執行 結果原始

12. 後端 (Server side) Internet 要求網頁 回覆網頁 Web browser ( 軟體 ) 原始 執行 結果 Internet 要求網頁 回覆網頁 Web Server ( 軟體 ) Web browser ( 軟體 ) 結果 Internet 要求網頁 回覆網頁 Web Server ( 軟體 ) Web browser ( 軟體 ) 原始 Web Server ( 軟體 )

13. 前端 (Client side) 與後端 (Server side) 前端 (Client side) 優點 降低伺服器的負擔 缺點 程式碼無保護容易被破解盜用 某些功能無法使用 ( 寫入檔案 ) 無法達成某些目的 ( 記數器 ) 後端 (Server side) 優點 程式碼保護較週嚴 能達成功能較多 缺點 伺服器負擔大

14. 前端 (Client side) 與後端 (Server side) 前端 (Client side) 優點 降低伺服器的負擔 缺點 程式碼無保護容易被破解盜用 某些功能無法使用 ( 寫入檔案 ) 無法達成某些目的 ( 記數器 ) 後端 (Server side) 優點 程式碼保護較週嚴 能達成功能較多 缺點 伺服器負擔大

15. 其他基礎概念 一般程式與 Script 程式的不同 Script 與 CGI 的異同 Java Script 與 Java applet 什麼是.Net?

16. 一般程式與 Script 程式的不同 一般應用程式 Script 程式 撰寫 ( 語言 ) 撰寫 ( 語言 ) 編譯 (object code) 編譯 (object code) 執行 撰寫 ( 語言 ) 撰寫 ( 語言 ) 編譯 + 執行

17. Script 的特性 定義 筆跡, 腳本, 底稿 程式是不須先經過編譯的 ( 及時編譯 ) Script 將程式結合於網頁之中. 包含 前端 JS VBS 後端 ASP JSP PHP

18. CGI 的特性 CGI (common gateway interface) 將程式撰寫編譯後以單獨執行的檔案置於網 頁空間, 網頁可呼叫並回傳結果. 只能放在後端 Perl C

19. Java Script 與 Java applet Java Script 是 Script 的一種 Script 程式撰寫執行流程 http://dob.tnc.edu.tw/themes/old/showPage.php? s=3519&t=6 http://dob.tnc.edu.tw/themes/old/showPage.php? s=3519&t=6 Java applet 是 plug-in 的一種 一般應用程式撰寫執行流程 http://www.java.com/zh_TW/download/help/testv m.xml http://www.java.com/zh_TW/download/help/testv m.xml

20. .NET 是什麼 ? 它涵蓋的範圍目前包括了 開發平台 網路身份認證方式 網路資訊儲存平台 …

21. .NET 開發平台 提供一個開發平台並支援多種語言 Visual Basic.NET C#.NET C++.NET J#.NET 優點 跨越語言的整合 增強安全性 版本控制和部署支援 偵錯和設定檔服務

22. 小考 (1) 請畫出瀏覽網頁的流程圖並在四個傳送 資料的流程上加順序編號 (10 ％ ) 請說明後端與前端的程式執行差異 (10 ％ ) Java Script 與 Java applet 有何不同 ? (10 ％ )