1 / 13

網頁設計與製作

網頁設計與製作. 第八單元：行為與功能擴充. 授課教師：王漢銘. NordriDesign 專業商務簡報設計. 什麼是行為指令. Dreamweaver 利用技術，將一些常用網頁效果及功能，設計成一個個的行為指令，讓程式效果的使用可以變得更為簡單。. 行為面板簡介. Dreamweaver 的行為指令有專屬的工作面板，請執行「視窗/行為」指令，開啟「行為面板」，在此面板中可對頁面上加入、編輯及移除行為指令。. 彈出式訊息視窗. 加入與啟動行為指令。 設定完成後就請按下「 F12」 來預覽行為指令的效果。. 行為事件解說.

verne
Download Presentation

網頁設計與製作

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 網頁設計與製作 第八單元：行為與功能擴充 授課教師：王漢銘 NordriDesign專業商務簡報設計

  2. 什麼是行為指令 • Dreamweaver利用技術，將一些常用網頁效果及功能，設計成一個個的行為指令，讓程式效果的使用可以變得更為簡單。

  3. 行為面板簡介 • Dreamweaver的行為指令有專屬的工作面板，請執行「視窗/行為」指令，開啟「行為面板」，在此面板中可對頁面上加入、編輯及移除行為指令。

  4. 彈出式訊息視窗 • 加入與啟動行為指令。 • 設定完成後就請按下「F12」來預覽行為指令的效果。

  5. 行為事件解說 • 當在Dreamweaver中設定好要執行的「行為指令」後，同時也必須要指定一個「事件」，才能讓「行為指令」開始執行。 • 「onDbClick」就是所指定的「事件」，讓我們可以「連按二下」後，才會開啟相關功能， • 另一個常見的是「onClick」，指的是按一下。 • 此外，還有其他的事件類型。

  6. 常見的行為指令 • 設定狀態列文字。 • 開啟瀏覽器視窗。 • 前往URL。 • 調換影像效果。 • 自動訊息視窗。

  7. 請同學看完示範操作後，再進行綀習

  8. 擴充功能 • 包括Dreamweaver在內的許多Adobe軟體都被設計成可擴充相關功能，使用者可安裝Extension擴充程式來增加 Dreamweaver 原本沒有的功能。 • 有些擴充程式是免費，也有擴充程式必須付費。 • Adobe網站提供了一個交流擴充程式服務，稱為Adobe exchange，您可以透過網站下載Dreamweaver的擴充程式。當然也可以利用google來蒐尋。

  9. 擴充功能 • 開啟Adobe Exchange網站，點選Dreamweaver就可以進入Dreamweaver Exchange下載擴充程式。 • 安裝Dreamweaver擴充程式 • 點二下開啟mxp檔案可開啟Adobe Extension Manager擴充程式管理員並自動安裝，也可先開啟擴充程式管理員，點選安裝擴充程式的圖示進行安裝。 • Extension Manager會顯示擴充程式的名稱、版本與使用說明等，多數是英文。

  10. 擴充功能 • 開啟Dreamweaver就可以使用。

  11. 請同學看完示範操作後，再進行綀習

  12. 參考資料 • 文淵閣工作室（2012）。Dreamweaver CS6網頁製作比你想的簡單。台北市：碁峯資訊。 • 施威銘研究室（2012）。正確學會Dreamweaver CS6的十六堂課。台北市：旗標。

  13. 感謝您的聆聽 Thank you

More Related