網頁設計 ︱網頁設計先修
◆課程簡介
隨著網路深入生活,許多企業也日益注重網路行銷,網頁設計師儼然成為熱門職務。
設計的工作最注重實力,投入此行業者必須對於網頁的規劃、設計、發佈、維護與更新皆必須有完整的了解,如果是零基礎的新手則可透過網頁設計教學先修班,將網站程式語言先打穩基礎,之後再透過不斷累積經驗,強化作品展現的豐富度。
*進入網頁設計教學課程前,您可以先進一步了解:
UI/UX設計課程 - 設計師、行銷人的職場必修課
網站架構全攻略,新手架設網站第一步從這開始!
◆課程大綱
Photoshop CC網頁版型設計
- 遮色片、矩形工具、圖層、參考線等操作技巧
- 網頁結構說明、素材需求-介紹免費網頁資源
- 智慧型物件:版型製作、網頁尺寸新增、網頁群組建立、元素組合與製作
- 版型模組:建立自己的Webpage Wireframe、常用的框架與格式、改版
- 多螢幕網頁版型設計
- 切片與匯出:套件製作、影像資產設定
Dreamweaver 創意網頁設計
- DW環境設定及了解基礎HTML:標題與段落、圖片、超連結等
- CSS 常用樣式:基本選取器、文字/背景/清單樣式
- CSS 排版技巧:行內與區塊、盒子模式、浮動排版
- CSS框架 - Bootstrap快速上手
- CSS 動畫與特效:轉場動畫、2D與3D變形效果
- javascript與jQuery應用:圖片輪播、燈箱效果等
- 網頁設計範例實作
HTML&CSS基礎網頁語法
- HTML基本概念、網頁結構、相對路徑與絕對路徑
- 資料呈現及輸入方式,分辨區塊元素與行內元素
- CSS基本概念、權重、選取器
- 背景樣式應用與排版基礎(盒子模型)
- 經典網頁排版(置中技巧、Inline-block、Float排版)
網頁設計 ︱響應式跨平台網頁設計
◆課程簡介
企業愛用網頁設計人才必備能力
想成為企業最搶手的網頁人才嗎?加入多媒體網頁視覺設計人才培訓班,您將可以學習到網頁的設計、架構、排版到網站上傳與推廣維護,建立豐富而具有互動性的網頁,並以豐富的範例帶著您從無到有打造專業又實用網站,不但能認識網頁設計概念、網站開發流程及規劃、軟體的使用,讓您輕鬆學習,且滿足企業對網站設計專業的終極要求。
◆課程大綱
Dreamweaver 創意網頁設計教學
- 遮色片、矩形工具、圖層、參考線等操作技巧
- 網頁結構說明、素材需求-介紹免費網頁資源
- 智慧型物件:版型製作、網頁尺寸新增、網頁群組建立、元素組合與製作
- 版型模組:建立自己的Webpage Wireframe、常用的框架與格式、改版
- 多螢幕網頁版型設計
- 切片與匯出:套件製作、影像資產設定
Dreamweaver 創意網頁設計
- DW環境設定及了解基礎HTML:標題與段落、圖片、超連結等
- CSS 常用樣式:基本選取器、文字/背景/清單樣式
- CSS 排版技巧:行內與區塊、盒子模式、浮動排版
- CSS框架 - Bootstrap快速上手
- CSS 動畫與特效:轉場動畫、2D與3D變形效果
- javascript與jQuery應用:圖片輪播、燈箱效果等
- 網頁設計範例實作
響應式網頁前端設計
- HTML 網站網頁程式語法
- CSS網頁架構布局排版
- 網頁動畫-Transition轉場,Transform 2D變形
- 建立3D動畫, Transform 3D變形
- JavaScript/jQuery程式語法&函式庫,摺疊選單,動態效果
- RWD理論&實作
- Bootstrap網格排版實作&元件製作
PHP&MySQL資料庫網站程式設計
- 使用Visual Studio/XAMPP/My SQL建置資料庫
- 互動式網頁功能操作
- 網站搜尋&動畫效果實作
- 網頁發布&維護/維運
網頁設計 ︱網頁設計主題
◆課程簡介
學程宗旨是以成為網頁設計師並能自行接案為目標。讓同學可以更了解CSS、Javascript與jQuery在實務上的應用,並且可以製作出一個完整的頁面。從企劃報價、軟體工具整合應用到問題解決,接案與客戶提案溝通、專案分析,從頭到尾將成為SOHO網頁設計師的工具與祕訣一次教給你。
◆課程大綱
網頁接案養成課程
- 網站設計接案原則與工具
- 網頁動態特效(CSS、Javascript、jQuery運用)
- 模擬實務網頁設計接案流程
網頁接案實務課程
- 網站企劃、設計流程、設計風格及工具
- 環境建置、網站版本框架、SEO搜尋引擎最佳化
- 網站追蹤(Google Analytics、Facebook Pixel、Google Tag Manager)
- 網域及網站空間申請
接案學
- 接案概念流程及設計案件種類
- 歧異點談判技巧
- 業主需求分析及目標對象分析
- 成本/報價技巧及報價單製作
- 合約重點與各種合約書異同分析
- 違約處理
黑魔法防禦術-網頁設計提案攻略
- 網站提案執行流程
- 預算編纂、時程編寫
- 合約相關與作業主題討論
- 提案作品討論
秒上手!UI 設計師的新工具-Adobe XD
- UI/UX 基本概念
- 使用Adobe XD 編排網頁介面
- 使用Adobe XD 編排手機程式介面
魔藥學- Xd x Figma 七種網頁原型設計
- Figma介紹、原型設計與製作
- 網頁原型設計與製作
- Adobe Xd介紹、原型設計與製作
- 購物型網頁、卡片式網頁 原型設計
點擊率翻倍的Banner設計密技
- Banner剖析與字體搭配
- 單色佈局創造出視覺效果
- 流行的扁平插畫風格
- 使用格組合快速構建佈局
HTML5 動態 banner 設計密技
- Animate CC工具的應用技巧及動畫整合
- 動態HTML5 Banner實作
- 互動HTML5 Banner特效實作
- Google Web Designer軟體應用
一頁式網頁真的不難
- 認識多種一頁式網頁介紹
- PHOTOSHOP頁面排版示範
- 切片網頁製作
- 設定超連結基本語法
- 鑲嵌GOOGLE互動服務
- 申請網頁空間上傳
一頁爆棚─單頁響應式互動網頁全攻略
- 一頁式網頁剖析與圖片設計
- 網頁視覺設計
- 發展網頁內容
- 加入動態效果與互動功能
- 結合google表單與Google Analytics程式碼
RWD 網頁設計 Easy Go!
- 基礎排版入門
- 網頁建置技巧
- 頁面設計與規劃
- HTML+CSS3 編輯應用
網頁設計 ︱設計學院專屬系列
◆課程簡介
設計產業「創造力」是轉化為競爭力的重要關鍵,在數位產業大餅高達千億的時代使設計人才身價大漲。巨匠電腦菁英培訓計畫正式啟動!技能培訓+實務教學,專門打造符合市場需求的專業人才。設計,讓你決勝未來!
◆課程大綱
網頁接案養成課程
- 網站設計接案原則與工具
- 網頁動態特效(CSS、Javascript、jQuery運用)
- 模擬實務網頁設計接案流程
網頁接案實務課程
- 網站企劃、設計流程、設計風格及工具
- 環境建置、網站版本框架、SEO搜尋引擎最佳化
- 網站追蹤(Google Analytics、Facebook Pixel、Google Tag Manager)
- 網域及網站空間申請
接案學
- 接案概念流程及設計案件種類
- 歧異點談判技巧
- 業主需求分析及目標對象分析
- 成本/報價技巧及報價單製作
- 合約重點與各種合約書異同分析
- 違約處理
網頁設計 ︱Adobe ACP國際認證
◆課程簡介
不只技術力 更給你整合力&專案力
全球多媒體領導品牌Adobe 與國際專業認證機構Certiport 合作推出Adobe Certified Professional 專業認證(簡稱ACP),綜合多媒體規畫及數位設計應用的國際認證,該認證共推出五個專業科目包含Photoshop、Illustrator、Indesign、Dreamweaver 等完整的認證培訓。
透過本課程的訓練,除可獲得軟體操作的基本概念外,亦可對於從事多媒體藝術創作者,無論是行銷企畫、平面設計、網站規劃、藝術創意、教育工作等,皆能獲得核心工作能力及絕佳的應用技能。
◆課程大綱
ACP-PhotoShop考前衝刺班
- 環境介面與系統設定
- 圖層面板操作、圖層樣式、智慧型物件
- 變形設定、影像裁切、感知修補
- 字元相關定義、文字輸入應用、專案管理
- 模擬考題實戰
ACP-Illustrator考前衝刺班
- 環境介面與系統設定
- 路徑功能教學說明、變形操作
- 遮色片、繪圖樣式、影像描圖…等
- 文字工具、專案管理、智慧財產權…等
- 模擬考題實戰