장바구니 담기 close

장바구니에 상품을 담았습니다.

장바구니로 계속쇼핑하기
멀티 디바이스 웹 최적화를 위한 반응형 웹 디자인
미리보기

멀티 디바이스 웹 최적화를 위한 반응형 웹 디자인

  • 야마자키 다이스케
  • |
  • 비제이퍼블릭
  • |
  • 2013-08-22 출간
  • |
  • 296페이지
  • |
  • 190 X 245 mm
  • |
  • ISBN 9788994774442
★★★★★ 평점(10/10) | 리뷰(1)
판매가

24,000원

즉시할인가

21,600 원

카드할인

0원(즉시할인 0%)

적립금

240원 적립(1%적립)

배송비

2,300원

(제주/도서산간 배송 추가비용:3,000원)

추가혜택

네이버페이 무조건 1%적립+ 추가 1%적립

추가상품
상품선택
독서대 7,900원 독서대 선택안함 0원
수량
+ -
총주문금액
21,600원
장바구니 구매하기

※ 스프링제본 상품은 반품/교환/환불이 불가능하므로 신중하게 선택하여 주시기 바랍니다.

북스크린영상으로 만나보는 한 권의 책 이야기

목차

서문. 멀티 디바이스 대응: 사이트의 필요성과 과제

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 First를 배우기 위한 사이트

제3장. HTML5 + CSS3의 기초 지식과 기본 코딩

01. HTML5 기초 지식
- HTML5란
- HTML5 요소, 속성
- HTML5에서 HTML 작성은 어떻게 바뀌는가
---- COLUMN. 애플리케이션이라는 측면에서 본 HTML5

02. CSS3 기초 지식
- CSS3에서 추가된 주요 속성
- HTML5 & CSS3의 지원상황 확인

03. HTML5 페이지 템플릿 작성
- DOCTYPE 선언과 문자 인코딩 설정
- viewport 설정
- 리셋 CSS 설정
---- COLUMN. 여러 리셋 CSS
- 구 버전 IE에 대응하기 위한 스크립트 로딩

04. CSS3 템플릿 작성
- 브레이크 포인트란
- 픽셀 밀도와 devicePixelRatio
---- COLUMN. 고해상도 디스플레이에서 이미지가 희미해지는 문제
- 브레이크 포인트의 결정 방법
---- COLUMN. 기존 사이트 브레이크 포인트를 조사하는 방법

제4장. 반응형 웹 사이트 제작 ①

01. 사이트 제작 시의 힌트와 실습 개요
- 4장과 5장의 구성
- 실습에서 제작하는 사이트 개요
- HTML 템플릿 작성
- CSS 템플릿 작성

02. 헤더 디자인 & 제작
- 헤더 코딩

03. 글로벌 내비게이션 디자인 & 제작
- 반응형 웹 디자인의 글로벌 내비게이션
- 글로벌 내비게이션 코딩

04. 콘텐츠 영역 디자인 & 제작
- 콘텐츠 영역의 단 구성
- 단 구성 전환 방법
- 콘텐츠 영역 코딩

05. 푸터 디자인 & 제작
- 푸터 코딩
---- COLUMN. 가변 레이아웃 + 고정 레이아웃

제5장. 반응형 웹 사이트 제작 ②

01. 상품 일람 페이지 디자인 & 제작
- 상품 일람 페이지 코딩

02. 입력 폼 디자인 & 제작
- 입력 폼 코딩

03. 이미지 슬라이드 쇼 도입
---- COLUMN. 템플릿 제네레이터 Responsify

제6장. 반응형 웹 사이트 테스트

01. 테스트 방법의 개요
- 주요 테스트 방법
- 실제 기기 테스트 방법
---- COLUMN. Windows 7의 IE10

02. 시뮬레이터와 에뮬레이터에 의한 사이트 테스트
- Chrome Developer Tools
- Coda 2
- IETester
- iOS 시뮬레이터
---- COLUMN. iPhoney
- Android 에뮬레이터
---- COLUMN. 그 밖의 테스트 도구

제7장. WordPress를 이용한 구축 및 편리한 도구 & 플러그 인

01. Word Press의 템플릿
- 미디어 쿼리 확인과 변경
- viewport 확인과 변경

02. WordPress 테마의 이용
---- COLUMN. WordPress 테마를 소개하는 designer themes

03. 편리한 도구 & 플러그 인
- RESPONSIVE WEB DESIGN SKETCH SHEETS
- Responsivator
- VIEWPORT RESIZER
- Resizer (Chrome)
---- COLUMN. Firefox 반응형 웹 디자인 지원 도구
추천포스트

교환 및 환불안내

도서교환 및 환불
  • ㆍ배송기간은 평일 기준 1~3일 정도 소요됩니다.(스프링 분철은 1일 정도 시간이 더 소요됩니다.)
  • ㆍ상품불량 및 오배송등의 이유로 반품하실 경우, 반품배송비는 무료입니다.
  • ㆍ고객님의 변심에 의한 반품,환불,교환시 택배비는 본인 부담입니다.
  • ㆍ상담원과의 상담없이 교환 및 반품으로 반송된 물품은 책임지지 않습니다.
  • ㆍ이미 발송된 상품의 취소 및 반품, 교환요청시 배송비가 발생할 수 있습니다.
  • ㆍ반품신청시 반송된 상품의 수령후 환불처리됩니다.(카드사 사정에 따라 카드취소는 시일이 3~5일이 소요될 수 있습니다.)
  • ㆍ주문하신 상품의 반품,교환은 상품수령일로 부터 7일이내에 신청하실 수 있습니다.
  • ㆍ상품이 훼손된 경우 반품 및 교환,환불이 불가능합니다.
  • ㆍ반품/교환시 고객님 귀책사유로 인해 수거가 지연될 경우에는 반품이 제한될 수 있습니다.
  • ㆍ스프링제본 상품은 교환 및 환불이 불가능 합니다.
  • ㆍ군부대(사서함) 및 해외배송은 불가능합니다.
  • ㆍ오후 3시 이후 상담원과 통화되지 않은 취소건에 대해서는 고객 반품비용이 발생할 수 있습니다.
반품안내
  • 마이페이지 > 나의상담 > 1 : 1 문의하기 게시판 또는 고객센터 1800-7327
교환/반품주소
  • 경기도 파주시 문발로 211 1층 / (주)북채널 / 전화 : 1800-7327
  • 택배안내 : CJ대한통운(1588-1255)
  • 고객님 변심으로 인한 교환 또는 반품시 왕복 배송비 5,000원을 부담하셔야 하며, 제품 불량 또는 오 배송시에는 전액을 당사에서부담 합니다.