HAHOW 線上課程 一變應萬變 RWD 響應式網頁設計 講師:六角學院(線上程式開發學習單位) 影音教學 中文發音 繁體中文字幕版(DVD版)
001_課前說明.mp4
002_什麼是響應式網頁設計？(上).mp4
003_什麼是響應式網頁設計？(下).mp4
004_基本環境建立(上).mp4
005_基本環境建立(下).mp4
006_CSS3MediaQuery觀念(上).mp4
007_CSS3MediaQuery觀念(下).mp4
008_min-width語法教學.mp4
009_你知道瀏覽器內建就有模擬Mobile介面工具了嗎？.mp4
010_禁止顯示x軸法則.mp4
011_max-width_一個小設定輕易將網頁設定成流體式佈局.mp4
012_版型單位_數觀念.mp4
013_三欄流體式設計.mp4
014_左側Float固定、右側流體式設計.mp4
015_Float_none清除浮動並排效果.mp4
016_網站版型框架設定.mp4
017_第二章節補充檔案.mp4
018_動線設計_並非所有內容都要全部塞到網頁內容.mp4
019_斷點時機_設計多欄式佈局的必要觀念.mp4
020_點擊範圍_設計讓人好點選的元素.mp4
021_少即是多_避免資訊量爆炸.mp4
022_載具特性_使用者行為touch、hover傻傻分不清楚.mp4
023_斷點元素_只有手機才會顯示的功能與Layout切換.mp4
024_先要有個認知，響應式無法讓所有螢幕解析度都最佳化.mp4
025_遵循80_20法則，先兼容熱門瀏覽器吧！.mp4
026_什麼是MobileFirst與DesktopFirst優先？.mp4
027_為何要考量MobileFirst與Desktop優先的網頁版型？.mp4
028_常見PC解析度斷點設計.mp4
029_ViewportSizes服務網站介紹.mp4
030_六角講師斷點設計分享.mp4
031_響應式表格設計(上).mp4
032_響應式表格設計(下).mp4
033_pure.css_加強你對網頁元素的了解.mp4
034_pure.css_按鈕設計原理.mp4
035_pure.css_自行新增子模組.mp4
036_pure.css_重新認識表單狀態.mp4
037_pure.css_如何將表單整合至網頁.mp4
038_表單設計_文字欄位並非只有「text」.mp4
039_基礎篇_響應式圖片設計.mp4
040_基礎篇_響應式圖片reset教學.mp4
041_心法篇_圖片SIZE規劃，刻意設計較大張一點的技巧.mp4
042_心法篇_判斷圖片使用時機.mp4
043_SVG篇_向量圖片介紹.mp4
044_SVG篇_繪圖軟體匯出svg與png圖片流程.mp4
045_SVG篇_將LOGO取代為SVG格式.mp4
046_技巧篇_Banner設計-縮放圖片原理.mp4
047_技巧篇_Banner設計-背景擷取.mp4
048_工具篇_tinypng壓縮圖片服務.mp4
049_響應式選單常見樣式.mp4
050_多欄多列式設計細節.mp4
051_漢堡選單設計.mp4
052_固定式選單(Fixed).mp4
053_OffCanvas選單設計.mp4
054_選單設計總結.mp4
055_確認你的mediaquery設定.mp4
056_media到底要全部寫在一起還是隔離.mp4
057_請不要習慣寫死高度.mp4
058_最後一版實作練習.mp4
059_最後一版實作細節(多頁設計).mp4
060_最後一版實作解析_如何評斷網頁設計的好壞？.mp4
061_業務篇_如何說服客戶導入響應式設計.mp4
062_業務篇_各部門投入人力時程比較.mp4
063_企劃篇_為客戶量身打造客製化斷點設計.mp4
064_企劃篇_開發過程中，你需要與客戶溝通的建置與維護細節.mp4
065_前端篇_設計一套讓客戶能夠自行上稿的template.mp4
066_前端篇_注意網頁載入速度與效能問題.mp4
067_全部門_以電子商務網頁版型為例進行探討.mp4
068_Sass+SublimeText3插件安裝.mp4
069_環境篇-簡單編譯環境，輕鬆好上手.mp4
070_寫法篇-減少重工負擔.mp4
071_變數篇-整合相同設定好幫手.mp4
072_拆檔篇-@import_每隻Sass檔專心做一件事情.mp4
073_工具篇-@mixin_將常用語法化簡為自己的知識庫.mp4
074_載具篇-@mixin+@content設計響應式設計超方便.mp4
075_結構篇-如何循序漸進優化網頁架構.mp4
076_視差滾動簡介.mp4
077_視差滾動練習範例.mp4
078_視差滾動基本環境介紹.mp4
079_CSS固定背景的手法.mp4
080_一頁式宣傳頁常用的選單滑動效果.mp4
081_動態顯示的進度條.mp4
082_滾動套用CSS效果.mp4
083_滾動中持續改變物件位置(CSStransform).mp4
084_PageSpeed_使用Google線上服務觀察Mobile速度與使用體驗.mp4
教材
004_1-viewport.zip
006_1-maxwidth.zip
008_1-minwidth.zip
013_2-maxwidth-percent.zip
014_2-floatleft-rightcontent.zip
015_2-maxwidth-percent-none.zip
016_2-website.zip
017_images.zip
026_5-mobilefirst.zip
027_5-whymobilefirst.zip
031_6-table-none.zip
032_6-table-overflow.zip
035_6-purebutton.zip
037_6-formchange.zip
039_8-maxwidth.zip
040_8-reset.zip
041_8-bigimg.zip
044_logo.ai.zip
045_8-svg-logo.zip
046_big.png
047_範例_codepen
048_tinypng
049_一般選單範例
050_menu-sample.zip
051_menu-Hamburger.zip
052_menu-fixed.zip
053_menu-new-offcanvas.zip
057_8-height-auto.zip
058_網頁素材與標示文件下載連結
061_設計響應式可提升_Google_行動版搜尋引擎排名
068_Sublime_Text.pdf
084_Google_行動裝置測試
|
|
您現在的位置：
專業知識教學
