多媒體互動式動態網頁製作 第27講

◎    所見即所得編輯器

編寫E-mail時，也可以啓動HTML編輯器

Web mail[s1] à透過web(瀏覽器)來收mail

Ex:國立高雄第一科技大學就有 Web Mail(登入郵件系統　Login)

   【http://ccms.nkfust.edu.tw/index.int.html】

輸入帳密登入à收信匣à選一郵件à回信à編輯à編輯畫面會出現兩圖式分別是┌>①HTML編輯

                                                                                                                  └>②插入文件

①HTML編輯à出現選單à功能是在編輯HTML的內容à編輯時可選擇插入超連結(上標、表情符號、圖片、……)à編輯好可按傳送

à為何收到MAIL可以有超連結的作用？

à是因為對方使用了HTML的編輯器à此係由所見即所得的編輯器所造成的

◎    E-mail要能夠看HTML格式的文件

．必須是Web Mail[s2] 的界面才可以à透過瀏覽器才可以啟動

Ex：以國立高雄第一科技大學Web Mail操作來說明à編寫新的郵件à點選【編輯】à點選【HTML】編輯器的圖片à出現工具列à點選如背景底圖＋背景音樂檔（*.mid檔）à畫面會呈現所選的背景圖片及顯示【已加入背景音樂:town.mid】

à輸入信件內容(可點選插入表情符號、分隔線、項目符號、文字區塊[s3] {【區塊樣式】【邊框粗細】}、移除效果、超連結、表格[s4] ……)

à編寫完成即可按【傳送】à開啟所傳送之郵件內容與我們所編寫的畫面是一致的。

．一般這是具備的

．所以我們可以很放心的使用HTML Editor 在E-mail Edting上

◎    到目前為止的所見即所得編輯器

．缺點

1.      無互動à因為少了Javascript

2.      CSS樣式很難加àWeb Mail、Word、PowerPoint都很難加

【先到google搜尋dreamweaver（此一軟體則無上述缺點）軟體及其說明à①使用現代化、多功能的網頁設計工具 - Dreamweaver 來設計與開發符合標準的網站與應用程式。②Dreamweaver資料庫連結設定③其它相似軟體例如： FrontPage、Fusions】④世紀末最強悍的網頁編輯軟體Dreamweaver!!!, Dreamweaver是一個強調以視覺化的方式來編輯網頁的軟體，再加上強大的多媒體網頁設計功能與其它繪圖、文書排版軟體的高度緊密性的結合⑤Dreamweaver可跟php整合在一起⑥Dreamweaver因版本的提升,功能也會隨之增加⑦Dreamweaver的介紹可到維基百科觀看【http://zh.wikipedia.org/zh-tw/Dreamweaver】àAdobe Dreamweaver(前稱Macromedia Dreamweaver)是Adobe公司的著名網站開發工具。它使用所見即所得的介面，亦有HTML編輯的功能。它現在有Mac和Windows系統的版本。原本由Macromedia公司所開發。

Dreamweaver由MX版本開始使用Opera軟體公司的排版引擎「Presto」作為網頁預覽。由CS4 版本開始，則轉用WebKit 排版引擎（亦即Google Chrome和Apple Safari瀏覽器所用的排版引擎）作為網頁預覽。