多媒體呈現方式的演進 Multimedia Authoring → standalone (movie) Authorware editing tools for CD-Title Quicktime Authoring (蘋果電腦) Web Authoring HTML for Web Browser
網頁多媒體 全球資訊網 WWW:World Wide Web URL (Uniform Resource Locator) 服務名稱://伺服器主機網址 (:指定埠號) HTML (Hyper Text Markup Language) DHTML (Dynamic Hyper Text Markup Language) CSS (Cascading Style Sheet) 外掛式程式 (Plug-in) JAVA、CGI、VRML、ASP、PHP
WWW 網頁瀏覽器 瀏覽器 (Browser) Microsoft IE (Internet Explorer)、Netscape Communicator、Opera 等 URL 超連結 Hyper Link (underline)
HTML 超連結標記語言 統一資訊表示法,讓網頁能適用在各家平台上 標籤 (Tag ) 式語法 將媒體物件包裹在其中,以表達排版目的 設計,還是要廣泛熟悉多媒體相關技術,以及 美術設計、排版技巧等
HTML原始碼 藉由瀏覽器呈現
撰寫網頁的工具 筆記本 (WordPad、記事本等) Microsoft FrontPage Macromedia Dreamweave 隨寫即可見其效果的網頁設計軟體,對於 HTML 標籤語法不熟悉的人,亦能像操作 Office Word般,快速產生所需要的網頁
進階網頁設計 CSS CSS (Cascading Style Sheet) W3C「全球資訊網標準製定組織」於1996年6月提出 特點 單獨用來處理外觀的版面設計問題 藉由式樣表,可將個人化外觀設計輕易套用 在各文件中 語法結構 直接定義法、內部定義法、與外部引入法
CSS 直接定義法 標籤內直接加上 STYLE 語法
CSS 內部定義法 於 <head> 標籤內 重新定義 STYLE h1
CSS 外部引入法 藉其他檔案定義CSS, 再以 <LINK> 或 <IMPORT> 標籤引入網頁
互動式網頁設計 CGI CGI 原始碼可透過多種程式語言來撰寫 已編譯完成的 CGI目的碼需置於伺服器端 在使用者端需利用 form 表單來接收資料
互動式網頁設計 (2) ASP (Active Server Pages)、 PHP (Hypertext Preprocessor)、 JSP (Java Server Page) 「描述語言」 (Script Language) 程式不需事先編譯 在經過對應程式的『解譯器』作用後,伺服器才會將結果網頁送給用戶端瀏覽器 描述式語言利於快速除錯或再利用,並可直接嵌入一般HTML語法中
Internet Information Services (IIS) 程式介面 PHP ASP JSP CGI 作業系統 均可 MS Windows 伺服器 配合度 需外掛程式 工具 Internet Information Services (IIS) 無限制 執行效率 快 中等 穩定性 佳 最高 開發時間 短 長 修改時間 程式語言 VBS/JS JAVA 不限 網頁結合 差 學習門檻 低 高 函式支援 多 少 不定 系統安全 極差 最佳
用戶端的互動程式 VBS (Visual Basic Script) /JS (Java Script) 網路程式 用戶端瀏覽器自行執行運算的程式 原始碼會直接暴露在使用者端 網路程式 CGI、PHP、ASP、JSP VBS、JS 執行端 伺服器端 用戶端 資料安全性 安全 不安全 原始碼隱藏性 佳 無
WWW 的未來 可程式化網頁 (Programmable Web) VRML (Virtual Reality Markup Language ) XML (eXtensible Markup Language) 充分整合媒介平台,包含手機、PDA、IA資訊家電等