간편결제, 신용카드 청구할인
카카오페이 3,000원
(카카오페이 5만원 이상 결제시, 5/1~5/31 기간 중 1회)
우리카드 3천원/7천원/1만 5천원 즉시할인
3만원/5만원/10만원 이상 결제시
삼성카드 6% (22,850원)
(삼성카드 6% 청구할인)
인터파크 롯데카드 5% (23,090원)
(최대할인 10만원 / 전월실적 40만원)
북피니언 롯데카드 30% (17,010원)
(최대할인 3만원 / 3만원 이상 결제)
NH쇼핑&인터파크카드 20% (19,440원)
(최대할인 4만원 / 2만원 이상 결제)
Close

반응형 웹디자인 : 어비가 들려주는 생생한 반응형 웹디자인 노하우[개정판]

소득공제

2013년 9월 9일 이후 누적수치입니다.

판매지수 84
?
판매지수란?
사이트의 판매량에 기반하여 판매량 추이를 반영한 인터파크 도서에서의 독립적인 판매 지수입니다. 현재 가장 잘 팔리는 상품에 가중치를 두었기 때문에 실제 누적 판매량과는 다소 차이가 있을 수 있습니다. 판매량 외에도 다양한 가중치로 구성되어 최근의 이슈도서 확인시 유용할 수 있습니다. 해당 지수는 매일 갱신됩니다.
Close
공유하기
  • 저 : 송태민
  • 출판사 : 위키북스
  • 발행 : 2013년 11월 30일
  • 쪽수 : 324
  • 제품구성 : 전1권
  • ISBN : 9788998139391
정가

27,000원

  • 24,300 (10%할인)

    1,350P (5%적립)

할인혜택
적립혜택
  • I-Point 적립은 출고완료 후 14일 이내 마이페이지에서 적립받기한 경우만 적립됩니다.
추가혜택
배송정보
주문수량
감소 증가
  • 이벤트/기획전

  • 연관도서(1)

  • 사은품(6)

출판사 서평

반응형 웹디자인 제작을 위한 실무 노하우를 알려드립니다!

이 책은 반응형 웹디자인을 제작하는 기획, 디자인, 개발의 실무 노하우를 담은 책입니다. 실무에 도움되는 유용한 설명과 예제를 통해 초보자부터 고급 독자가 모두 쉽고 빠르게 이해할 수 있게 도와줍니다. 데스크톱 웹사이트를 비롯해 태블릿 웹사이트, 모바일 웹사이트 제작까지, 이제는 반응형 웹디자인으로 한 번에 모든 고민을 해결해 보세요. 모든 디바이스에서 최적화할 수 있는 노하우를 단계별 과정을 통해 하나씩 자세히 소개합니다.

또한 저자가 직접 강의한 동영상 강좌를 직접 들을 수 있습니다. 아래 소개한 링크를 클릭하거나 책과 함께 제공하는 도서 앱을 내려받으면 저자분의 강의를 들을 수 있습니다.

1. 도서앱
QR 코드를 스캔해서 도서 앱을 내려받으면 책에서 설명한 웹사이트를 확인하거나 동영상 강좌를 들을 수 있습니다.


2. 아래 링크에서 직접 동영상 강좌를 들을 수도 있습니다
모바일 웹, 반응형 웹 실무 노하우 살펴보기 1-1 :
http://youtu.be/0iLCsQRgQPE

모바일 웹, 반응형 웹 실무 노하우 살펴보기 1-2 :
http://youtu.be/eD_AORjf9Wo

모바일 웹, 반응형 웹 실무 노하우 살펴보기 1-3 :
http://youtu.be/qqFNrMMBrJ4

Adobe Edge Animate를 활용한 스마트 웹/모바일 만들기:
http://youtu.be/6lPr39xJqRQ

목차

1장: 반응형 웹디자인 살펴보기

1.1PC와 모바일의 현실
PC 환경과 해상도의 이해
OS 및 브라우저 점유율
모바일 환경과 해상도의 이해
모바일 OS 및 브라우저 점유율
HTML5 지원 브라우저 현황
1.2반응형 웹디자인이란?
1.3반응형 웹디자인의 예
해외사례
국내사례
1.4반응형 웹디자인의 3가지 핵심 기법
Fluid Grids
Flexible Image
Media Queries
1.5반응형 웹디자인의 단점
미디어 쿼리를 지원하지 않는 브라우저
필요없는 코드, 이미지의 비합리적인 사용

2장: 퍼센트와 CSS3를 이용하자

2.1픽셀, 퍼센트, 이엠 단위
2.2뷰포트(viewport)
2.3CSS3
시각효과
폰트사용
트랜지셔널(Transitional)
CSS3 벤더 프리픽스
CSS3에서 추가된 대표 기능
border-radius
미리보기
text-shadow
box-shadow
multiple background images
opacity
RGBA
Gradient
2.4HTML5, CSS3의 브라우저 호환성
HTML5, CSS3 호환성 통계
Reset CSS
Reset CSS의 의미
에릭 마이어의 Reset CSS 2.0
HTML5 Doctor CSS Reset
Yahoo! (YUI 3) Reset CSS
Universal Selector '*' Reset
Normailze CSS 1.0
Naver.com Reset CSS
Daum.net Reset CSS
Nate.com Reset CSS
UhBee Reset CSS

3장: 반응형 웹디자인 기획부터 시작이다

3.1반응형 웹디자인 기획 방법
IA(Information Architecture) 설계
UI(User Interface) 설계
UI(User Interface) 디자인기획
3.2반응형 웹디자인 패턴스타일
Mostly Fluid
레이아웃
디자인 예시
실무 소스로 살펴보기
Column Drop
레이아웃
디자인 예시
실무 소스로 살펴보기
Shifter
레이아웃
디자인 예시
실무 소스로 살펴보기
Tiny
레이아웃
디자인 예시
실무 소스로 살펴보기
Off Canvas
레이아웃
디자인 예시
실무 소스로 살펴보기

4장: 실무! 반응형 웹디자인 사이트 함께 만들어 보기

4.1디자인 살펴보기
디자인 파악하기
4.2레이아웃 만들기
레이아웃 파악하기
기본 HTML 설정하기
meta태그, 아이콘, 파비콘 설정
웹폰트 설정
모바일 웹일 때 주소창 사라지게 설정
기본 HTML 설정 완료
HTML로 만들어보는 레이아웃
CSS로 만들어보는 레이아웃
Reset CSS, Layout 최종 완성
레이아웃 제작 실무 노하우
4.3반응형 웹으로 레이아웃 제작하기
디자인 파악하기
미디어 쿼리를 활용한 반응형 웹디자인 기초 설정
#wrap 영역 설정
#header 영역 설정
#main 영역 설정
#contents 영역 설정
#foot 영역 설정
미디어 쿼리 설정 완성 및 확인하기
4.4PC버전 마크업 하기
헤더 완성하기
디자인 파악하기
H1 로고 만들기
내비게이션 만들기
CSS3 활용 - nth-child, nth-last-child 구조적 가상 클래스 배우기
전화걸기 만들기
Follow 썸네일 만들기(고정영역 썸네일 목록)
뉴스 목록 만들기
블로그 최근 게시물 만들기
헤더 완성 확인하기
4.5메인/푸터 완성하기
디자인 파악하기
이미지 배너와 검색창 영역
가변적인 검색창 배우기
max-width 배우기
어비 폰트 목록 만들기
주가정보 만들기
유튜브 만들기
HTML5 활용 ? video, audio 배우기
콘텐츠 목록 만들기
푸터 만들기
전체 코딩 소스 확인하기
1200픽셀 이하의 해상도에서 최적화하기
4.6반응형 웹디자인으로 완성하기
1200픽셀 이하의 해상도에서 최적화 하기
1024픽셀 이하의 해상도에서 최적화 하기
768픽셀 이하의 해상도에서 최적화 하기
600픽셀 이하의 해상도에서 최적화 하기
480픽셀 이하의 해상도에서 최적화 하기
4.7최종 완성 및 확인하기
전체 소스보기
모든 브라우저에서 테스트해보기

5장: 실무 2탄! HTML5 보일러플레이트를 활용한 반응형 웹디자인 사이트 함께 만들어 보기

5.1HTML5 보일러플레이트란?
HTML5 보일러플레이트란
HTML5 보일러플레이트 활용법
국내 사용자를 위한 어비의 HTML5 보일러플레이트
5.2디자인 살펴보기
디자인 파악하기
5.3레이아웃 만들기
레이아웃 파악하기
어비의 HTML5 보일러플레이트 준비하기
HTML로 만들어보는 레이아웃
CSS로 만드는 레이아웃
반응형 웹 레이아웃으로 만들기
5.4PC 버전용 코드 완성하기
배경/헤더/떠 있는 배너 완성하기
메인 배너 부분 완성하기
콘텐츠 부분 완성하기
푸터 완성하기
5.5반응형 웹디자인으로 완성하기
480px 해상도에서 최적화하기
5.6최종 완성 및 확인
전체 소스

6장: 실무 팁 & 테크 모음

6.1반응형 웹디자인 사이트 테스팅하기
사이트에 접속해서 확인하기
Mattkersley.com
Reponsinator.com
Screenqueri.es
Firefox 부가기능을 이용하여 테스팅하기
Web Developer - Responsive Layouts
Firebug
User Agent Switcher
6.2반응형 웹에 활용 가능한 HTML5 애니메이션 툴
어도비 엣지 애니메이트
구글 웹디자이너

별책부록(동영상 강의)

모바일 웹, 반응형 웹 실무 노하우 살펴보기
Adobe Edge Animate를 활용한 스마트 웹/모바일 만들기

본문중에서

스마트 미디어 시대가 도래하면서 데스크톱용 사이트와 태블릿 및 스마트폰에서 사용하는 모바일 웹을 하나로 통합한 사이트의 필요성이 높아졌습니다. 반응형 웹디자인을 적용한 사이트는 기능적인 측면에서 사용자의 접근성을 확대하고 어떤 디바이스를 사용하든 최적화된 형태의 확장성을 제공합니다. 비용 측면에서도 데스크톱용 사이트와 모바일용 사이트를 따로 제작하지 않아도 되므로 제작 시간과 관리 비용을 절감할 수 있습니다.

반응형 웹디자인에서도 볼 수 있듯이 향후 웹디자인의 트렌드는 당장 신기술의 등장에 의존하기보다는 기존 기술을 융합하는 축으로 발전할 것입니다. 이른바 웹디자인 융합 현상이 시작되는 지금, 이 책은 디자이너, 개발자, 기획자에게 유용한 내용을 담고 있습니다. 특히 이론에서부터 실습과 예제로 이어지는 구성은 웹디자인을 처음 시작하는 초심자는 물론 기존 웹디자인에 익숙한 전문가의 내공을 향상시키는 데 기여할 것입니다.

마지막으로 이 책의 저자인 어비 님은 수십 차례의 강연과 개인전을 통해 학계와 산업계에서 인정받고 있는 웹디자이너로서, 이미 [크리에이티브 디자이너를 위한 웹표준], [어비의 모바일 HTML], [어비의 모바일 웹] 등의 베스트셀러로 기록된 책을 여러 번 출판한 바 있습니다. 따라서 '어비'라는 이름만으로도 이 책이 여러분들에게 줄 영향력이 적지 않으리라 확신합니다.
(/ '양제민(정보통신 공학박사) 님의 추천사' 중에서)

저자소개

생년월일 -
출생지 -
출간도서 5종
판매수 1,021권

언제나 새로운 트렌드를 빠르게 탐구한 후 자신의 지식을 공유할 줄 아는 사람이다. 현재는 LG유플러스에서 사업전략·기획을 하고 있으며, 이 외에도 엔젤투자자로 여러 스타트업을 도와주고 있다. 순천향대학교 교수, SK플래닛, 이베이 등에서 전문적인 업무를 하며 다양한 경험을 했다. 사물인터넷 스타트업인 어비팩토리를 창업하여 엑시트(투자금 회수)를 했다. 힙합가수 왑듀오의 리더로 즐거운 삶을 추구하며 살고 있다.
저서로는 [크리에이티브 디자이너를 위한 웹표준] (제우미디어), [어비의 모바일 웹] (길벗), [반응형 웹디자인] (위키북스), [HTML5 보일러플레

펼쳐보기

이 상품의 시리즈

컴퓨터/인터넷 분야에서 많은 회원이 구매한 책

    리뷰

    0.0 (총 0건)

    구매 후 리뷰 작성 시, 북피니언 지수 최대 600점

    리뷰쓰기

    기대평

    작성시 유의사항

    평점
    0/200자
    등록하기

    기대평

    8.9

    교환/환불

    교환/환불 방법

    ‘마이페이지 > 취소/반품/교환/환불’ 에서 신청함, 1:1 문의 게시판 또는 고객센터(1577-2555) 이용 가능

    교환/환불 가능 기간

    고객변심은 출고완료 다음날부터 14일 까지만 교환/환불이 가능함

    교환/환불 비용

    고객변심 또는 구매착오의 경우에만 2,500원 택배비를 고객님이 부담함

    교환/환불 불가사유

    반품접수 없이 반송하거나, 우편으로 보낼 경우 상품 확인이 어려워 환불이 불가할 수 있음
    배송된 상품의 분실, 상품포장이 훼손된 경우, 비닐랩핑된 상품의 비닐 개봉시 교환/반품이 불가능함

    소비자 피해보상

    소비자 피해보상의 분쟁처리 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 따라 비해 보상 받을 수 있음
    교환/반품/보증조건 및 품질보증 기준은 소비자기본법에 따른 소비자 분쟁 해결 기준에 따라 피해를 보상 받을 수 있음

    기타

    도매상 및 제작사 사정에 따라 품절/절판 등의 사유로 주문이 취소될 수 있음(이 경우 인터파크도서에서 고객님께 별도로 연락하여 고지함)

    배송안내

    • 인터파크 도서 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다

    • 출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 상품을 기준으로 배송됩니다.

    • 군부대, 교도소 등 특정기관은 우체국 택배만 배송가능하여, 인터파크 외 타업체 배송상품인 경우 발송되지 않을 수 있습니다.

    • 배송비

    도서(중고도서 포함) 구매

    2,000원 (1만원이상 구매 시 무료배송)

    음반/DVD/잡지/만화 구매

    2,000원 (2만원이상 구매 시 무료배송)

    도서와 음반/DVD/잡지/만화/
    중고직배송상품을 함께 구매

    2,000원 (1만원이상 구매 시 무료배송)

    업체직접배송상품 구매

    업체별 상이한 배송비 적용