響應式網頁設計

讓網頁在多種瀏覽裝置上都能夠順利閱讀和導覽，提升可見度及曝光量，佔盡行銷優勢！

響應式網頁設計

讓網頁在多種瀏覽裝置上都能夠順利閱讀和導覽，提升可見度及曝光量，佔盡行銷優勢！

能有效提高瀏覽頁面的方便度與觀看品質，是現今網頁設計最新趨勢！

響應式網頁設計能「自動偵測」使用者上網的裝置尺寸，針對不同螢幕的大小去自動調整網頁圖文內容，讓使用者不管是用手機、平板或是電腦觀看網頁時，都能得到最佳瀏覽體驗，不需要一直忙著放大縮小！

因此能偵測裝置尺寸及人性化的頁面瀏覽很重要，學會互動式網頁設計不只能幫你省去大量維護成本，還能提升UX使用者體驗，連Google都宣佈，所有網站都將改成行動優先索引！

RWD 網站設計第一步

行動裝置為優先的設計思維

RWD網站設計趨勢與規劃
UI UX的思考重點
One Page& Multi Page 網站設計

網站設計前要思考的事情

網站建置的目標與價值
網站設計流程與規劃
網站的UI/UX設計

設計師必知網際網路概念

何謂www Internet HTML ?
了解瀏覽器作用以及 Domain Name 申請
何謂IP與虛擬主機 /WebServer、DNS與FTP

學會網頁設計好幫手

熟悉Dreamweaver 基本操作

認識HTML5 CSS3基本結構
實戰建立網頁並上傳到主機伺服器
素材準備與規格/檔案管理與命名原則
實踐基本HTML標籤語法操作與概念

Dreamweaver網頁排版

CSS運作概念與語法句型結構/CSS圖文排版技巧
實戰網頁一欄兩欄三欄排版技巧/DIV排版的應用
掌握HTML5版型語法
RWD網頁語法認識/實戰RWD語法排版

實戰Bootstrap Layout

了解 Bootstrap Grid System ，建立欄與列的概念
RWD One Page Layout 網站設計， Menu 導覽系統的建置/使用CDN操作
客製化Bootstrap樣式 / 更改Logo與選單系統樣式
加入JS互動功能效果/ 使用速度感的『page Scroll』
追蹤目前的區塊『scrollSpy』 /淡入淡出轉場特效
實戰線上好用Framework，業界常見動態JS模組分享，學習PHP表單建置

適合對象

想要擺脫傳統網頁設計，製作符合當前趨勢的RWD網站。平面想轉職網頁設計，挑戰更高的薪水！學習網頁工程師與設計師合作技巧、並快速完成專案。

看見學員的設計實力更多上課花絮與作品