| 寄件者: 智邦生活館免費發報中心 主旨: 旗標技術通訊電子報 日期: 2000年5月15日 AM 05:06 【旗標技術通訊電子報】2000.5.12 本期訊息 ================================================================ ※本期書摘：Dreamweaver 3 簡介 ※下期書摘：ASP 相關技術概說 ================================================================ **************************************************************** ※本期書摘：Dreamweaver 3 簡介 **************************************************************** 為什麼選擇 Dreamweaver ? 當你打開瀏覽器, 遨遊在五花八門的芸芸網站之間時, 是否也有股衝 動想自己做個網頁呢？但市面上製作網頁的軟體那麼多, 如何做出正 確的選擇還真是個傷腦筋的問題。所以建議你最好選擇一套「所視即 所得」的網頁編輯軟體, 也就是類似 Word 一樣, 在螢幕上所編輯的 畫面就是將來文件 (網頁) 的實際長相, 而且還內建一些網頁動態效 果, 不用學習Script 語言, 只要拉下選單直接套用就好了。不過話 說回來, 市面上強調「所視即所得」的網頁編輯軟體又不是只有 Dreamweaver 一種, 像微軟的 FrontPage、Adobe 公司的 Go Live、 還有老字號的 NetObject Fusion 都很有名, 為什麼你偏偏要選擇 Dreamweaver 呢？因為在市面上眾多的網頁編輯軟體中, 有的重視開 發效率、有的強調美觀的版面配置, 而 Dreamweaver 最引以為傲的, 就是它那彷彿排版軟體般的網頁排版功能, 以及有如製作電影般的網 頁動態效果, 讓你更能盡情創作網頁內容, 即使是初學者, 也能用 Dreamweaver 製作出專業水準的網頁。 Dreamweaver 的五大特色 前面說了這麼多, 終究只是經驗談, 以下我們再以旁觀者的角度, 為 你剖析一下 Dreamweaver 3 的五大特色, 讓你進一步體會 Dreamweaver 的魅力。 一. 神乎奇技的網頁排版 首先是 Layer (圖層)功能。Layer 好比是一個容器,只要網頁上拉出 一個框框 (也就是容器的大小), 然後把圖片、文字、動畫等任何素材 丟進這個框框裡, 就可以把這些素材移動到網頁上的任一個位置, 甚 至彼此相疊, 是網頁排版時最好用的工具。 如果你有很多網頁的外觀版面都要長得一樣 ,Template (網頁範本)便 可以讓你在網頁上套用同一個範本, 以維持網站風格的一致性,省時又 省力。而 Tracing Image 就是網頁內容的草圖, 一般我們會事先畫在 紙上、或用影像處理軟體來繪製, 現在你可以將這個草圖墊在 Dreamweaver 工作區底下, 以便用來對位置, 這樣圖片、文字要擺哪 裡就一目瞭然了。害怕配不出好看的網頁色系嗎？ Dreamweaver 替你 設計了許多組配色, 所謂 「一組」 即包含了網頁底色、文字顏色、 連結文字顏色...等, 只要直接套用, 你就擁有專業級的網頁配色哦！ 二. 動態網頁製作 TimeLines 是 Dreamweaver 製作動態網頁的獨門工具, 它可以控制 Layer 在每一秒的移動路線；例如載入網頁時, 圖片從畫面之外飛進來 、文字從右下角跑到左上角, 這種看似複雜的動態效果, 用 TimeLines 來做實在是輕而易舉。而 Behaviors 則是一些事先寫好的 Java Script 特效, 常看到進入某網站時會跳出一個小交談窗、或是狀態列有文字跑 來跑去, 這些都是靠 Script 語言達成的, 不過在 Dreamweaver 裡透過 下拉功能表就搞定了；你只要選擇想要的效果, 再指定什麼時候要出現 這個效果 (例如滑鼠移上去時、進入網頁時), 就能做出好玩的動態網頁 哦！ 三. 輕鬆編輯網頁原始碼 可同步編輯 HTML 原始碼是 Dreamweaver 稱為「Roundtrip HTML」的功 能, 當你在 HTML 面板內編輯原始碼的同時, 網頁上的游標也會跟著移到 對應的地方。另外利用 『Clean Up HTML』 命令, 可幫你精簡 HTML 原 始碼的內容, 將一些無用的清除無用的 HTML 碼都清掉, 替網頁進行瘦身 工作,相信這是專業網頁設計者最愛的功能之一。 四. 強大的網站管理功能 Dreamweaver 的網站管理功能也是一把罩, 不管是移動、刪除檔案或是更 改檔名, 使用起來就像檔案總管那麼簡便；更重要的是, 在經過這些異動 後, 它會自動幫你修正相關連結, 你就不必一一修改每個網頁的內容。此 外, Dreamweaver 的 Site (網站)視窗分為兩個窗格, 一邊的窗格是顯示 目前的網站檔案, 另一邊則可顯示你在 Internet 上的網站目錄, 使兩邊 網站的內容同步無時差！ 五. 方便的工作環境 Dreamweaver 裡的所有命令都是由 XML 語言所構成的, 這有點類似 「模 組化」的概念, 每個功能表中的命令都可以修改、移動位置、更換名字、 或是增加新的命令進來, 你可用檔案總管進入 Dreamweaver 安裝目錄下的 "\Configuration" 資料夾, 便知道是怎麼一回事了。另外, Dreamweaver 裡的命令也是可以增加的, 這也代表著它的 Behavior、Command、Object ..等都可以一直擴充, 在 Macromedia 網站就有許多別人設計好的擴充元件 , 等待著你去下載哦！ ****************************************************************** 以上內容摘自『Dreamweaver 3 魔法書』施威銘研究室 著 書號：F398 定價：490元 ****************************************************************** 如果您對本期內容有任何意見，請與我們聯絡 service@flag.com.tw 想索取前幾期的電子報內容請至旗標網站下載 http://www.flag.com.tw/url/ 本電子報內容未經授權請勿轉載 版權所有人：旗標出版股份有限公司 好書能增進知識、提高學習效率 卓越的品質是旗標的信念與堅持 http://www.flag.com.tw =================================================== 【智邦生活館】負責協助發送本電子報 (http://www.url.com.tw) 【電子報訂閱】用戶要訂閱或取消本電子報請到 (http://www.url.com.tw/ENews/) =================================================== |