Udemy線上課程 一變應萬變的響應式網頁設計(含教材) 講師:廖洧傑 liao 影音教學 中文發音 繁體中文字幕版(DVD版) Udemy線上課程一變應萬變的響應式網頁設計(含教材)講師:廖洧傑liao影音教學中文發音繁體中文字幕版(DVD版) 內容說明: 您會學到 掌握響應式網頁設計細節 了解如何跨部門協作響應式網頁設計 懂得如何以UI/UX角度設計好的響應式網頁設計 影片介紹: 課程內容: ├─01六角學院線上資源 │001六角學院線上社團.html │ ├─02基本環境介紹 │002什麼是響應式網頁設計？(上).mp4 │003什麼是響應式網頁設計？(下).mp4 │0041-viewport.zip │004基本環境建立(上).mp4 │005基本環境建立(下).mp4 │0061-maxwidth.zip │006CSS3MediaQuery觀念(上).mp4 │007CSS3MediaQuery觀念(下).mp4 │0081-minwidth.zip │008min-width語法教學.mp4 │009你知道瀏覽器內建就有模擬Mobile介面工具了嗎？.mp4 │010六角學院線上問答會.html │ ├─03常見版型佈局設定 │011禁止顯示x軸法則.mp4 │012max-width：一個小設定輕易將網頁設定成流體式佈局.mp4 │013版型單位%數觀念.mp4 │0142-maxwidth-percent.zip │014三欄流體式設計.mp4 │0152-floatleft-rightcontent.zip │015左側Float固定、右側流體式設計.mp4 │0162-maxwidth-percent-none.zip │016Float：none清除浮動並排效果.mp4 │0172-website.zip │017網站版型框架設定.mp4 │018images.zip │018第二章作業.mp4 │ ├─04以UI設計角度切入響應式設計該注意的細節 │019動線設計：並非所有內容都要全部塞到網頁內容.mp4 │020斷點時機：設計多欄式佈局的必要觀念.mp4 │021點擊範圍：設計讓人好點選的元素.mp4 │022少即是多：避免資訊量爆炸.mp4 │023載具特性：使用者行為touch、hover傻傻分不清楚.mp4 │024斷點元素：只有手機才會顯示的功能與Layout切換.mp4 │ ├─05斷點規劃 │025先要有個認知，響應式無法讓所有螢幕解析度都最佳化.mp4 │026遵循80_20法則，先兼容熱門瀏覽器吧！.mp4 │0275-mobilefirst.zip │027什麼是MobileFirst與DesktopFirst優先？.mp4 │0285-whymobilefirst.zip │028為何要考量MobileFirst與Desktop優先的網頁版型？.mp4 │029常見PC解析度斷點設計.mp4 │030ViewportSizes服務網站介紹.mp4 │031六角講師斷點設計分享.html │ ├─06響應式表格與表單設計 │0326-table-none.zip │032響應式表格設計(上).mp4 │0336-table-overflow.zip │033響應式表格設計(下).mp4 │034pure.css：加強你對網頁元素的了解.mp4 │035pure.css：按鈕設計原理.mp4 │0366-purebutton.zip │036pure.css：自行新增子模組.mp4 │037pure.css：重新認識表單狀態.mp4 │0386-formchange.zip │038pure.css：如何將表單整合至網頁.mp4 │039表單設計：文字欄位並非只有「text」.mp4 │ ├─07響應式圖形設計 │0408-maxwidth.zip │040基礎篇：響應式圖片設計.mp4 │0418-reset.zip │041基礎篇：響應式圖片reset教學.mp4 │0428-bigimg.zip │042心法篇：圖片SIZE規劃，刻意設計較大張一點的技巧.mp4 │043心法篇：判斷圖片使用時機.mp4 │044SVG篇：向量圖片介紹.mp4 │045logo.ai.zip │045SVG篇：繪圖軟體匯出svg與png圖片流程.mp4 │0468-svg-logo.zip │046SVG篇：將LOGO取代為SVG格式.mp4 │047big.png │047small.png │047技巧篇：Banner設計-縮放圖片原理.mp4 │048-codepen.txt │048技巧篇：Banner設計-背景擷取.mp4 │049TinyPNG.txt │049工具篇：tinypng壓縮圖片服務.mp4 │ ├─08常見響應式設計選單 │050-.txt │050Off-canvas-.txt │050響應式選單常見樣式.mp4 │051menu-sample.zip │051多欄多列式設計細節.mp4 │052menu-Hamburger.zip │052漢堡選單設計.mp4 │053menu-fixed.zip │053固定式選單(Fixed).mp4 │054menu-new-offcanvas.zip │054OffCanvas選單設計.mp4 │055選單設計總結.mp4 │ ├─09開始實作前的注意事項 │056確認你的mediaquery設定.mp4 │057media到底要全部寫在一起還是隔離.mp4 │0588-height-auto.zip │058請不要習慣寫死高度.mp4 │ ├─10最後，讓你的響應式網頁設計更專業 │059最終作業寄送mail變更.html │060-.txt │060最後一版作業練習.mp4 │061最後一版作業細節(多頁設計).mp4 │062最後一版作業評分標準.mp4 │ ├─11PM、Sales、Art、F2E、Backend之間如何真心合作 │063-Google-.txt │063業務篇：如何說服客戶導入響應式設計.mp4 │064業務篇：各部門投入人力時程比較.mp4 │065企劃篇：為客戶量身打造客製化斷點設計.mp4 │066企劃篇：開發過程中，你需要與客戶溝通的建置與維護細節.mp4 │067前端篇：設計一套讓客戶能夠自行上稿的template.mp4 │068前端篇：注意網頁載入速度與效能問題.mp4 │069全部門：以電子商務網頁版型為例進行探討.mp4 │ ├─12彩蛋課程：Sass、RWD無痛整合，提升網頁開發效率 │070Sass+SublimeText3插件安裝.html │071環境篇-簡單編譯環境，輕鬆好上手.mp4 │072寫法篇-減少重工負擔.mp4 │073變數篇-整合相同設定好幫手.mp4 │074拆檔篇-@import_每隻Sass檔專心做一件事情.mp4 │075工具篇-@mixin_將常用語法化簡為自己的知識庫.mp4 │076載具篇-@mixin+@content設計響應式設計超方便.mp4 │077結構篇-如何循序漸進優化網頁架構.mp4 │078作業篇-試著將作業改成SASS架構.mp4 │ ├─13彩蛋課程：視差滾動網頁設計 │079視差滾動簡介.mp4 │080視差滾動練習範例.html │081視差滾動基本環境介紹.mp4 │082CSS固定背景的手法.mp4 │083一頁式宣傳頁常用的選單滑動效果.mp4 │084動態顯示的進度條.mp4 │085滾動套用CSS效果.mp4 │086滾動中持續改變物件位置(CSStransform).mp4 │ └─14響應式工具與服務介紹 087Google-.txt 087Google-mobile-friendly.txt 087PageSpeed：使用Google線上服務觀察Mobile速度與使用體驗.mp4 相關商品:Udemy線上課程Sass實戰全攻略-成為前1%的CSS頂尖好手講師:廖洧傑liao影音教學中文發音繁體中文字幕版(DVD版)Udemy線上課程NodeJS前後端開發實戰(含教材)講師:廖洧傑liao影音教學中文發音繁體中文字幕版(2DVD)Udemy線上課程GoogleTagManager-從入門到進階講師:DamonLiao影音教學中文發音繁體中文字幕版(DVD版)Udemy線上課程如何打造一頁式金流商務網頁(含教材)講師:廖洧傑liao影音教學中文發音繁體中文字幕版(DVD版)Udemy線上課程使用jQuery打造互動性網頁動畫效果(含教材)講師:廖洧傑liao影音教學中文發音繁體中文字幕版(DVD版)