您目前的位置 : 易禧首頁 >
 響應式網頁設計

響應式網頁設計


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

響應式網頁設計


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

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

響應式網頁設計能「自動偵測」使用者上網的裝置尺寸,針對不同螢幕的大小去自動調整網頁圖文內容,讓使用者不管是用手機、平板或是電腦觀看網頁時,都能得到最佳瀏覽體驗,不需要一直忙著放大縮小!
因此能偵測裝置尺寸及人性化的頁面瀏覽很重要,學會互動式網頁設計不只能幫你省去大量維護成本,還能提升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網站。平面想轉職網頁設計,挑戰更高的薪水!學習網頁工程師與設計師合作技巧、並快速完成專案。

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

陳佳蔆 個人網頁設計

Anna 個人網頁設計

王唯曜 個人網頁設計

江品萱 個人網頁設計

立即填寫回函,將有專人與您聯絡!

  *為必填資料

  掌握更多資訊

 洽詢專線

(02)2381-9765

 課程地點

台北市重慶南路一段66號9樓