[교육목적/특징]

■ 모바일 및 다양한 크기의 디바이스에 최적화된 반응형 웹디자인 방법 학습
■ 반응형 웹디자인을 구현하기 위해 HTML5와 CSS3 기술 소개
■ 다양한 반응형 웹디자인 예제를 통해 크로스 브라우징 환경에 대한 대응 방법을 소개
■ 따라할 수 있는 단계별 예제를 통해 반응형 웹디자인을 적용한 웹사이트의 제작 프로세스를 학습

[교육대상]

■ 반응형 웹디자인에 대한 개념과 제작 기술을 학습하고자 하시는 분
■ HTML5와 CSS3 기술에 관심이 많으신 분
■ 기획자와 디자이너 개발자 등 웹과 관련한 모든 직종에 종사하시는 분
■ 디지털 시대의 기업의 웹과 모바일 환경에 관심이 많으신 분

[교육내용]

1일차
[Phase 01] 반응형 웹디자인의 개요
- 반응형 웹디자인(RWD) 이란?
- 적용사례
- 모바일 First VS 콘텐츠 First

[Phase 02] 반응형 웹디자인을 위한 레이아웃 패턴
○레이아웃 패턴
- Fluid Grids
- Column Drop
- Layout Shifter
- Tiny Tweaks
- Off Canvas

2일차
[Phase 03] HTML5 마크업 실습
○ HTML5를 활용한 구조 설계
- One Source Multi Use
- HTML5의 Sementic 요소
- Web Forms 2.0

[Phase 04]CSS3 디자인 실습
○ 반응형 웹디자인 실습
- Fluid Layout
- Flexible Image
- Media Queries

3일차
[Phase 05] 크로스 브라우징 이슈와 반응형 웹디자인을 위한 프레임워크
○ IE8 이하 대응방법
- HTML5 Shiv
- CSS3 PIE
- Respond.min.js
○ 부트스트랩(Bootstrap) 맛보기

* 교육인원이 부족할 시 교육이 취소될 수 있으며, 유선상으로 안내해드립니다.