IT码上发视频教程
标题:
一变应万变的响应式网页设计(2.05G)
[打印本页]
作者:
itmsf
时间:
2020-5-5 15:20
标题:
一变应万变的响应式网页设计(2.05G)
一变应万变的响应式网页设计(2.05G)
〖课程介绍〗:
一变应万变的响应式网页设计(2.05G)
〖课程目录〗:
━01 六角學院線上資源
━01 六角學院線上資源
┗━━001 六角學院線上社團.html
┗━━001 六角學院線上社團.html
━02 基本環境介紹
━02 基本環境介紹
┣━━002 什麼是響應式網頁設計?(上).mp4
┣━━002 什麼是響應式網頁設計?(上).mp4
┣━━003 什麼是響應式網頁設計?(下).mp4
┣━━003 什麼是響應式網頁設計?(下).mp4
┣━━004 1-viewport.zip
┣━━004 1-viewport.zip
┣━━004 基本環境建立 (上).mp4
┣━━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
━Quiz(responsive).html
〖视频截图〗:
WX20200505-150157@2x.png
(105.76 KB, 下载次数: 68)
下载附件
2020-5-5 15:03 上传
〖百度网盘下载地址〗:
---------------------------------华丽分割线--------------------------------华丽分割线-------------------华丽分割线-------------------------华丽分割线----------------
〖下载地址失效反馈〗:
如果下载地址失效,请尽快反馈给我们,我们尽快修复。反馈地址:
https://www.itmsf.com/forum-66-1.html
〖赞助VIP免学币下载全站资源〗:
全站资源高清无密,每天更新,vip特权了解一下:
https://www.itmsf.com/plugin.php?id=threed_vip
〖客服24小时咨询〗:
有任何问题,请点击右侧QQ咨询。
作者:
gaoyuan1223m
时间:
2020-5-6 20:05
太生气了,无法HOLD啦 >_<......为什么我才发现【IT码上发视频学习网】这样的好站!
作者:
cms0315
时间:
2020-7-6 10:56
太生气了,无法HOLD啦 >_<......为什么我才发现【IT码上发视频学习网】这样的好站!
作者:
hpc19950723
时间:
2020-8-11 04:10
强烈支持IT码上发视频学习网,IT码上发视频学习网就是给力!
作者:
mage
时间:
2020-11-12 09:17
看到这样的好资源真是高兴!感谢【IT码上发视频学习网】的无私分享!
作者:
2303833249
时间:
2021-3-15 14:56
无回帖,不论坛,这才是人道。支持【IT码上发视频学习网】!
作者:
siti01
时间:
2022-1-6 11:25
真是难得给力的资源啊!支持【IT码上发视频学习网】!
作者:
lyd723
时间:
2022-8-15 10:19
淡定,淡定,淡定……【IT码上发视频学习网】就是这么666!
作者:
itmsf_user2180
时间:
2022-8-15 16:16
真是难得给力的资源啊!支持【IT码上发视频学习网】!
作者:
lepin2001
时间:
2022-9-21 10:59
淡定,淡定,淡定……【IT码上发视频学习网】就是这么666!
作者:
hipai
时间:
2023-1-2 16:55
【IT码上发视频学习网】加油,我们都看好你哦,快分享更多好资源吧!
欢迎光临 IT码上发视频教程 (https://www.itmsf.com/)
Powered by Discuz! X3.3