查看購物車    購物須知    聯係我們    加入最愛   
網站首頁 購物結帳 手動下單 訂單查詢 問題反應 軟體安裝說明
您的位置: 網站首頁 >> 升學.考試.進修 >> Udemy線上課程綜合教學 >> 商品詳情
最新上架
商品分類
商品詳情
一變應萬變的響應式網頁設計(含教材)還不會目前業界最為流行的響應式網頁設計嗎?讓六角學院線上手把手教會你/妳! 影音教學DVD版
商品編號:xc11377
本站售價:NT$200
碟片片數:1
瀏覽次數:
顧客還購買了
商品描述
--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
影片名稱: 一變應萬變的響應式網頁設計(含教材)還不會目前業界最為流行的響應式網頁設計嗎?讓六角學院線上手把手教會你/妳!
語系版本: 影音教學DVD版
光碟片數: 單片裝(單面DVD)
安裝說明:MP4檔
作業平臺:Windows 7/8/10
影片類型: 教育軟體/課程/教學
更新日期: 2020.07.14
相關網址:
軟體簡介: (以官方網站為準)
--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

您會學到
掌握響應式網頁設計細節
了解如何跨部門協作響應式網頁設計
懂得如何以 UI / UX 角度設計好的響應式網頁設計
影片介紹:




課程內容:


├─01 六角學院線上資源
│ 001 六角學院線上社團.html

├─02 基本環境介紹
│ 002 什麼是響應式網頁設計?(上).mp4
│ 003 什麼是響應式網頁設計?(下).mp4
│ 004 1-viewport.zip
│ 004 基本環境建立 (上).mp4
│ 005 基本環境建立 (下).mp4
│ 006 1-maxwidth.zip
│ 006 CSS 3 Media Query 觀念 (上).mp4
│ 007 CSS 3 Media Query 觀念 (下).mp4
│ 008 1-minwidth.zip
│ 008 min-width 語法教學.mp4
│ 009 你知道瀏覽器內建就有模擬 Mobile 介面工具了嗎?.mp4
│ 010 六角學院線上問答會.html



├─03 常見版型佈局設定
│ 011 禁止顯示 x 軸法則.mp4
│ 012 max-width:一個小設定輕易將網頁設定成流體式佈局.mp4
│ 013 版型單位 % 數觀念.mp4
│ 014 2-maxwidth-percent.zip
│ 014 三欄流體式設計.mp4
│ 015 2-floatleft-rightcontent.zip
│ 015 左側 Float固定、右側流體式設計.mp4
│ 016 2-maxwidth-percent-none.zip
│ 016 Float:none 清除浮動並排效果.mp4
│ 017 2-website.zip
│ 017 網站版型框架設定.mp4
│ 018 images.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
│ 027 5-mobilefirst.zip
│ 027 什麼是 Mobile First 與 Desktop First 優先?.mp4
│ 028 5-whymobilefirst.zip
│ 028 為何要考量 Mobile First 與 Desktop 優先的網頁版型?.mp4
│ 029 常見 PC 解析度斷點設計.mp4
│ 030 Viewport Sizes 服務網站介紹.mp4
│ 031 六角講師斷點設計分享.html

├─06 響應式表格與表單設計
│ 032 6-table-none.zip
│ 032 響應式表格設計 (上).mp4
│ 033 6-table-overflow.zip
│ 033 響應式表格設計 (下).mp4
│ 034 pure.css:加強你對網頁元素的了解.mp4
│ 035 pure.css:按鈕設計原理.mp4
│ 036 6-purebutton.zip
│ 036 pure.css:自行新增子模組.mp4
│ 037 pure.css:重新認識表單狀態.mp4
│ 038 6-formchange.zip
│ 038 pure.css:如何將表單整合至網頁.mp4
│ 039 表單設計:文字欄位並非只有「text」.mp4



├─07 響應式圖形設計
│ 040 8-maxwidth.zip
│ 040 基礎篇:響應式圖片設計.mp4
│ 041 8-reset.zip
│ 041 基礎篇:響應式圖片 reset 教學.mp4
│ 042 8-bigimg.zip
│ 042 心法篇:圖片 SIZE 規劃,刻意設計較大張一點的技巧.mp4
│ 043 心法篇:判斷圖片使用時機.mp4
│ 044 SVG 篇:向量圖片介紹.mp4
│ 045 logo.ai.zip
│ 045 SVG 篇:繪圖軟體匯出 svg 與 png 圖片流程.mp4
│ 046 8-svg-logo.zip
│ 046 SVG 篇:將 LOGO 取代為 SVG 格式.mp4
│ 047 big.png
│ 047 small.png
│ 047 技巧篇:Banner 設計 - 縮放圖片原理.mp4
│ 048 -codepen.txt
│ 048 技巧篇:Banner 設計 - 背景擷取.mp4
│ 049 TinyPNG.txt
│ 049 工具篇: tinypng 壓縮圖片服務.mp4

├─08 常見響應式設計選單
│ 050 -.txt
│ 050 Off-canvas-.txt
│ 050 響應式選單常見樣式.mp4
│ 051 menu-sample.zip
│ 051 多欄多列式設計細節.mp4
│ 052 menu-Hamburger.zip
│ 052 漢堡選單設計.mp4
│ 053 menu-fixed.zip
│ 053 固定式選單 (Fixed).mp4
│ 054 menu-new-offcanvas.zip
│ 054 Off Canvas 選單設計.mp4
│ 055 選單設計總結.mp4



├─09 開始實作前的注意事項
│ 056 確認你的 media query 設定.mp4
│ 057 media 到底要全部寫在一起還是隔離.mp4
│ 058 8-height-auto.zip
│ 058 請不要習慣寫死高度.mp4

├─10 最後,讓你的響應式網頁設計更專業
│ 059 最終作業寄送 mail 變更.html
│ 060 -.txt
│ 060 最後一版作業練習.mp4
│ 061 最後一版作業細節 (多頁設計).mp4
│ 062 最後一版作業評分標準.mp4

├─11 PM、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 無痛整合,提升網頁開發效率
│ 070 Sass+Sublime Text 3 插件安裝.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
│ 082 CSS 固定背景的手法.mp4
│ 083 一頁式宣傳頁常用的選單滑動效果.mp4
│ 084 動態顯示的進度條.mp4
│ 085 滾動套用 CSS 效果.mp4
│ 086 滾動中持續改變物件位置 (CSS transform).mp4



└─14 響應式工具與服務介紹
087 Google-.txt
087 Google-mobile-friendly.txt
087 PageSpeed:使用 Google 線上服務觀察 Mobile 速度與使用體驗.mp4

--=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=