【Udemy線上課程】一變應萬變的響應式網頁設計(含教材)還不會目前業界最為流行的響應式網頁設計嗎？讓六角學院線上手把手教會你/妳！影音教學 完整版(1片裝DVD)

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