軟體王

xyz

會員登錄
您現在的位置:網站首頁 >> 補習班分類 >> HAHOW線上課程綜合教學 >> 碟片詳情
商品編號:
DHA1000
商品名稱:
HAHOW 線上課程 一變應萬變:RWD 響應式網頁設計 講師:六角學院(線上程式開發學習單位) 影音教學 中文發音 繁體中文字幕版(DVD版)
語系版本:
中文發音繁體中文字幕版
運行平台:
官方原版畫質MP4檔,沒有任何平台限制,終身使用
官方網站:
https://www.xyz2009.com.tw
更新日期:
2022-09-20
碟片數量:
1片
銷售價格:
350
瀏覽次數:
3490

轉載TXT文檔】  
您可能感興趣: 素材 Max 
HAHOW 線上課程 一變應萬變:RWD 響應式網頁設計 講師:六角學院(線上程式開發學習單位) 影音教學 中文發音 繁體中文字幕版(DVD版)
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版)


  • 購物清單