목차
서문. 멀티 디바이스 대응: 사이트의 필요성과 과제
01. 지금 요구되고 있는 웹 사이트
- 멀티 디바이스 대응이란
- 멀티 디바이스 대응의 필요성
- 현재의 웹 사이트로는 충분하지 않은가
02. 멀티 디바이스 대응 방법
- 여러 가지 멀티 디바이스 대응
- 기존 방법의 과제
- 사용자 에이전트에 따른 자동 전환 방법의 장점
---- COLUMN 다양화된 스마트폰 관련 환경
제1장. 반응형 웹 디자인의 기본
01. 반응형 웹 디자인이란
- 반응형 웹 디자인을 구성하는 기술
- 반응형 웹 디자인의 장점
- 반응형 웹 디자인의 단점
- 반응형 웹 디자인의 구축 사례
---- COLUMN. 반응형 웹 디자인 사이트를 모아놓은 Media Queries
02. 미디어 쿼리 사용 방법
- 미디어 쿼리의 기본
- 미디어 쿼리를 사용
- 스타일의 작성 순서
03. 플루이드 그리드의 지정
- 플루이드 그리드의 기본
- 고정 레이아웃에 따른 페이지 제작
- 고정 레이아웃에서 가변 레이아웃으로 변환
- 플루이드 그리드와 미디어 쿼리의 조합
04. 플루이드 이미지의 지정
제2장. 사이트 제작 워크 플로우와 사이트 설계의 기본
01. 반응형 웹 디자인의 제작 워크 플로우
- 종래의 제작 워크 플로우와의 차이
---- COLUMN. 와이어 프레임 작성 도구
- 사전 디자인은 필요함
- 올바른 워크 플로우를 위하여
---- COLUMN. Adobe Edge Reflow
02. 터치 디바이스용의 디자인
- 터치 디바이스의 특징
---- COLUMN. iOS 휴먼 인터페이스 가이드라인
03. 대상 브라우저와 대상 디바이스 결정
- 대응 정도의 수준 분배
- 대상 OS
- 대상 브라우저
---- COLUMN. 구 버전의 IE 대응이 중요
- 대상 디바이스
04. Mobile First
- 왜 Mobile First인가
- Mobile First의 예
---- COLUMN. 보다 깊은 Mobile Firs
출판사 서평
반응형 웹 디자인이란?
화면 사이즈가 다른 각 디바이스(PC, 태블릿, 스마트폰에 대하여 최적화된 사이트를 구현하기 위한 제작 방법입니다. 미국의 디자이너인 Ethan Marcotte가 고안하여 2010년 5월?에 발표한 것이 그 시작입니다.
반응형 웹 디자인의 최대 특징은 다음의 두 가지입니다.
- 각 디바이스에 최적화된 페이지를 1개의 HTML로 구현함.
- 화면 사이즈를 표준으로 하여 사이트의 전환을 실행함.
멀티 디바이스 대응이란?
웹 사이트의 멀티 디바이스 대응을 한마디로 말하면 다음과 같이 정...
반응형 웹 디자인이란?
화면 사이즈가 다른 각 디바이스(PC, 태블릿, 스마트폰에 대하여 최적화된 사이트를 구현하기 위한 제작 방법입니다. 미국의 디자이너인 Ethan Marcotte가 고안하여 2010년 5월에 발표한 것이 그 시작입니다.
반응형 웹 디자인의 최대 특징은 다음의 두 가지입니다.
- 각 디바이스에 최적화된 페이지를 1개의 HTML로 구현함.
- 화면 사이즈를 표준으로 하여 사이트의 전환을 실행함.
멀티 디바이스 대응이란?
웹 사이트의 멀티 디바이스 대응을 한마디로 말하면 다음과 같이 정의할 수 있습니다.
“여러 디바이스(기기에서 정확하게 표시, 이용 가능한 사이트를 제작하는 것”
즉, 사용자가 사용하고 있는 디바이스마다 웹 사이트의 표시 방법을 최적화하는 것이 멀티 디바이스 대응이라고 할 수 있습니다. 현재는 PC뿐만이 아니라 스마트폰, 태블릿, 게임기, 텔레비전 등 여러 디바이스에 브라우저가 탑재되어 있어, 이러한 다양한 디바이스로부터 웹 사이트나 서비스(Facebook이나 Twitter 등에 접근하는 유저가 급증하고 있습니다. 그 때문에, 웹 사이트 제공자는 각 디바이스에서 정확히 표현하고, 이용할 수 있는 사이트를 제작하는 것이 필요합니다.
출판사 리뷰
이 책은 스마트폰, 태블릿, PC 등의 갖가지 디바이스에 대응하는 사이트를 원 소스(1개의 HTML 파일에서 구현하는 제작 방법인 “반응형
