 ！！Photoshop + Dreamweaver網頁設計！！ 在photoshop設計最後一堂課會讓學員設計EDM，Dreamweaver後兩堂會讓同學做出個人網頁。
PART1 Photoshop 設計入門 （18H）
文字設計、繪製圖形、遮色片介紹
文字字元的介紹，完成文字設計，並利用形狀圖層繪製圖形。了解遮色片的原理，並掌握以及做出自己想要的效果。
圖層樣式效果運用
每個圖層都擁有自己的樣式， 如圖層名稱、不透明度、影像混合模式等。只要在圖層樣式做些設定，利用圖層樣式創造影像效果，即能為影像增添特殊效果。
選取工具的介紹與使用
選取工具單元會介紹選取工具、圖層選取、套索工具以及魔術棒工具，在不同情況下運用不同的選取工具來達到最佳的成效。
圖片去背，搭配製作GIF捕間動畫
調整圖層應用修圖，學習如何使用鋼筆和色版來去背，並搭配調整圖層應用來完成圖片修圖，得到最佳的去背效果，搭配製作GIF補間動畫。
PART2 Dreamweavaer網頁設計 （30H）
網頁製作基本觀念：
學習如何建立網站的觀念，並建立個別資料夾管理檔案。網頁檔案名稱的命名，影像控管，了解瀏覽器和網頁之間的關係，以及整個網站的基本架構。
實用的網頁製作技巧：
1.使用photoshop來修改圖片的屬性，並選擇最佳的存檔方式
2.常用的圖片格式介紹
3.超連結語法
4.路徑的觀念
5.圖片的外部匯入
6.錨點的使用
7.何謂影像地圖
8.edm設計
9.寄信mailto的使用
10.iframe的觀念
11.匯入多媒體（swf、google map、Youtube影片）
12.圖片的置換
表格的應用：
了解整個表格的屬性，表格寬度、邊框、內距、間距、背景顏色、位置。
最重要的是學習如何使用表格來定位。將各個元素依照設計的目標放置到對應的位置。
CSS概念以及應用：
1.CSS 概觀
2.CSS 文字美化
3.id 與 class
4.文字間距、行距
5.各種超連結變色語法
6.外掛式 CSS 檔案、指定區塊、複合式樣式、CSS 圖形化區塊的應用
7.（DIV）和（span）的差別
8.ul and ol來製作選單
9.position定位
10.文繞圖float屬性
11.margin and padding
12.Box model.
網站實作實戰練習：
將整個課程做個彙整，實際做出一個屬於自己的網站（題目可以自己挑選） 葉世軒老師
經歷: 2010第十屆新人王網頁設計比賽佳作
2011 法務部反毒比賽-影片組佳作
2010第九屆新人王網頁設計比賽第一名
2010 「你7了沒！Change & Better !」動畫比賽第三名
2010 防災宣導短片動畫比賽 佳作
2010 防制就業歧視四格漫畫徵選比賽 佳作
2010 全國網頁設計比賽 社會組佳作
2009第八屆新人王網頁設計比賽評審特別獎
2006網頁設計比賽社會組人文獎
2004網頁設計比賽大學組人文獎
2004hiPage網頁設計大賽佳作
專案經驗:
http://www.shoyoung.idv.tw/mizar/
http://event.coolermaster.com/life_journey/home/
http://www.coolermaster.com/catalog2013/mobile/
http://www.coolermaster.com/microsite/haf_xb/
http://www.shoyoung.idv.tw/twstory/
http://event.cmstorm.com/trigger/
http://shoyoung.idv.tw/farmer/
http://www.coolermaster.com/microsite/silencio_650/
http://shoyoung.idv.tw/flash_book/ |
