進階搜尋
8IH7sample 視覺設計師的RWD網頁設計之路 Photoshop+HTML+Bootstrap整合實務
8IH7sample

視覺設計師的RWD網頁設計之路

Photoshop+HTML+Bootstrap整合實務
地點
建國
日期
2014/12/26

2014/12/26
總時數
48hr
時間
19:00~22:00
原價 12,000 元
目前最惠價
NT$ 12,000
師資說明

郭嘉雯老師

郭嘉雯老師

經歷
資策會、台北市立體育學院-電腦外聘講師
行政院勞委會北區職業訓練中心、財團法人中華職業訓練中心、台北市職能發展學院、大亞電腦-電腦多媒體講師
中國多媒體協會、伊甸社會福利基金會‧影像處理講師
僑委會、連江縣教育局、華彩教育訓練-網站製作與設計講師
富邦銀行、天下趨勢-影像處理講師
北區扶輪社、天仁茗茶-美術設計

專長
影像處理方面:Photoshop、Illustrator、CorelDRAW、PhotoImpact
網頁設計方面:Dreamweaver、Flash、FrontPage
網頁語法方面:HTML、CSS、JavaScript、JQuery
影音處理方面:會聲會影、威力導演

著作
1.Photoshop 5.0影像魔法師
2.Div+CSS網頁版面設計‧隨手做SEO

專案作品
資策會-龍門課站、聯合報網站、研華科技網站、TDK網站、師大學務處網站
課程介紹
利用Photoshop美化照片、去背合成製作Banner、網拍圖、EDM、網頁版型用圖;利用HTML與CSS語法,將圖文內容結構化、優化並搭配編排技巧,以排版出一張符合最新標準的網頁版型;再利用Bootstrap的特性,快速切版、套版,馬上就能製作出一張具有圖片輪播效果、手機隱藏式選單的RWD網頁!
教學內容
本課程以「範例實作」方式,從無至有的逐步學習,進而製作出一個完整的網頁版型,最後再調校成現今流行的自適應網頁。

單元一:Photoshop(16H)
●色彩概念:色光模式與色料模式
●美膚、降噪、整容、校正色彩
●去背合成:商品去背、髮絲婚紗去背、橫幅Banner製作、網頁版型製作
●分割切版與壓縮輸出格式、新一代SVG格式
●GIF動畫製作:影格動畫、視訊時間軸動畫

單元二:HTML+CSS(16H)
●網站建置、網頁設定、SEO優化
●文字結構化、字型設定與嵌入
●圖片優化、背景設定(模式、漸層、多重背景圖與位置)、SVG應用
●影音、Google地圖、YouTuBe影片嵌入
●直式、橫式選單
●網頁版型種類與編排技巧
●變形、特效過渡、動畫設定

單元三:Bootstrap(16H)
●伺服器環境架設與手機實測
●格線系統與欄列容器
●媒體詢問(Media Queries)與分界點
●圖文設定:巨幕、按鈕、自適應圖片
●組件應用:導覽列、下拉選單、群組清單、麵包屑、圖片輪播
●表格、表單元件
●30分鐘快速製作一張自適應網頁


※為維護課程品質及尊重智慧財產權,上課中請勿錄音錄影,亦不提供錄音或錄影補課。
優惠辦法
※檢附相關證件;臨櫃報名享特定優惠(請參考以下資格)
1.網路報名:享95折優惠($11,400元)
2.推廣舊生、開課2週前報名:享9折優惠($10,800元)
3.超早鳥優惠:5/31前完成報名繳費可享8折優惠($10,200元)
註:以上優惠擇一使用
適合對象
設計師:網頁設計師、SOHO接案族;
工程師:網站前端工程師、網站管理者;
一般民眾:有意學習手機網頁者
其他備註
※為維護課程品質及尊重智慧財產權,上課中請勿錄音錄影,亦不提供錄音或錄影補課。
※課程進行中,為一人一台電腦,教室電腦中也有課程相關軟體,以利上課使用。
※請攜帶行動硬碟或隨身碟(16G以上),以利課程進行中的資料存取。
※學員若有需要相關軟體請自行購買或尋找,本單位與教師皆不提供任何軟體給予學員。
※關於本課程的內容諮詢、品質回饋可連絡ITCTC資訊科技認證訓練中心,LINE ID:@oju3641x(服務時間:週一~週五10:30-12:00、13:30~19:00)。
【以上師資、課程內容、時間及場地等,本單位保留變更之權利。】
你可能會喜歡...
*優惠方式僅能擇一享有
優惠資訊
優惠方案 價格 說明
原價 NT$12,000 原價
其他備註
*合乎結業標準者(缺課未超過課程總時數1/5),本研習核發文大推廣部研習結業證書。部分課程不適用。(例如:6小時以下課程或講座)
*未領證書協助保管期限從結業日起算,最多保留兩年的時間,如期限過後想要補領取,請自行至建國本部一樓櫃台繳交100元補印證書。
*持身心障礙者手冊,憑手冊報名本部終身學習課程,享有該課程當期學費之最低價優惠
*報名方式:現場繳費、ATM轉帳、電話訂購