課程介紹
如果你對網頁設計有興趣,但完全沒有概念,卻又不知道該如何下手?這是一個從最基本的課程,從什麼是網頁什麼是網站到你搞懂如何去規劃一個網站.然後去設計自己理想的網站.以及到最後的有效率的維護,課程中也會交到網站設計美學除了讓你最快速的方式了解了解網頁製作,並且保有一定的美感!
教學內容
在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.
網站實作實戰練習:
將整個課程做個彙整,實際做出一個屬於自己的網站(題目可以自己挑選)
優惠辦法
※檢附相關證件;臨櫃報名享特定優惠(請參考以下資格)
1.網路報名:享95折優惠($10,355元)
2.開課2週前報名:享9折優惠($9,810元)
註1:以上優惠擇一使用