网页制作背景.ppt

網站開發基本背景介紹 Instructor 許明宗 網路（Network and Networking） 網路種類 人際網路 通訊網路 電腦網路 核心價值：「表達與溝通」！ What is the “Internet” ? Internet vs. internet vs. intranet vs. extranet 熱門的網路應用 資料搜尋 搜尋引擎 電子商務 拍賣網站 無線上網 無線區域網路 GPRS 3G 多媒體應用 中華電信 MOD 常見的網路服務種類 WWW (world wide web)：全球資訊網 Messenger：即時通訊 Email (electronic mail)：電子郵件 BBS (bulletin board system)：電子佈告欄 FTP (File Transfer Protocol)：檔案傳輸 P2P (Peer-to-Peer) ：個人對個人 其他 WWW簡介 「WWW」(Word Wide Web)全球資訊網是1989年歐洲高能粒子協會一個研究小組所開發的一種全新的Internet服務，WWW能夠在網路上傳送圖片、文字、影像、聲音等多媒體資料，由Tim Berners Lee領導的小組所開發的主從架構分散式網路服務系統。 網頁服務 (Web Service) 主從 (Client-Server) 機制 client：客戶端、用戶端 使用者執行瀏覽程式的電腦，負責和伺服器溝通和讀取伺服器的資料，也就是HTML文件。 server：伺服器、伺服主機 指的是Web伺服器，在伺服器上儲存著HTML文件等網頁文件和圖片等多媒體資料。 WWW的基礎-名詞解說 全球資訊網的媒體特性 Hyperlink：超連結 跳躍式的動線特徵 Hypermedia：超媒體 多媒體 + 超連結 Hypertext：超文本 文字 + 多媒體 + 超連結 網頁 vs. 網站 網頁 (Webpage) ：構成網站的基本元件，透過瀏覽器所看到的每一個畫面 網站 (Website) ：由一系列相關的網頁及其它媒體所組成 易混淆的幾個術語 首頁、烘焙雞：homepage 進入一個網站時所看到的第一個網頁 功能：負責導覽及介紹最新消息 全球資訊網網站：Web site 入口（入門）網站：portal site HTML語言 HTML (HyperText Markup Language，超文字標示語言) 是構成網頁最基礎的要素。 許多新技術如 Dynamic HTML、Java Script、ASP… 都是建構在 HTML 之上。 動態網頁 由於 HTML 並不是程式語言，因此由 HTML 所構成的文件並不會因時因地產生變化，所以便有「靜態」 (static) 網頁之稱。 要產生動態網頁，一定要撰寫程式，此程式可在客戶端 (瀏覽器) 也可以在伺服端 (Server) 執行。 瀏覽器與程式語言 傳統網站 vs. 互動式網站 傳統網站 vs. 互動式網站 (cont’d) 網址 (Address and Addressing) 現實生活的地址 台北市民生東路三段67號 網路的位址（網址） 8、.tw、0050.56C0.0001 用途：定址 (addressing) 網址的形式 IPv4 位址：5 領域名稱 (domain name)：.tw 協定 現實生活的 protocol（協定、規約） 外交場合：當英國人遇見阿拉伯人 部門：公務流程 規範性：應對進退的步驟及語意 網路的 protocol 不以規矩，不能成方圓 通訊協定?服務 網路世界裡，有許許多多的通訊協定 WWW、FTP、TELNET… 網站、網頁、網址、協定 分得出來這幾個字眼嗎？ 一個網站可以提供多種通訊協定 實例：.tw 和 .tw 一個 WWW 網站可以擺許多一頁一頁的網頁 網址：網站的網路地址 URL：協定 + 網址 + 資源名 SGML SGML (Standard Generalized Markup Language) ISO 8879: Information Processing -- Text and Office Systems -- Standard Generalized Markup Language HTML (Hypertext Markup Language) 2.0: 基本 3.0: 表格、數學符號 3.2: 妥協 4.0: 嚴謹、全面 XML (Extensible Markup Language) SGML 簡化版 XHTML * * X O ActiveX 物件 X O VB Script O O Java Script O O Java Netscape 是否可執行 IE 是否可執行 程式 伺服器 瀏覽器 透過網址