进阶网页设计课件

1、进阶网页设计课件进阶网页设计课件網頁多媒體 全球資訊網 WWW：World Wide WebURL (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：World Wide WebWWW 網頁瀏覽器 瀏覽器 (Browser) Micros

2、oft IE (Internet Explorer)、Netscape Communicator、Opera 等URL超連結Hyper Link(underline)WWW 網頁瀏覽器 瀏覽器 (Browser) URL超連結 HTML 超連結標記語言 統一資訊表示法，讓網頁能適用在各家平台上標籤 (Tag ) 式語法將媒體物件包裹在其中，以表達排版目的 HTML 只是基本的網頁表現方式，優良的網頁設計，還是要廣泛熟悉多媒體相關技術，以及美術設計、排版技巧等 HTML 超連結標記語言 統一資訊表示法，讓網頁能適用在各HTML原始碼藉由瀏覽器呈現HTML原始碼藉由瀏覽器呈現撰寫網頁的工具 筆記本

3、 (WordPad、記事本等)Microsoft FrontPageMacromedia Dreamweave隨寫即可見其效果的網頁設計軟體，對於HTML 標籤語法不熟悉的人，亦能像操作Office Word般，快速產生所需要的網頁 撰寫網頁的工具 筆記本 (WordPad、記事本等)進階網頁設計 CSS CSS (Cascading Style Sheet) W3C全球資訊網標準製定組織於1996年6月提出特點單獨用來處理外觀的版面設計問題藉由式樣表，可將個人化外觀設計輕易套用在各文件中語法結構 直接定義法、內部定義法、與外部引入法 進階網頁設計 CSS CSS (Cascading Sty

4、CSS 直接定義法標籤內直接加上 STYLE 語法CSS 直接定義法標籤內直接加上 STYLE 語法CSS 內部定義法於 標籤內重新定義 STYLE h1CSS 內部定義法於 標籤內CSS 外部引入法藉其他檔案定義CSS，再以 或 標籤引入網頁CSS 外部引入法藉其他檔案定義CSS，互動式網頁設計 CGICGI 原始碼可透過多種程式語言來撰寫已編譯完成的 CGI目的碼需置於伺服器端在使用者端需利用 form 表單來接收資料互動式網頁設計 CGICGI 原始碼可透過多種程式語言來撰寫互動式網頁設計 (2)ASP (Active Server Pages)、PHP (Hypertext Prepr

5、ocessor)、JSP (Java Server Page) 描述語言 (Script Language)程式不需事先編譯 在經過對應程式的解譯器作用後，伺服器才會將結果網頁送給用戶端瀏覽器描述式語言利於快速除錯或再利用，並可直接嵌入一般HTML語法中互動式網頁設計 (2)ASP (Active Server 程式介面PHPASPJSPCGI作業系統均可MS Windows均可均可伺服器配合度需外掛程式工具Internet Information Services (IIS)無限制無限制執行效率快中等快快穩定性佳中等佳最高開發時間短短短長修改時間短短短長程式語言PHPVBS/JSJAVA不限

6、網頁結合佳佳佳差學習門檻低低低高函式支援多少多不定系統安全佳極差佳最佳程式介面PHPASPJSPCGI作業系統均可MS Windo用戶端的互動程式 VBS (Visual Basic Script) /JS (Java Script) 用戶端瀏覽器自行執行運算的程式原始碼會直接暴露在使用者端 網路程式CGI、PHP、ASP、JSPVBS、JS執行端伺服器端用戶端資料安全性安全不安全原始碼隱藏性佳無用戶端的互動程式 VBS (Visual Basic ScrWWW 的未來 可程式化網頁 (Programmable Web) VRML (Virtual Reality Markup Language )XM