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