1 / 27

首頁製作之原理與技術

首頁製作之原理與技術. 一、全球資訊網 二、 www 的系統架構 三、網際網路的連線 四、 Web Page 的窩 五、 Form 與 CGI 六、 HTML 中的物件 七、設計 HTML 文件的基本配備 八、常用術語. 一、全球資訊網. www （ World Wide Web ， Web 或 W3 ) Hypertext （超文字）和 Hyperlink （超鏈結. www （ World Wide Web ， Web 或 W3 ) Hypertext （超文字）和 Hyperlink （超鏈結 ). Projections

shayna
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. 首頁製作之原理與技術 一、全球資訊網 二、 www的系統架構 三、網際網路的連線 四、 Web Page 的窩 五、 Form 與 CGI 六、 HTML 中的物件 七、設計 HTML 文件的基本配備 八、常用術語

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

  3. Hypermedia（超媒體） Hypermedia （超媒體）= Hypermedia（多媒體）+ Hyperlink（超鏈結）

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

  5. (三) www的 client-server 發展者 ─ server端 　 (HTML Editor) (伺服端)Netscape 3.0 gold以上 (Word 7.0)Internet Assistant Hotdog 32 HTML ABC Front Page 使用者 ─ client端 　 (Browser ) (客戶端) Netscape Internet Explore

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

  7. 三、網際網路的連線 (一) 播接 • 電話 1200 bps 2400 bps 9600 bps 14.4 K 28.8 K 33.6 K • ISDN 整合服務數位網路 64 K 128 K

  8. (二) 專線 • 9.6 K • 14.4 K • 64 K • 128 K • 256 K • 512 K • 1.544 M(T1) • 45 M (T3)

  9. Internet配線架構

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

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

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

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

  14. (二) 作業系統 • 單機 DOS…………………….………...單人單工 Win 3.1………………….…..…….單人多工 Win NT (work station版) …..…….單人多工 • 網路 Novell……………………….多人檔案服務 Win NT (server版)……………….多人多工 Linux (unix)………………………多人多工

  15. (三) CGI 的編寫語言視 Server 端的作業系統 而定

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

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

  18. (三) ActiveX 物件 一種先進的軟體技術，重心擺於低階物件 的訊息溝通，重視物件的速度與大小，彌 補OLE的不足，ActiveX物件在Web上的呈 現提供類似光碟上的服務品質(速度快)。

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

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

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

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

  23. 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 3D Studio .FLC 網頁web page的發展流程

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

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

  26. 各種圖檔的特色

  27. 個人電腦上常用的軟體

More Related