第一次-林伟川.ppt

DreamWeaver MX (I) 林偉川 MacroMedia Studio MX /tw/software/studio/ MacroMedia Studio MX DreamWeaver MX Flash MX FireWork MX FreeHand MX ColdFusion MX MacroMedia MX Firework MX ?提供編輯圖片之視覺效果 競爭對手：PhotoImpact、photoshop Flash MX ?提供製作動畫影片之功能 競爭對手：尚無明顯競爭者 DreamWeaver MX ?結合所有靜態動態網頁編輯技術 競爭對手：FrontPage 製作網頁 網頁放的位置 自己目前的機器 學校伺服器或外面場商提供的租賃空間 免費網頁空間 自己目前的機器 設定伺服器軟體 Ｗindows 2000、Server、Windows XP IIS 5.0 Ｗindows NT4.0 Server IIS 4.0 Ｗindows 98/ME PWS 4.0 以IIS為例 安裝IIS 開始/控制台/新增及移除程式　之　新增及移除Windows元件點選IIS 開始/控制台/系統管理工具 之 IIS圖示點2下 於預設的網站按右鍵選內容 於主目錄下點設定 將?..ASP 打勾，於文件選項中加入index.htm 以IE開啟http://localhost即可 網站與網頁 一網站是由許多網頁組成 網頁又可分為 靜態網頁 ? 單純的HTML檔案 動態網頁?加入javascript, ASP, vbscript, Flash等檔案 首頁為一特殊網頁一般名稱為index.htm or default.htm or default.asp 若連到某網路而不指定瀏覽網頁，預設為瀏覽首頁 WWW及HTML簡介 HTML全稱為Hyper Text Markup Language. 是一種直譯式語言，簡單的說，就是一種標示規格，能夠使文 字、圖形、聲音等物件直接在瀏覽器上顯示。 HTML之父為Tim Berners-Lee. WWW (World Wide Web)泛指的是在Internet上所有的網路資源. HTML發明始於1989年，1990年時Tim Berners-Lee寫了第一個Web Client及Server. Browser-Web介紹 基於HTML及各種標準語言之上。 可以說是主從式架構的一種變型。 Web執行主要的運算工作，相關的結果顯示及其它工作則交由Browser來執行。 Web Server可以是各種不同的平台及軟體，只須要能支援HTTP協定即可。 Client不需安裝額外的軟體，只需有相關配合的Browser即。 前後端使用的技術 常用的前端技術 HTML、JavaScript、DHTML、Flash、Java Applet及ActiveX Control (IE Only). 常用的後端技術 ASP、PHP、JSP、Perl、Java Servlet、C及Server-Site JavaScript. Web Server的運作原理 無後端運算需求時 Web Server收到Client Browser要求某個網頁(*.html)時，直接將硬碟中的檔案讀出後經由HTTP協定傳給Client Browser解釋。 有後端運算需求時 Web Server收到Client Browser要求執行某個後端網頁程式時，Web Server會將該程式交由指定的程式去處理，處理後再將結果經由HTTP協定傳給Client Browser解釋。 基本的HTML 最基本的一個HTML檔。 html headtitleHello Kitty/title/head body Hello World. /body /html HTML的語法是不分大小寫的。 元素(element)與標籤(tag) HTML是一個文字檔，由許多不同的元素所組成。 每一個元素則包含了有開始標籤、元素內容及結束標籤。 例: h1第一章/h1 有些元素(P、 LI)的結束標籤是可以省略的。 文字類的元素 空白字nbsp 換行br 段落P 開始一個新網站 定義網站?把自己的電腦模擬成伺服器端網站下點定義網站一步一步做下去 開啟一新網頁 檔案 / 開新檔案 免費網頁空間 PCHOME .tw 奇摩 蕃薯籐 .tw * * * * *