DreamWeaver MX (I)

DreamWeaver MX (I)
林偉川
MacroMedia Studio MX
http://www.macromedia.com/tw/software/studio/
 MacroMedia Studio MX

 DreamWeaver
 Flash
MX
MX
 FireWork MX
 FreeHand MX
 ColdFusion MX
MacroMedia MX

Firework MX 提供編輯圖片之視覺效果
 競爭對手:PhotoImpact、photoshop

Flash MX 提供製作動畫影片之功能
 競爭對手:尚無明顯競爭者

DreamWeaver MX 結合所有靜態動態網頁
編輯技術
 競爭對手:FrontPage
製作網頁

網頁放的位置
 自己目前的機器
 學校伺服器或外面場商提供的租賃空間
 免費網頁空間
自己目前的機器

設定伺服器軟體
 Windows
 IIS
5.0
 Windows
 IIS
2000、Server、Windows XP
NT4.0 Server
4.0
 Windows
 PWS
98/ME
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>
<head><title>Hello Kitty</title></head>
<body>
Hello World.
</body>
</html>
HTML的語法是不分大小寫的。
元素(element)與標籤(tag)
HTML是一個文字檔,由許多不同的元素所
組成。
 每一個元素則包含了有開始標籤、元素內容
及結束標籤。
 例: <h1>第一章</h1>
 有些元素(P、 LI)的結束標籤是可以省略的。

文字類的元素
空白字&nbsp
 換行<br>
 段落<P>

開始一個新網站

定義網站把自己的電腦模擬成伺服器端網站下
點定義網站一步一步做下去
開啟一新網頁

檔案 / 開新檔案
免費網頁空間
PCHOME http://www.pchome.com.tw
 奇摩 http://tw.yahoo.com
 蕃薯籐 http://www.yam.com.tw
