XYZ軟體補給站-XYZ教學網-XYZ教育王
最新目錄光碟
112學年國中高中影音教學
2023年知名線上課程教學
112下學期國小.國中.高中
112上學期國小.國中.高中
111下學期國小.國中.高中
111上學期國小.國中.高中
110年TKB數位學堂影音教學
110年金榜函授影音教學
110年讀享國考小學堂
109年超級函授影音教學
109年高點.高上影音教學
2024年1月1號軟體新片
公職國考.研究所(單科)
所有科目題庫班相關考試
所有科目總複習相關考試
公職國考共同科目
行政.司法相關考試
律師司法官.司法相關
商業.會計.管理相關考試
電子.電機.資訊相關考試
土木.結構.機械相關考試
測量.水利.環工.工業考試
社會.文化.地政.不動產
物理.化學.後醫.插大
護理.營養.衛生.醫類
教育.觀光.心理.語言
警察,消防,法類相關考試
鐵路.郵政.運輸.農業考試
未分類相關考試
106年前所有單科考試
國小.國中.高中教學
國小命題.考卷類.教學
國中命題.考卷類.教學
高中命題.考卷類.教學
三貝德升學王影音教學
三貝德小學王影音教學
萬試通學習王影音教學
翰林雲端學院影音教學
AI學霸網影音教學
行動補習網影音教學
名師學院影音教學
艾爾雲校.一點通.楊明山
國小補習班影音教學
國中補習班影音教學
高中補習班影音教學
四技統測.警專.護理師
公職國考就業(套裝)
公務人員高普考相關考試
關務.移民.外交.民航
國安局.調查局.司法.警察
公務人員鐵路特考
技師執照類相關考試
教職.轉學考.後醫.研究所
國營事業相關考試
106年前所有套裝考試
線上課程綜合教學
YOTTA線上課程綜合教學
HAHOW線上課程綜合教學
PPA線上課程綜合教學
UD線上課程綜合教學
天下線上課程綜合教學
知名線上課程綜合教學
臺灣全民學習平台
專業知識教學
外語檢定、外語綜合教學
專業幼兒綜合教學
迪士尼幼教系列
巧連智幼教系列
運動.減肥.瑜珈.舞蹈
命理.股票.講說DVD
電腦認證與應用學習
專業繪圖軟體
繪圖、圖像、靜態影像
工程繪圖.計算.分析軟體
電子.電機.電信應用軟體
3D動畫、模型、模具軟體
Autodesk系列程式軟體
ADOBE奧多比工具軟體
Corel及訊連系列軟體
PTC參數科技繪圖軟體
影像圖庫視頻素材
程式軟體光碟
程式合輯、軟體合輯
影片、多媒體相關軟體
音樂、聲音相關軟體工具
防毒防駭安全軟體
網頁製作資料庫管理
燒錄光碟製作軟體
字型輸入法軟體
微軟系列程式軟體
麥金塔專用軟體
系統優化.清理.修復工具
掃描.PDF.辦公文書工具
程式開發.數據.資料庫
FTP傳輸.下載.遠端工具
廣告信.電話.郵件工具
報表.會計.統計.數學軟體
硬碟.備份救援.還原工具
未分類、綜合程式軟體
遊戲、影片、音樂
PC電腦遊戲系列
MP3音樂及音樂光碟
電影院縣片系列
亞洲連續劇DVD
歐美連續劇藍光與DVD
卡通動畫與經典影集DVD
演唱會.MTV.卡拉OK
網站首頁 站內搜索 購物結帳 手動下單 問題反應 訂單查詢 訂購說明
您現在的位置:網站首頁 專業知識教學 HAHOW線上課程綜合教學 光碟詳情
商品編號:DHA1000
商品名稱:HAHOW 線上課程 一變應萬變:RWD 響應式網頁設計 講師:六角學院(線上程式開發學習單位) 影音教學 中文發音 繁體中文字幕版(DVD版)
商品分類:HAHOW線上課程綜合教學
語系版本:中文發音 繁體中文字幕版
官方網站:https://xyz567.com
運行平台:官方原版畫質MP4檔,沒有任何平台限制,終身使用
更新日期:2022-09-20
光碟片數:1片DVD光碟
銷售價格:$350元
熱門標籤: 線上程式開發學習單位  六角學院  響應式網頁設計  一變應萬變  HAHOW 

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 線上課程 使用 HTML、CSS 開發一個網站 講師:六角學院(線上程式開發學習單位) 影音教學 中文發音 繁體中文字幕版(DVD版)
  • HAHOW 線上課程 使用 jQuery 打造互動性網頁動畫效果 講師:六角學院(線上程式開發學習單位) 影音教學 中文發音 繁體中文字幕版(DVD版)
  • HAHOW 線上課程 精通 Bootstrap 4:開發超強不解釋 講師:六角學院(線上程式開發學習單位) 影音教學 中文發音 繁體中文字幕版(DVD版)


  • 站內搜索


    請輸入軟體名稱或編號
    購物車
    熱門關鍵字
    HAHOW 資料分析師
    大維&辰禧 風潮音樂
    財經 資料科學
    小安 方植永
    太毅國際 雷永溱
    經理 圖文不符
    語音教學 精誠資訊
    數位時代 賴順賢
    大社群時代 李婷婷
    的科技媒體 胡耀傑
    管理顧問業 劉軒
    六角學院 平方
    先行智庫 李欣頻
    東吳大學 洪子盛
    高見龍 許明恩
    基礎入門 郭懷慈
    軟體工程師 葉家豪
    數位簡報室 蘇書平
    Chang Gary
    Rosie 全方位入門
    百萬 社群力
    阿滴 阿滴英文
    都省瑞 蒂芬泥