網頁環境介紹. outline hardware/software preparation web 程式寫在哪 ? 其他基礎概念
Post on 22-Dec-2015
227 views
TRANSCRIPT
網頁環境介紹
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 % )