SlideShare uma empresa Scribd logo
1 de 33
Baixar para ler offline
Responsive Web Design
Henry Lin
๏
๏
๏
響應式網頁設計 Responsive Web Design by Henry Lin
響應式網頁設計 Responsive Web Design by Henry Lin
響應式網頁設計 Responsive Web Design by Henry Lin
響應式網頁設計 Responsive Web Design by Henry Lin
✓ 

✓ 





✓ 

!
✓ 

!
✓ 

✓
!
✓


✓ 

✓ 

✓
!
✓
!
✓
✓ 

✓ 

✓ 

響應式網頁設計 Responsive Web Design by Henry Lin
響應式網頁設計 Responsive Web Design by Henry Lin
響應式網頁設計 Responsive Web Design by Henry Lin
響應式網頁設計 Responsive Web Design by Henry Lin
Unlearn Web Design
響應式網頁設計 Responsive Web Design by Henry Lin
Logo
Nav 1
Nav 2
Nav 3
Title
Content
Name Name Name
Name Name Name
©
Logo
Nav 1
Nav 2
Nav 3
Title
Content
Name Name Name
Name Name Name
©
✓ 

✓ 



✓ 





Logo
Nav 1
Nav 2
Nav 3
Title
Content
©
Name Name
Name
Name Name Name
響應式網頁設計 Responsive Web Design by Henry Lin
✓ 



✓ 







✓ 







✓ 



✓ 







✓ 







Logo
Nav 1
Nav 2
Nav 3
Title
Content
©
Name
Name
Name
Name
Name
Name
Logo
Nav 1
Title
Content
Name Name
Name Name
Logo
Nav 1 Nav 2 Nav 3
Title
Content
Name Name Name Name Name Name
©
Logo
Nav 1
Nav 2
Nav 3
Title
Content
Name Name Name
Name Name Name
©
Logo
Nav 1
Title
Content
Name Name
Name Name
Logo
Nav 1 Nav 2 Nav 3
Title
Content
Name Name Name Name Name Name
©
Logo
Nav 1
Nav 2
Nav 3
Title
Content
Name Name Name
Name Name Name
©
響應式網頁設計 Responsive Web Design by Henry Lin
✓
✓
響應式網頁設計 Responsive Web Design by Henry Lin
響應式網頁設計 Responsive Web Design by Henry Lin
‣ 



‣ 



‣ 



‣ 



‣ 

‣ 



!
‣ 

‣ 



‣
‣
‣
‣
‣
‣
‣
‣
‣
‣
‣
‣
!
‣
‣
‣
‣
‣ 

‣
響應式網頁設計 Responsive Web Design by Henry Lin

Mais conteúdo relacionado

Mais de Peggy Li

PILOT 3D 實木吊扇
PILOT 3D 實木吊扇PILOT 3D 實木吊扇
PILOT 3D 實木吊扇Peggy Li
 
Ken實木吊扇 產品說明
Ken實木吊扇 產品說明Ken實木吊扇 產品說明
Ken實木吊扇 產品說明Peggy Li
 
肯氏吊扇產品目錄
肯氏吊扇產品目錄肯氏吊扇產品目錄
肯氏吊扇產品目錄Peggy Li
 
感冒吃什麼?感冒廚房圖表(by張孟超中醫師)
感冒吃什麼?感冒廚房圖表(by張孟超中醫師)感冒吃什麼?感冒廚房圖表(by張孟超中醫師)
感冒吃什麼?感冒廚房圖表(by張孟超中醫師)Peggy Li
 
Google SEO 初學者指南(繁體中文版)
Google SEO 初學者指南(繁體中文版)Google SEO 初學者指南(繁體中文版)
Google SEO 初學者指南(繁體中文版)Peggy Li
 
2014 Q2台灣網路行動調查數據報告
2014 Q2台灣網路行動調查數據報告2014 Q2台灣網路行動調查數據報告
2014 Q2台灣網路行動調查數據報告Peggy Li
 
淘寶買家購物行為研究發現 By 渡劫
淘寶買家購物行為研究發現 By 渡劫淘寶買家購物行為研究發現 By 渡劫
淘寶買家購物行為研究發現 By 渡劫Peggy Li
 
2013社群經理人x策展行銷高峰會 如何策動一場擄獲人心的新時尚服秀!w
2013社群經理人x策展行銷高峰會 如何策動一場擄獲人心的新時尚服秀!w2013社群經理人x策展行銷高峰會 如何策動一場擄獲人心的新時尚服秀!w
2013社群經理人x策展行銷高峰會 如何策動一場擄獲人心的新時尚服秀!wPeggy Li
 
Vpon 2013 年第一季台灣行動市場數據報告
Vpon 2013 年第一季台灣行動市場數據報告Vpon 2013 年第一季台灣行動市場數據報告
Vpon 2013 年第一季台灣行動市場數據報告Peggy Li
 
8個覺悟,1個人幸福終老
8個覺悟,1個人幸福終老8個覺悟,1個人幸福終老
8個覺悟,1個人幸福終老Peggy Li
 
【康健雜誌】7招教戰守則!遠離發胖伴手禮
【康健雜誌】7招教戰守則!遠離發胖伴手禮【康健雜誌】7招教戰守則!遠離發胖伴手禮
【康健雜誌】7招教戰守則!遠離發胖伴手禮Peggy Li
 
Hami書城 數位閱讀行為報告
Hami書城 數位閱讀行為報告Hami書城 數位閱讀行為報告
Hami書城 數位閱讀行為報告Peggy Li
 
101年B2C電子商務調查摘要
101年B2C電子商務調查摘要101年B2C電子商務調查摘要
101年B2C電子商務調查摘要Peggy Li
 
省錢玩佈置 租屋族打造溫馨小窩
省錢玩佈置 租屋族打造溫馨小窩省錢玩佈置 租屋族打造溫馨小窩
省錢玩佈置 租屋族打造溫馨小窩Peggy Li
 

Mais de Peggy Li (14)

PILOT 3D 實木吊扇
PILOT 3D 實木吊扇PILOT 3D 實木吊扇
PILOT 3D 實木吊扇
 
Ken實木吊扇 產品說明
Ken實木吊扇 產品說明Ken實木吊扇 產品說明
Ken實木吊扇 產品說明
 
肯氏吊扇產品目錄
肯氏吊扇產品目錄肯氏吊扇產品目錄
肯氏吊扇產品目錄
 
感冒吃什麼?感冒廚房圖表(by張孟超中醫師)
感冒吃什麼?感冒廚房圖表(by張孟超中醫師)感冒吃什麼?感冒廚房圖表(by張孟超中醫師)
感冒吃什麼?感冒廚房圖表(by張孟超中醫師)
 
Google SEO 初學者指南(繁體中文版)
Google SEO 初學者指南(繁體中文版)Google SEO 初學者指南(繁體中文版)
Google SEO 初學者指南(繁體中文版)
 
2014 Q2台灣網路行動調查數據報告
2014 Q2台灣網路行動調查數據報告2014 Q2台灣網路行動調查數據報告
2014 Q2台灣網路行動調查數據報告
 
淘寶買家購物行為研究發現 By 渡劫
淘寶買家購物行為研究發現 By 渡劫淘寶買家購物行為研究發現 By 渡劫
淘寶買家購物行為研究發現 By 渡劫
 
2013社群經理人x策展行銷高峰會 如何策動一場擄獲人心的新時尚服秀!w
2013社群經理人x策展行銷高峰會 如何策動一場擄獲人心的新時尚服秀!w2013社群經理人x策展行銷高峰會 如何策動一場擄獲人心的新時尚服秀!w
2013社群經理人x策展行銷高峰會 如何策動一場擄獲人心的新時尚服秀!w
 
Vpon 2013 年第一季台灣行動市場數據報告
Vpon 2013 年第一季台灣行動市場數據報告Vpon 2013 年第一季台灣行動市場數據報告
Vpon 2013 年第一季台灣行動市場數據報告
 
8個覺悟,1個人幸福終老
8個覺悟,1個人幸福終老8個覺悟,1個人幸福終老
8個覺悟,1個人幸福終老
 
【康健雜誌】7招教戰守則!遠離發胖伴手禮
【康健雜誌】7招教戰守則!遠離發胖伴手禮【康健雜誌】7招教戰守則!遠離發胖伴手禮
【康健雜誌】7招教戰守則!遠離發胖伴手禮
 
Hami書城 數位閱讀行為報告
Hami書城 數位閱讀行為報告Hami書城 數位閱讀行為報告
Hami書城 數位閱讀行為報告
 
101年B2C電子商務調查摘要
101年B2C電子商務調查摘要101年B2C電子商務調查摘要
101年B2C電子商務調查摘要
 
省錢玩佈置 租屋族打造溫馨小窩
省錢玩佈置 租屋族打造溫馨小窩省錢玩佈置 租屋族打造溫馨小窩
省錢玩佈置 租屋族打造溫馨小窩
 

Último

Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Yantram Animation Studio Corporation
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesmilalabial
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfphriedaoyigada
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdfardanaadam1
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 

Último (20)

Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposes
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdf
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 

響應式網頁設計 Responsive Web Design by Henry Lin