網頁設計教學課程| 響應式/購物網站設計 - 巨匠電腦

網頁設計教學課程,輕鬆學會響應式網頁設計,購物網站設計並取得Adobe ACP國際認證,網頁設計教學入門到進 ... 宅家安心學 學RWD網頁設計課程/ UI介面設計突破薪資天花板. 開課查詢 課程查詢 直播教學查詢 窩課360課程查詢 線上聯辦說明會 免費學習講座 免費課表索取 熱門活動 課程總覽 課程總表 課程總表 資訊系列課程 程式/資料庫 AI程式設計 網路管理 手機APP設計 辦公室應用 認證輔導 青少年程式營 設計系列課程 視覺設計 網頁設計 工業設計 建築室內設計 3D多媒體動畫 影視特效 設計學院專屬 PRO 室內設計 PRO 平面設計 PRO 網頁設計 PRO 影視特效 PRO 數漫電繪 PRO 遊戲動畫 PRO 數位電商 設計學院 政府補助 政府委辦課程查詢 政府補助說明 職訓資格說明 就業輔導 企業服務 全國分校 百大名師 直播教學 學習成果 學員故事 學員作品 學習資源 就醬學充電站 電腦學習密技 電腦技能一學就會 電腦Live直播講堂 學員專區 課程劃位 點數卡產品兌換 課程取消劃位 請假作業 上課簽到 我的課表 我的使用紀錄 我的收藏課程 問卷填寫 企業學員問卷填寫 我的個人資料 學員權益說明 學員公告 求職專區 就業獎學金 登出 課程劃位 點數卡產品兌換 課程取消劃位 請假作業 我的課表 我的使用紀錄 我的收藏課程 上課簽到 問卷填寫 企業學員問卷填寫 我的個人資料 學員權益說明 學員公告 求職專區 就業獎學金 登出 課程搜尋 北區開課查詢 中區開課查詢 南區開課查詢 東區開課查詢 熱門文章搜尋 開始搜尋 宅家安心學 學RWD網頁設計課程/UI介面設計突破薪資天花板 RWD網頁設計 薪資上看50K UIUX介面設計 熱門大勢職業 CSS Javascript Figma workflow 業界唯一 多種上課模式任你選 實體+線上+影音 挑戰全台開課密集度 保證選課時段最多 專業技術客服常在線 疑難雜症一秒搞定 為什麼學習RWD網頁設計/UI介面設計課程？ 理由1 消費方式轉變品牌網站成關鍵 據專業研究數據顯示，80%以上的消費決定，都是透過網站搜尋取得資訊後，再做出最終決定，也因此需要更講究品牌網站的行銷及使用者體驗，網站的設計好壞便是其重要環節。

  理由2 加薪靠自己斜槓思維夯 在科技日新月異的時代，如果只會一項工作技能發展有限，可以試著利用自己的興趣，發展多重職業，不僅幫助自己增加收入，同時也能提升自我價值！   理由3 政策長期推動「設計」影響力 政府多年制定設計產業政策、推廣設計美學，輔導產業運用設計提升產品及服務水準，並協助產業拓展海外，不但為產業帶來創意活力，整體設計產業的產值亦由2003年的363億元提升至2017年的678億元。

  理由4 平均薪資高且工作機會多 據人力銀行數據顯示，網頁設計相關職務平均薪資41K，為設計領域前三高，且10個工作機會中只徵得到7人，工作機會多！ 課程特色   真人線上直播教學 巨匠電腦深耕資訊教育多年，將實體及線上學習資源進行整合，讓學員可以依據自身學習狀態自由選擇，採講師live直播教學，可即時解決學員提問，化解學習痛點。

Adobe原廠授權教育中心 巨匠提供的ACP證照課程，採取小班制教學，逐一讓學員了解Adobe出題緣由，並同步使用電腦操作軟體，將所學融會貫通，讓你活用技巧輕鬆取得證照！ 業界名師指導 巨匠擁有1,600位專業教學講師，依學員程度引導教學，豐富的教學經歷幫助學員突破學習痛點，並且引薦優秀學員轉職就業。

巨匠專屬設計學院 為提升學員「創造力」及「競爭力」，巨匠特別規劃結合「技能培訓」及「實務教學」的進階課程，打造符合市場需求的專業設計人才。

RWD網頁設計 UIUX介面設計 RWD網頁設計 隨著網路深入生活，許多企業也日益注重網路行銷，網頁設計師儼然成為熱門職務。

設計的工作最注重實力，投入此行業者必須對於網頁的規劃、設計、發佈、維護與更新皆必須有完整的了解，如果是零基礎的新手則可透過網頁設計教學先修班，將網站程式語言先打穩基礎，之後再透過不斷累積經驗，強化作品展現的豐富度。

進入網頁設計教學課程前，您可以先進一步了解： UI/UX設計課程-設計師、行銷人的職場必修課 網站架構全攻略，新手架設網站第一步從這開始！ 學習地圖 1.先修單元 先修單元 PhotoshopCC網頁版型設計 Dreamweaver創意網頁設計 HTML&CSS基礎網頁語法 IllustratorCC插畫設計 2.主修系列 主修系列 平面設計師實務養成 響應式網頁前端設計 PHP&MySQL資料庫網站程式設計 3.主題課程 主題課程 *接案學 *平面接案養成班 *平面接案實務班 窩課360-一頁式網頁真的不難 4.國際認證輔導 認證輔導 ACP-Photoshop考前衝刺班 ACP-Illustrator考前衝刺班 PhotoshopCC網頁版型設計 遮色片、矩形工具、圖層、參考線等操作技巧 網頁結構說明、素材需求-介紹免費網頁資源 智慧型物件：版型製作、網頁尺寸新增、網頁群組建立、元素組合與製作 版型模組：建立自己的WebpageWireframe、常用的框架與格式、改版 多螢幕網頁版型設計 切片與匯出：套件製作、影像資產設定 Dreamweaver創意網頁設計 DW環境設定及了解基礎HTML：標題與段落、圖片、超連結等 CSS常用樣式：基本選取器、文字/背景/清單樣式 CSS排版技巧：行內與區塊、盒子模式、浮動排版 CSS框架-Bootstrap快速上手 CSS動畫與特效：轉場動畫、2D與3D變形效果 javascript與jQuery應用：圖片輪播、燈箱效果等 網頁設計範例實作 HTML&CSS基礎網頁語法 HTML5入門概要 HTML5常用元素屬性 CSS與CSS3技術應用 媒體查詢與流動版面 HTML與jQuery效果實作 jQueryMobile行動應用網頁 IllustratorCC插圖設計 點線面設計觀念建立及基本編輯功能教學 線條描繪基本技巧 運用筆刷設計花紋邊框及Q版人物、貼圖等 運用漸層、網格填色工具設計UI面板素材等 繪製具3D效果的產品外觀、商場空間建置等 平面設計師實務養成 基本設計概念與製程 圖像線條描繪基本技巧 基礎包裝設計 活動展場商品設計、文宣商品設計 吉祥物與公仔設計 雷射雕刻設計與製作 DM傳單設計、海報設計與輸出 產業實務案例、印刷實務案例 響應式網頁前端設計 了解網站基礎語法HTML及基本架構 了解CSS的基礎與基本樣式 CSS排版技巧：inline-block、float、flexbox應用、置中方式 動畫與特效：Transition轉場、Transform2D變形、Animation動畫 Javascript語法：常數、變數與資料型態、流程控制、陣列、函式 jQuery：折疊式選單、圖片展示/輪播、資料串接、外掛應用 RWD網頁：媒體判斷與中斷點、響應式選單、圖片處理 Bootstrap4：網格排版、通用屬性類別、內建元件等 Bootstrap4：介紹新增的卡片Card、圖片輪播Carousel元件 Bootstrap4：滑動監控Scrollspy、清單List-group、表單Form、提示元件Popover/Tooltips PHP&MySQL資料庫網站程式設計 PHP環境部署 PHP程式設計：資料型態、流程控制、陣列、字串處理、函式等 MySQL：建立、查看資料庫，欄位資料型態及資料庫圖形化介面操作 文章發佈系統：連線並讀取資料 圖片管理系統：圖片管理功能(應用於商品管理) 會員系統：使用session製作會員系統與權限管理 了解物件導向的運作原理 製作多國語言網站、非同步處理Ajax伺服器操作、伺服器操作 *接案學 設計接案概念：切換商業腦 五大案件說明：平面設計、網頁設計、插畫設計、影片剪輯、程式設計 接案流程說明 訪談技巧：提問題的方法、歧異點談判、業主需求分析等 報價技巧及報價單製作 合約書重點、違約處理等法務相關 *平面接案養成班 基本創意方法與自我探索 引導正面/反面創意聯想 文字與文案創作、海報風格與形式設計 風格研究及創造 模擬案件實作 *平面接案實務班 進階創意方法與深度自我探索 廣告創意設計：廣告精神、手法、心理學 創造設計的靈魂-設計發想與說故事 進階創意方法：借花獻佛、變形金剛 包裝設計專題 CIS設計專題執行、提案、發表 一頁式網頁真的不難 認識多種一頁式網頁介紹 PHOTOSHOP頁面排版示範 切片網頁製作 設定超連結基本語法 鑲嵌GOOGLE互動服務 申請網頁空間上傳 ACP-PhotoShop考前衝刺班 ACP認證考試介紹 影像之取得、影像檔案管理、基礎工具介紹 圖層操作與應用 繪圖工具與文字工具應用 進階影像處理&合成應用 ACP認證模擬試題練習與解說 ACP-Illustrator考前衝刺班 ACP認證考試介紹 介面環境介紹、文件設定與輸入輸出說明 圖層操作與應用、路徑編輯功能說明 效果編輯相關影像功能：遮色片、符號、筆刷、漸變工具等 文字排版工具介紹：文字工具、繞圖排文、專案管理等 ACP認證模擬試題練習與解說 課程應用與發展 你可以獲得以下技能… 熟悉HTML、CSS概念並快速製作網頁 瞭解並學會使用Javascript、Bootstrap 學會且可以獨立製作RWD網站 此系列課程適合… 零基礎，想朝網頁設計領域發展的你 設計相關人員，欲培養第二專長的你 小資老闆，想自己開發並維護品牌官網的你 培訓完成你可以當… 網頁設計師 網站程式設計師 PHP網站開發工程師 索取課程資訊 UIUX介面設計 UI設計師，即專注於UI(UserInterface)使用者介面設計，依使用者輪廓設計適合的風格表現，著重於整體視覺、畫面細節安排，產出具參考價值的原型設計(Prototype)；UX設計師，即專注於UX(UserExperience)使用者體驗，以蒐集使用者多面向資訊數據，分析並找出使用動機，並設定使用者情境模擬等，匯整出行為流程圖並將其轉成畫面：靜態線框分鏡(Wireframe)。

本課程為業界唯一UI/UX並重，符合就業市場需求的使用者介面設計課程，從使用者分析到流程圖、分鏡繪製、介面視覺、Figma、AdobeXd原型，一氣呵成的設計專題製作。

學習地圖 1.先修單元 先修單元 PhotoshopCC影像設計 IllustratorCC插畫設計 2.主修系列 主修系列 平面設計師實務養成 UI/UX使用者介面設計 響應式網頁前端設計 3.主題課程 主題課程 *接案學 *網頁接案養成班 *網頁接案實務班 4.國際認證輔導 認證輔導 ACP-Photoshop考前衝刺班 ACP-Illustrator考前衝刺班 PhotoshopCC影像設計 基礎修圖功能介紹 去背功能介紹：鋼筆、套索、色版、色階等工具 圖層遮色片、圖層混合模式、濾鏡風格等 按鈕設計、筆刷風格的設定 廣告文宣、海報設計運用 動態GIF貼圖製作 IllustratorCC插圖設計 點線面設計觀念建立及基本編輯功能教學 線條描繪基本技巧 運用筆刷設計花紋邊框及Q版人物、貼圖等 運用漸層、網格填色工具設計UI面板素材等 繪製具3D效果的產品外觀、商場空間建置等 平面設計師實務養成 基本設計概念與製程 圖像線條描繪基本技巧 基礎包裝設計 活動展場商品設計、文宣商品設計 吉祥物與公仔設計 雷射雕刻設計與製作 DM傳單設計、海報設計與輸出 產業實務案例、印刷實務案例 UI/UX使用者介面設計 UI/UX概念說明、介面設計工作流程及目標要點 產業狀況的資料收集分析 目標對象的分眾標籤設定、情境模擬及需求分析 競爭對手的SWOT、PMI分析 階段驗收：模擬解決方法提案 原型設計：功能清單、功能路徑規劃、分鏡繪製 運用AdobeXD、Figma製作原型設計(Prototype) 專題發表：模擬提案流程，並邀請業界專家給予指導 響應式網頁前端設計 了解網站基礎語法HTML及基本架構 了解CSS的基礎與基本樣式 CSS排版技巧：inline-block、float、flexbox應用、置中方式 動畫與特效：Transition轉場、Transform2D變形、Animation動畫 Javascript語法：常數、變數與資料型態、流程控制、陣列、函式 jQuery：折疊式選單、圖片展示/輪播、資料串接、外掛應用 RWD網頁：媒體判斷與中斷點、響應式選單、圖片處理 Bootstrap4：網格排版、通用屬性類別、內建元件等 Bootstrap4：介紹新增的卡片Card、圖片輪播Carousel元件 Bootstrap4：滑動監控Scrollspy、清單List-group、表單Form、提示元件Popover/Tooltips *接案學 設計接案概念：切換商業腦 五大案件說明：平面設計、網頁設計、插畫設計、影片剪輯、程式設計 接案流程說明 訪談技巧：提問題的方法、歧異點談判、業主需求分析等 報價技巧及報價單製作 合約書重點、違約處理等法務相關 *平面接案養成班 基本創意方法與自我探索 引導正面/反面創意聯想 文字與文案創作、海報風格與形式設計 風格研究及創造 模擬案件實作 *平面接案實務班 進階創意方法與深度自我探索 廣告創意設計：廣告精神、手法、心理學 創造設計的靈魂-設計發想與說故事 進階創意方法：借花獻佛、變形金剛 包裝設計專題 CIS設計專題執行、提案、發表 ACP-PhotoShop考前衝刺班 ACP認證考試介紹 影像之取得、影像檔案管理、基礎工具介紹 圖層操作與應用 繪圖工具與文字工具應用 進階影像處理&合成應用 ACP認證模擬試題練習與解說 ACP-Illustrator考前衝刺班 ACP認證考試介紹 介面環境介紹、文件設定與輸入輸出說明 圖層操作與應用、路徑編輯功能說明 效果編輯相關影像功能：遮色片、符號、筆刷、漸變工具等 文字排版工具介紹：文字工具、繞圖排文、專案管理等 ACP認證模擬試題練習與解說 課程應用與發展 你可以獲得以下技能… 熟悉UIUX觀念、介面設計的工作要點 瞭解並學會使用者資料分析與驗證 學會繪製靜態線框分鏡(WireFrame)及原型製作(Prototype) 此系列課程適合… 零基礎，想朝視覺/網頁/介面設計領域發展的你 APP/網站專案PM相關人員，欲提升網站成效的你 行銷企劃人員，很想跑贏競爭對手贏得消費者的你 培訓完成你可以當… UI/UX設計師 動態互動設計師 前端工程師 索取課程資訊 免費課程諮詢 請選擇 基隆市 台北市 新北市 桃園市 新竹市 新竹縣 苗栗縣 台中市 彰化縣 南投縣 雲林縣 嘉義市 嘉義縣 台南市 高雄市 屏東縣 台東縣 花蓮縣 宜蘭縣 澎湖縣 金門縣 連江縣 請選擇 我要領取 12000堂免費線上課程 萬元學習獎勵金 我已詳細閱讀並接受 個資保護聲明 送出 *免費贈品數量有限，將由專人安排至巨匠電腦分校領取， 如贈送完畢將以等值贈品代替。

RWD網頁設計/UI介面設計課程專業師資陣容 李仲傑老師 網頁設計專家 林秋銘老師 網頁設計專家 林育慶老師 網頁設計專家 勝靜文老師 網頁設計專家 索取課程資訊 講師介紹 × 老師 專家 簡介 專長 證照 RWD網頁設計/UI介面設計課程課程學員心得 王思雯 理論加實務並進　如願成為電商人才 思雯大推的還有師資，「我主要是跟Mark老師學習，老師人很Nice，有空就會跟同學閒聊工作狀況，關心每位同學的學習進度，還會辦聚餐或是買披薩請大家吃，並成立一個LINE群組專門分享電商新知，跟大家都像朋友一樣！」 ...more 楊越 我來自東北　我在台灣學會阿里巴巴跨境電商絕活 楊越目前主要的工作，就是跟客戶介紹公司的電商服務和阿里巴巴平台，由來自大陸的她開口，更是格外有親和力和說服力，「很感謝巨匠提供媒合機會，讓我有機會在電商領域發揮所學，我也知道全球的電子商務技術發展日新月異，未來的雙11購物節還會結合VR技術呢！我也會不斷充實所學，讓更多人認識跨境電商和阿里巴巴！」 ...more 陳信語 飯店行銷勇敢追夢學好電商迎向世界舞台 畢業後曾做過網路行銷設計，之後轉戰飯店業擔任行銷企劃，對電商一直有濃厚興趣的Jeremy，在聽過分校舉辦的課程說明會後，決定報名並利用下班後時間學習跨境電商行銷，他分享道：「馬雲說過不做電子商務，未來就無商可務。

」 ...more 施介甫 我的未來　從轉換跑道後開始 不管是實際課程內容、老師以及在巨匠一起努力的同學，對我的影響都十分深遠。

課程例如JQuery，即使初學者較難上手，但對我實際日後的工作卻很有幫助。

此時我也在巨匠認識一位同樣對多媒體網頁製作擁有強烈企圖心的同學。

...more 王思雯 理論加實務並進　如願成為電商人才 思雯大推的還有師資，「我主要是跟Mark老師學習，老師人很Nice，有空就會跟同學閒聊工作狀況，關心每位同學的學習進度，還會辦聚餐或是買披薩請大家吃，並成立一個LINE群組專門分享電商新知，跟大家都像朋友一樣！」 ...more 楊越 我來自東北　我在台灣學會阿里巴巴跨境電商絕活 楊越目前主要的工作，就是跟客戶介紹公司的電商服務和阿里巴巴平台，由來自大陸的她開口，更是格外有親和力和說服力，「很感謝巨匠提供媒合機會，讓我有機會在電商領域發揮所學，我也知道全球的電子商務技術發展日新月異，未來的雙11購物節還會結合VR技術呢！我也會不斷充實所學，讓更多人認識跨境電商和阿里巴巴！」 ...more 陳信語 飯店行銷勇敢追夢學好電商迎向世界舞台 畢業後曾做過網路行銷設計，之後轉戰飯店業擔任行銷企劃，對電商一直有濃厚興趣的Jeremy，在聽過分校舉辦的課程說明會後，決定報名並利用下班後時間學習跨境電商行銷，他分享道：「馬雲說過不做電子商務，未來就無商可務。

」 ...more 施介甫 我的未來　從轉換跑道後開始 不管是實際課程內容、老師以及在巨匠一起努力的同學，對我的影響都十分深遠。

課程例如JQuery，即使初學者較難上手，但對我實際日後的工作卻很有幫助。

此時我也在巨匠認識一位同樣對多媒體網頁製作擁有強烈企圖心的同學。

...more 索取課程資訊 電腦Live講堂來自業界的資訊新知 視覺排版設計攻略：4大原則輕鬆學 排版是視覺設計重要要素之一，卻也常被忽略。

文字排版不僅具備美感，也需兼具閱讀的便利性。

相同元素搭配不同的字體編排，透過配色和配置，完成讓人看懂且好看的設計。

因此成為設計師，文字排版是最基礎的設計技能，只要掌握重點技巧，設計也能輕而易舉！ 設計師接案決勝關鍵 身經百戰的接案魔人-孫鳴遠設計師又來了，這次大師將一次告訴你，設計師實際接案需要具備的「軟、硬知識」。

首先一定要清楚「設計流程」，不同製作物相對會產生不同的成本，像印刷、輸出這些價格也都是公開的，該如何報價才合情合理；又該了解那些法律常識才能避免發生收不到錢或設計被盜用的慘案。

設計師接案求生術 設計師在接案時，最頭痛的問題就是「該如何跟業主溝通」，設計師好像總是在美感與客戶需求之間尋找平衡點、在無止盡的修改地獄中來回掙扎，100%依客戶要求的照做，真的就叫好的設計嗎？！ 身經百戰的資深多媒體設計師-孫鳴遠老師，將打破設計師「與業主溝通很難」的迷思，將設計回歸到目的本身，在每位設計師執行案子時，都應該先靜下來想想，客戶是為什麼需要做這樣東西呢？真正好的設計師，應具備規劃與分析能力，能宏觀的思考這件設計是給誰看、給誰用的，能不能真正解決客戶的問題，而非只是一昧滿足客戶個人的喜好或需求。

CSS3Animation必學技 動畫、互動是近年來網頁設計重要的流行趨勢，微動畫(MicroAnimation)便顯得很重要。

網頁設計專家-李仲傑設計師，用最新的CSS3網頁技術，教大家做出吸睛網頁動畫，同時在不影響網頁載入速度情況下，輕鬆做出網頁特效，再複雜的效果都能迎刃而解，不需JavaScript也能輕鬆完成。

網頁排版布局攻略：CSSFlexbox 想快速排版且更具彈性，就要用CSSFlexbox。

對設計師而言是一大福音，不需要背誦特性，透過簡單語法快速呈現想要的內容，即使是新手也能快速上手。

CSSFlexbox能自動伸縮延展、隨意控制走向，不論是順向還是逆向都能順利解決。

而網頁設計師的痛點垂直置中問題，也可藉由Flexbox一次搞定！ UI/UX職場必修課：網頁設計最佳法則 目前UI/UX設計軟體眾多，各式原型功能設計軟體百家爭鳴。

而UI介面設計軟體，也包含軟體操作簡單直覺且介面靈活彈性高的特色。

究竟UI/UX該從哪裡開始？如何掌握重點？如何打造打動人心的使用者體驗？特別邀請業界專家說清楚講明白，幫助設計及企劃人一次搞懂介面設計！讓產品更貼近顧客的心！精彩內容千萬不要錯過！ 索取課程資訊 巨匠電腦你的第一選擇 35 年 扎實的教學經驗 100 +萬 學員的成功見證 1600 +萬 業界名師雙軌培訓 50000 +個 企業媒合工作機會 近期開課 × 你是哪種工作型🔎萬元學習紓困方案抗疫宅家學全站5折 × 【防疫安心學】填表索取免費課程，熱門主題任你選！ 安心學｜填表享線上課程 立即索取 × arrow_upward