下一節: 阿里百秀news制作(上)562 次播放

5 秒后自动播放下一节
  重新觀看

行動端佈局:HTML5+CSS3進階加強版

介紹 >
章節課件
第1章H5C3加強

HTML5導讀

01分鐘30秒

vscode基本使用

15分鐘21秒

vscode插件安裝

11分鐘30秒

什麼是HTML5

04分鐘53秒

HTML5新增標籤

09分鐘30秒

多媒體音訊標籤

12分鐘10秒

多媒體影片標籤

15分鐘03秒

HTML5新增input標籤

12分鐘02秒

HTML5新增表單屬性

12分鐘32秒

HTML5小結

06分鐘52秒

CSS3導讀

02分鐘39秒

CSS3屬性選擇器(上)

11分鐘18秒

CSS3屬性選擇器(下)

10分鐘46秒

CSS3結構偽類選擇器(上)

06分鐘19秒

nth-child(n)

12分鐘47秒

nth-child和nth-of-type的區別

10分鐘22秒

結構偽類選擇器總結

02分鐘02秒

CSS3偽元素選擇器

08分鐘48秒

偽元素選擇器案例

09分鐘26秒

2D轉換之translate

13分鐘07秒

讓一個盒子水平垂直居中

09分鐘18秒

2D轉換之rotate

05分鐘55秒

CSS3三角

07分鐘23秒

設定轉換中心點

06分鐘09秒

旋轉中心點案例

06分鐘56秒

2D轉換之scale

06分鐘56秒

圖片放大案例

11分鐘07秒

分頁按鈕案例

03分鐘20秒

2D轉換綜合寫法以及順序問題

05分鐘38秒

2D轉換小結

03分鐘06秒

CSS3動畫基本使用

08分鐘56秒

動畫序列

12分鐘41秒

CSS3動畫常見屬性

16分鐘08秒

CSS3動畫簡寫

07分鐘17秒

大數據熱點圖案例(上)

14分鐘08秒

大數據熱點圖案例(下)

14分鐘10秒

速度曲線之steps步長

08分鐘28秒

奔跑的熊大案例

14分鐘25秒

認識3D轉換

05分鐘20秒

3D轉換translate3d

07分鐘57秒

透視perspective

08分鐘53秒

translateZ

09分鐘23秒

3D旋轉rotateX

09分鐘43秒

3D旋轉rotateY

03分鐘55秒

3D旋轉rotateZ

05分鐘50秒

3D呈現transform-style

11分鐘03秒

兩面翻轉盒子案例

12分鐘57秒

3D導覽列(上)

12分鐘26秒

3D導覽列(下)

10分鐘48秒

綜合案例-旋轉木馬案例(上)

08分鐘40秒

綜合案例-旋轉木馬案例(下)

08分鐘34秒

瀏覽器私有前綴以及總結

11分鐘13秒
第2章串流佈局

行動WEB開發串流佈局導讀

01分鐘59秒

行動端基礎

09分鐘31秒

視窗

09分鐘02秒

meta視口標籤

06分鐘53秒

物理像素與物理像素比

08分鐘45秒

二倍圖

12分鐘13秒

背景縮放background-size

10分鐘46秒

背景二倍圖以及多倍圖切圖

05分鐘38秒

行動端開發選擇

04分鐘32秒

行動端技術解決方案

10分鐘29秒

行動端特殊樣式

04分鐘53秒

行動端技術選型

03分鐘40秒

串流佈局

10分鐘32秒

京東行動端首頁準備工作

06分鐘58秒

body設定

06分鐘29秒

app佈局

08分鐘29秒

app內容填充

07分鐘01秒

搜尋模組佈局

09分鐘16秒

搜尋模組內容製作

08分鐘44秒

二倍精靈圖的做法

08分鐘15秒

焦點圖製作

06分鐘45秒

品牌日模組製作

07分鐘28秒

導覽列nav模組製作

11分鐘22秒

新聞快報模組

07分鐘22秒

京東行動端首頁結束2

04分鐘31秒
第3章flex

移動WEB開發flex佈局導讀

01分鐘14秒

flex佈局體驗

07分鐘02秒

flex佈局原理

04分鐘16秒

flex設定主軸方向

08分鐘14秒

justify-content設定主軸子元素排列

10分鐘05秒

flex-wrap子元素是否換行

04分鐘57秒

align-items設定側軸子元素排列

07分鐘35秒

align-content設定側軸子元素排列

11分鐘01秒

flex-flow以及總結

03分鐘45秒

子項flex屬性使用

14分鐘31秒

align-self和order

04分鐘47秒

攜程行動裝置首頁準備工作

06分鐘46秒

首頁佈局分析以及搜尋模組佈局

09分鐘10秒

搜尋模組user製作

12分鐘11秒

搜尋模組製作search製作

11分鐘22秒

焦點圖focus模組製作

02分鐘47秒

local-nav佈局

05分鐘17秒

local-nav內容製作

11分鐘38秒

利用屬性選擇器更換背景圖片

04分鐘44秒

nav外觀佈局

08分鐘50秒

nav內容製作

10分鐘59秒

背景漸層linear-gradient

06分鐘14秒

subnav-entry模組製作

熱門活動模組製作

更多福利模組製作

sales-bd模組製作3

第4章rem佈局

行動WEB開發rem適配佈局導讀

01分鐘20秒

rem單位

11分鐘13秒

媒體查詢文法簡介

09分鐘58秒

媒體查詢案例背景變色

12分鐘20秒

媒體查詢+rem實作元素動態大小變化

07分鐘41秒

媒體查詢引進資源

09分鐘12秒

CSS的弊端

05分鐘22秒

LESS簡介以及使用變數

09分鐘04秒

less編譯easyless插件

08分鐘56秒

less嵌套

10分鐘17秒

less運算

05分鐘57秒

rem適配方案原理

11分鐘53秒

rem最終適配方案

11分鐘45秒

蘇寧首頁common.less製作

04分鐘43秒

蘇寧首頁import導入樣式

04分鐘03秒

蘇寧首頁body樣式設定

07分鐘28秒

蘇寧首頁search-content模組佈局

09分鐘02秒

蘇寧首頁search-content內容版面

蘇寧首頁-search模組製作

蘇寧首頁banner和廣告模組製作

蘇寧首頁nav部分製作

rem適配方案2flexble.js簡介

04分鐘27秒

rem適配方案2蘇寧首頁前期準備工作

03分鐘29秒

rem適配方案2body樣式修改

一個神奇的vscode插件cssrem

修改flexible預設html字體大小

rem適配方案2 search-content內容製作1

rem適配方案2 search-content內容製作2

第5章響應式佈局

行動web開發響應式導讀

02分鐘47秒

響應式開發原理

03分鐘01秒

響應式佈局容器

12分鐘23秒

響應式導航案例

06分鐘11秒

Bootstrap簡介

10分鐘08秒

Bootstrap使用(上)

08分鐘31秒

Bootstrap使用(下)

05分鐘17秒

Bootstrap佈局容器

03分鐘51秒

Bootstrap柵格系統

04分鐘58秒

Bootstrap柵格系統使用(上)

12分鐘38秒

Bootstrap柵格系統使用(下)

06分鐘28秒

Bootstrap列嵌套

08分鐘07秒

Bootstrap列偏移

08分鐘06秒

Bootstrap列排序

03分鐘21秒

Bootstrap響應式工具

06分鐘22秒

阿里百秀需求分析

05分鐘59秒

阿里百秀前期準備工作

03分鐘58秒

修改container最大寬度

03分鐘50秒

阿里百秀logo製作

08分鐘02秒

阿里百秀nav製作引入字體圖標

08分鐘32秒

阿里百秀news製作(上)

12分鐘20秒

阿里百秀news製作(下)

03分鐘24秒

阿里百秀publish模組製作

11分鐘50秒

阿里百秀aside模組製作

阿里百秀logo響應式製作

09分鐘27秒

阿里百秀nav響應式製作

04分鐘51秒

阿里百秀news響應式製作

05分鐘35秒

阿里百秀publish響應式製作

05分鐘04秒

行動端開發總結

03分鐘07秒
  • 取消回覆傳送
  • 取消發佈筆記傳送