網頁環境介紹

Outline

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

/dr888311/index.htm

Web Server( 網頁伺服器 )

網頁瀏覽流程

Internet

要求網頁要求網頁

回覆網頁回覆網頁

User( 使用者 )

Hardware/software Preparation

自己架站的基本需求 硬體

提供全天候服務的伺服器 (電腦 ) 軟體

提供瀏覽 Web 的軟體 提供 Web service 的軟體

Web Server(硬體 )

Internet

要求網頁 要求網頁

回覆網頁 回覆網頁Web Server

(軟體 ) Web browser(軟體 )

Hardware 提供全天候服務的伺服器

連上 Internet, 並有足夠的頻寬 全天候執行的能力 足夠的計算與儲存能力

Internet

Web Server(硬體 )

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(軟體 )

Web browser( 瀏覽器 )的功能

轉譯網頁 HTML+ 資源 = 網頁 XML 轉譯 DHTML

轉譯程式 (Script) 執行 Script 語言 ( 例如 Java script)

使用其他 Plug-in Java applet Flash

為何要 Plug in??

Web 程式寫 ( 存放 ) 在哪 ?

Internet

/dr888311/index.***

要求網頁要求網頁

回覆網頁回覆網頁

Web Server( 網頁伺服器 )

User( 使用者 )

Web browser(軟體 )

Web Server(軟體 ) 1

2

3

4

無論什麼網頁程式都是寫在 Server 端

Internet

/dr888311/index.asp

要求網頁要求網頁

回覆網頁回覆網頁

Web Server( 網頁伺服器 )

User( 使用者 )

Web browser(軟體 )

Web Server(軟體 ) 1

2

3

4

前端 (Client side) 與後端 (Server side) 無論什麼網頁程式都是寫在 Server 端 ( 網頁之

中或獨立於網頁空間 ) 不同的是

前端 (Client side) 程式包含於網頁之中 , 下載到使用者處後將會執行於使用者端的

Web Browser 後端 (Server side)

程式包含於網頁之中或獨立於網頁伺服器裏 , 程式將會執行於伺服器端後將僅將結果傳給使用者的 Web Browser

前端 (Client side)

Internet

要求網頁 要求網頁

回覆網頁 回覆網頁Web Server(軟體 )

Web browser(軟體 )

原始

Internet

要求網頁 要求網頁

回覆網頁 回覆網頁Web Server(軟體 )

Web browser(軟體 )

原始

Internet

要求網頁 要求網頁

回覆網頁 回覆網頁Web Server(軟體 )

Web browser(軟體 )

執行結果原始

後端 (Server side)

Internet

要求網頁 要求網頁

回覆網頁 回覆網頁Web browser( 軟體 )

原始執行

結果

Internet

要求網頁 要求網頁

回覆網頁 回覆網頁Web Server( 軟體 )

Web browser( 軟體 )

結果

Internet

要求網頁 要求網頁

回覆網頁 回覆網頁Web Server( 軟體 )

Web browser( 軟體 )

原始

Web Server(軟體 )

前端 (Client side) 與後端 (Server side) 前端 (Client side)

優點 降低伺服器的負擔

缺點 程式碼無保護容易被破解盜用 某些功能無法使用 ( 寫入檔案 ) 無法達成某些目的 ( 記數器 )

後端 (Server side) 優點

程式碼保護較週嚴 能達成功能較多

缺點 伺服器負擔大

前端 (Client side) 與後端 (Server side) 前端 (Client side)

優點 降低伺服器的負擔

缺點 程式碼無保護容易被破解盜用 某些功能無法使用 ( 寫入檔案 ) 無法達成某些目的 ( 記數器 )

後端 (Server side) 優點

程式碼保護較週嚴 能達成功能較多

缺點 伺服器負擔大

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

一般程式與 Script 程式的不同 一般應用程式

Script 程式

撰寫( 語言 )撰寫

( 語言 )編譯

(object code)編譯

(object code) 執行執行

撰寫( 語言 )撰寫

( 語言 ) 編譯 + 執行編譯 + 執行

Script 的特性 定義

筆跡 ,腳本 ,底稿 程式是不須先經過編譯的 (及時編譯 )

Script 將程式結合於網頁之中 . 包含

前端 JS VBS

後端 ASP JSP PHP

CGI 的特性 CGI (common gateway interface)

將程式撰寫編譯後以單獨執行的檔案置於網頁空間 ,網頁可呼叫並回傳結果 .

只能放在後端 Perl C

Java Script 與 Java applet Java Script 是 Script 的一種

Script 程式撰寫執行流程 http://dob.tnc.edu.tw/themes/old/showPage.p

hp?s=3519&t=6

Java applet 是 plug-in 的一種 一般應用程式撰寫執行流程 http://www.java.com/zh_TW/download/help/te

stvm.xml

.NET 是什麼 ? 它涵蓋的範圍目前包括了

開發平台 網路身份認證方式 網路資訊儲存平台 …

.NET 開發平台 提供一個開發平台並支援多種語言

Visual Basic.NET C#.NET C++.NET J#.NET

優點 跨越語言的整合 增強安全性 版本控制和部署支援 偵錯和設定檔服務

小考 (1) 請畫出瀏覽網頁的流程圖並在四個傳送資料的流程上加順序編號 (10％ )

請說明後端與前端的程式執行差異 (10％ )

Java Script 與 Java applet 有何不同 ? (10 ％ )