課程介紹
網頁設計其實脫離不了畫面與語法技術的結合,本課程將在Dreamweaver 中針對網頁相關語法(HTML、CSS 或 JavaScript 、JQuery ) 多做著墨,然後用Muse 結合畫面美感,讓初學者既能感受像在畫布一樣設計,又能作出應因不同平台視覺要求的響應式網頁。
教學內容
本課程期望藉由Muse 來強化設計者版型美感的建立,您可以把Muse 想像成是排版軟體InDesign,但它又能把排好的畫面或嵌入的元素變成具有完好架構的網站,甚至透過現成的模組應用,完成隨視窗寬度縮放而自動調整版型的網頁。本課程不僅僅要建立美感,也希望透過 Dreamweaver 的操作演練,讓您先熟悉語法,然後自建網頁或套用版型,或結合用Muse完成的網頁,期能以在Dreamweaver 中的設定,讓網站更精緻多工。
Lesson 1 個人作品集製作: Muse
範本頁面的版型製作與選單設計 ( 尺規與參考線、使用文字、嵌入圖形、頁首頁尾 )
響應式網頁的寬度(Break Point)設定
好用的Banner現有元件套用
新增元素到含主版頁面的多個頁面
Lesson 2 個人作品集製作: Muse
製作不同的內容頁
各類超連結設定
置入 Photoshop 按鈕
最佳化您的影像
Lesson 3 商業網站從零到有:Muse
在 Adobe Muse 中為物件指定不同狀態
如何在文字框內繞排文字
在 Adobe Muse 中套用線條與效果
在 Adobe Muse 中嵌入影片與 HTML 內容
嵌入 HTML 程式碼來新增 Google 地圖等功能
在 Adobe Muse 中新增動畫內容
Lesson 4 商業網站從零到有:Muse
將 iframes 新增至您的網站以顯示包含嵌入 HTML 的其他網站頁面
新增影像預視燈箱功能,顯示儲存於第三方伺服器的影片
在 Adobe Muse 中新增並設定幻燈片展示 Widget
新增可自訂的幻燈片展示
建立影像預視燈箱
建立標籤與折疊式面板
在 Adobe Muse 中使用表單 Widget
Lesson 5:Dreamweaver
新增網站
網頁的串接
表格簡易應用
HTML5與CSS3 語法 ( 用來美化文字與圖片的CSS )
Lesson 6:Dreamweaver
HTML5與CSS3 語法 ( 用來處理版型與設定CSS媒體查詢 )
利用CSS 將項目符號變成導覽列(選單)
實用JQuery 套用( 影像燈箱展示效果、照片輪播切換 )
網頁中嵌入影音元件
Lesson 7: Dreamweaver 中套用現有版型,並加以修改 ( HTML & CSS & JQquery 大會串 )
現有響應式網頁版型下載
修改時注意事項
Lesson 8: Dreamweaver 與Muse整合
將Muse 所完成的網頁匯入並修改全站 CSS
網站更新與維護
網域名稱的租用
虛擬主機的方案
SEO ( 搜尋引擎優化 ) 的概念
※為維護課程品質及尊重智慧財產權,上課中請勿錄音錄影,亦不提供錄音或錄影補課。
優惠辦法
※檢附相關證件;臨櫃報名享特定優惠(請參考以下資格)
1.網路報名:享95折優惠($6,840元)
2.推廣舊生、開課2週前報名:享9折優惠($6,480元)
3.超早鳥優惠:8/15前完成報名繳費可享85優惠($6,120元)
註:以上優惠擇一使用