网页设计好帮手.ppt

Dreamwaver 4 網頁設計好幫手 Dreamweaver4.0 Dreamweaver的優點 高靈活度的網頁 支援多種元件 --Flash5 --ShockWave --PHP…. --Fireworks 產生的網頁易於維護 --SiteMap Dreamweaver 的功能 方便好用的輔助工具 Form table Timeline Layers Templates樣版 Form table Layers Time Line Dreamweaver 的特色之一 Flash 簡化的版本 方便製作小動畫的工具 搭配Layers實現網頁動畫 Templates 樣板 實作1 應用一些基本功能作出個類似助教的個人網頁 簡單的視窗分割 圖片切換 實做2 實作templates * * 能緊密與Flash,Fireworks結合 支援動態網頁較差 文字對齊圖片調整文字圖片相關位置不能即時顯現 修改網頁能及時顯現 不能及時將編輯過的部份貼上 不能直接貼上圖片 不能使用中文檔名 與windows相關程式密切度較高 能直接貼上wordexcel等檔案 Dreamweaver FrontPage 非常簡單好用的Form talble 工具列 執行步驟 1.Insert-Form 2.Insert-Form Object 加入須要的效果 3.加入Object須要的指令 要對齊也是件不容易的事 Dreamweaver用Layers來 補強文書處理的工能 Layers 的優點: 1.可以視為一小型網頁 2.增強文書工能 比如對齊 排版 3.配合timeline做動畫 要對齊也是件不容易的事!!! 不同Layers的時間 執行步驟 1.Modify-timeline 2.與layers 做連結處理 優點 1.避免重複製作同樣網頁的步驟 2.修改大量相同網頁只需修改原始樣板 執行步驟 1.先建立原始網頁 2.Save as templates 3.new-from templates 4.維護時修改templates 執行步驟 1.先建立原始網頁 2.Save as templates 3.new-from templates 4.維護時修改templates *