HAHOW 線上課程 一變應萬變：RWD 響應式網頁設計 講師:六角學院(線上程式開發學習單位) 影音教學 中文發音 繁體中文字幕版(DVD版)
內容說明:
課程介紹
還不會目前業界最為流行的響應式網頁設計嗎？讓六角學院線上手把手教會你/妳！
學習目標
掌握響應式網頁設計細節
了解如何跨部門協作響應式網頁設計
懂得如何以 UI / UX 角度設計好的響應式網頁設計
所學知識
在學習這堂課之前，建議同學至少具備 CSS 與 HTML 基礎，舉例來講至少必須了解以下語法的用途
CSS：
.box {
color: red;
}
其中也會建議至少知道以下 CSS 語法用途
transition、background、color、display、overflow
其中也會建議至少知道或使用過 px 以及 width。
HTML：
<ul>
<li class=\"box\"> 這是一段話 </li>
</ul>
了解底下標籤用途
<style></style>
而本課程只會使用到基本的 jQuery 語法，但至少需知道 <script></script> 標籤，並且了解$(document).reday(function() { }) 用途就可以囉，其餘部分老師會在課程中解釋。
所需工具
本課程將會使用 Chrome 網頁瀏覽器來除錯網頁內容
本課程將會使用 Sublime Text 3 編輯器來設計網頁
若不習慣使用 Sublime Text 3 也可以使用 Visual Studio Code 唷！
本課程適用於 Windows、OSX、Linux 的電腦系統
哪些人適合這堂課？
工作上需要設計網頁排版的人，如：網頁設計師、UIUX
工作上需要配合網頁設計進行程式工程的人，如：前端工程師
對於響應式網頁有興趣，想要了解背後工程的人
講師介紹
六角學院 是一所線上程式開發學習單位，目前已累積 20,000 名學員，讓更多人藉由線上學習在職涯規劃上有更多的選擇是我們的使命是，如果您贊同我們的理念，歡迎加入六角。
我們將深入了解您想發展的領域，每位實習生我們都會量身打造專屬於您的舞台，並讓您實際瞭解公司營運 Know how。
課程內容:
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
046_small.png
047_範例codepen.htm
048_tinypng.htm
049_Offcanvas選單範例.htm
049_一般選單範例.htm
049_漢堡選單範例.htm
050_menu-sample.zip
051_menu-Hamburger.zip
052_menu-fixed.zip
053_menu-new-offcanvas.zip
057_8-height-auto.zip
058_網頁
素材與標示文件下載連結.htm
058_線上作業標示文件參考.htm
061_StatCounter.htm
061_設計響應式可提升Google行動版搜尋引擎排名.htm
068_Sublime_Text.pdf
084_Google行動裝置測試.htm
084_pagespeed.htm
相關商品:
HAHOW 線上課程 精通 Bootstrap 4：開發超強不解釋 講師:六角學院(線上程式開發學習單位) 影音教學 中文發音 繁體中文字幕版(DVD版)
HAHOW 線上課程 使用 HTML、CSS 開發一個網站 講師:六角學院(線上程式開發學習單位) 影音教學 中文發音 繁體中文字幕版(DVD版)
HAHOW 線上課程 使用 jQuery 打造互動性網頁動畫效果 講師:六角學院(線上程式開發學習單位) 影音教學 中文發音 繁體中文字幕版(DVD版)
HAHOW 線上課程 開啟 AI 即戰力：打造深度學習機器人 講師:AI 翻轉教室(AI 能力育成者) 影音教學 中文發音 繁體中文字幕版(DVD版)
HAHOW 線上課程 區塊鏈基礎操作：虛擬貨幣實作與技術應用 講師:許明恩(台灣最大的訂閱制區塊鏈媒體《區塊勢》創辦人) 影音教學 中文發音 繁體中文字幕版(DVD版)
