1 / 26

首頁製作之原理與技術

首頁製作之原理與技術. 一、網路上的服務 1.WWW(World Wide Web) 全球資訊網 2.FTP(File Transfer Protocol) 檔案傳輸 3.BBS(Bulletin Board System) 電子佈告欄 4.E-mail(Electronic mail) 電子郵件 5.Search engine 搜尋站台 (1) 站名搜尋 -- 蕃薯滕 (2) 檔案搜尋 --Archie (3) 全文搜尋 --GAIS 6.VOD(Video On Demand) 隨選視訊. 二、程式設計方法之演進.

yvonne
Download Presentation

首頁製作之原理與技術

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 首頁製作之原理與技術 一、網路上的服務 1.WWW(World Wide Web)全球資訊網 2.FTP(File Transfer Protocol)檔案傳輸 3.BBS(Bulletin Board System)電子佈告欄 4.E-mail(Electronic mail)電子郵件 5.Search engine搜尋站台 (1) 站名搜尋--蕃薯滕 (2) 檔案搜尋--Archie (3) 全文搜尋--GAIS 6.VOD(Video On Demand)隨選視訊

  2. 二、程式設計方法之演進 繪圖程式 編輯程式 繪圖程式 圖 文 聲音 試算表 編輯程式 圖 文 聲音程式 試算表程式 圖文並荿 以網路為中心 以應用程為中心 以文件為中心 VRML 檔案 站台 多媒體 Web server Disk file URL Mutimedia object 人

  3. 三、網頁web page的發展流程 PE2記事本 .TXT Power point .GIF .JPG Power pointt .PPT 小畫家 .BMP 人 錄音程+(音效卡) .WAV WORD .DOC WORD MIDI編輯程+(音效卡) 人 .MID V8+編輯程式+(視計卡) .AVI, .MPG .MOV Front page Front Page .HTM Flash .swf

  4. 四、網頁的編輯工具 記事本 WORD Power Point Front page HTML ABC (or 其他編輯器) JAVA VB script OCX ．HTM VB

  5. 五、全球資訊網 • www（World Wide Web，Web 或 W3 ) • Hypertext（超文字）和 Hyperlink（超鏈結) • Projections • abc • def a b World wide web • abc • def c d e

  6. 六、www的系統架構 (一) www系統包含： • www Server • 瀏覽器 Browser • HTML(Hypertext Markup Language)文件 • 網路 (二) Internet 配線架構

  7. Internet配線架構

  8. (三) www的 client-server 發展者 ─ server端 　 (HTML Editor) (伺服端)Netscape 設計者 Word Power Point FrontPage Dream Weaver 使用者 ─ client端 　 (Browser ) (客戶端) Netscape Internet Explore

  9. (四) web page (網頁) 與 Homepage (首頁) 首頁 = 網路的第一頁 網頁 = 首頁 + 很多頁 (五) HTTP (HyperText Transmission Protocel) www Client 和 Server 間的協定

  10. 七、設計HTML文件的基本配備 (一)一部含有上網能力的PC。 (二)簡單的文字編輯程式，如記事本。 (三)HTML手冊。 (四)瀏覽器(可兼編輯器) 。 (五)網業設計資料庫(光碟片) 。 • 材質 • MID樂曲集 • 圖形庫(最好為JPG檔或GIF) (六)網頁編製工具

  11. 八、網際網路的連線 (一) 播接 • 電話 56K • ISDN 整合服務數位網路 64 K 128 K

  12. (二) 專線 • ADSL • 1.544 M(T1) • 45 M (T3)

  13. 九、Web Page 的窩 (一) 主機上的個人空間 (二) 虛擬主機 (Virtual Host) (三) 自己建立 www server (四) 免費網頁空間

  14. 十、動態網頁 (一) Form 可以用來把使用者所輸入的資料　送給 Server 的 CGI，使用者都是透過 Form把資料送到 Server： 1. 訂披薩 2. 訂車票 3. 答線上測驗的試題 4. 搜尋資料庫

  15. 請求HTML www server 瀏覽器 回應 (二) CGI (Common Gateway Interface，　　　 共通閘通介面） • 靜態式

  16. CGI程式 www server 瀏覽器 • 機動式 執行CGI程式 請求CGI 動態產生HTML文件 回應

  17. (三)ASP(Active Server Page動態伺服網頁) 要求 瀏灠端 伺服端 (執行) 送回

  18. 十一、作業系統 • 單機 DOS…………………….………...單人單工 Win 98………………….…..…….單人多工 Win NT (work station版) …..…….單人多工 • 網路 Novell……………………….多人檔案服務 Win NT (server版)……………….多人多工 Win2000……………….…………多人多工 Linux (unix)………………………多人多工 Free BSD…………………………多人多工

  19. 十二、HTML 中的物件 (一) 程式設計方法的演進 • 以應用程式為中心 (application-centric) • 以文件為中心 (document-centric) • 以網頁為中心 (network-centric)

  20. (二) OLE 技術 (Object Linking and Embedding) • 內嵌物件－相關資料附在程式中。 • 連結物件－資料獨立存在，別的應用程式　　　　　可以讀，程式與資料保持一致，　　　　　隨時修正。

  21. (三) ActiveX 物件 一種先進的軟體技術，重心擺於低階物件 的訊息溝通，重視物件的速度與大小，彌 補OLE的不足，ActiveX物件在Web上的呈 現速度較快品質也較佳。

  22. 十三、各種圖檔的特色

  23. 十四、個人電腦上常用的軟體

  24. 十五、常用術語 • PPP點對點通訊協定(point-to-point protocol) 讓您的電話線具備TCP/IP的傳輸能力。

  25. URL(Uniform Resource Locator , 資源定位通式) method://host:port/pathname/file 方法://主機:埠/路徑/檔名 1. http://www.gcn.net.tw 2. ftp://ftp.ccu.edu.tw/pub 3. gopher://gopher.seed.net.tw 4. news:tw.bbs.comp.mswindows(news不須雙斜線) 5. telnet://bbs.nctu.edu.tw(必須有telnet外掛程式) 6. mailto:arke@tpts4.seed.net.tw(mailto不須雙斜線) 7.File://c:

  26. Remote www server Memory Disk Cache www瀏覽器 proxy server 自己的機器 國內 (外面的機器) 國外 • Proxy 與 Cache

More Related