본문내용 바로가기
MD의선택 무료배송 소득공제

반응형 웹디자인 어비가 들려주는 생생한 반응형 웹디자인 노하우

어비의 실무노트 1
송태민 지음 | 위키북스 | 2013년 03월 20일 출간
  • 정가 : 24,000원
    판매가 : 21,600 [10%↓ 2,400원 할인]
  • 통합포인트 :
    [기본적립] 1,200원 적립 [5% 적립] [추가적립] 5만원 이상 구매 시 2천원 추가적립 안내 [회원혜택] 실버등급 이상, 3만원 이상 구매 시 2~4% 추가적립 안내
  • 추가혜택 : 포인트 안내 도서소득공제 안내 추가혜택 더보기
  • 배송비 : 무료 배송비 안내
  • 도서상태 : 절판
상품상세정보
ISBN 9788998139186(8998139189)
쪽수 272쪽
크기 188 * 240 mm 판형알림

책소개

이 책이 속한 분야

반응형 웹디자인 제작을 위한 실무 노하우!

『반응형 웹디자인』은 반응형 웹디자인을 제작하는 기획, 디자인, 개발의 실무 노하우를 담은 책이다. 실무에 도움이 되는 유용한 설명과 예제를 통해 데스크톱 웹사이트를 비롯해 태블릿 웹사이트, 모바일 웹사이트 제작 등을 설명한다. 아울러, 모든 디바이스에서 최적화할 수 있는 노하우를 단계별 과정을 통해 소개한다.

상세이미지

반응형 웹디자인(어비의 실무노트 1) 도서 상세이미지

목차

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

1.1_PC와 모바일의 현실
__PC 환경과 해상도의 이해
__모바일 환경과 해상도의 이해
1.2_반응형 웹디자인이란?
1.3_반응형 웹디자인의 예
__해외사례
__국내사례
1.4_반응형 웹디자인의 3가지 핵심 기법
__Fluid Grids
__Flexible Image
__Media Queries
1.5_반응형 웹디자인의 단점

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

2.1_픽셀, 퍼센트, 이엠 단위
2.2_뷰포트(viewport)
2.3_CSS3
__CSS3 벤더 프리픽스
__CSS3에서 추가된 대표 기능
____border-radius
____text-shadow
____box-shadow
____multiple background images
____opacity
____RGBA
____Gradient
2.4_HTML5, CSS3의 브라우저 호환성
__HTML5, CSS3 호환성 통계
__Reset CSS
____Reset CSS의 의미
____에릭 마이어’s Reset CSS2.0
____HTML5 Doctor CSS Reset
____Yahoo! (YUI 3) Reset CSS
____Universal Selector ‘*’ Reset
____Normailze CSS1.0
____국내 포털들의 CSS
____UhBee Reset CSS

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

3.1_반응형 웹디자인 기획 방법
__IA 설계
__UI 설계
__UI 디자인 기획
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 영역 설정
____#footer 영역 설정
____미디어 쿼리 설정 완성 및 확인하기
4.4_PC버전 마크업 하기
__헤더 완성하기
____디자인 파악하기
____H1 로고 만들기
____내비게이션 만들기
____전화걸기 만들기
____Follow 썸네일 만들기(고정영역 썸네일 목록)
____뉴스 목록 만들기
____블로그 최근 게시물 만들기
____헤더 완성 확인하기
__메인/푸터 완성하기
____디자인 파악하기
____이미지 배너와 검색창 영역
____어비 폰트 리스트 만들기
____주가정보 만들기
____유튜브 만들기
____콘텐츠 목록 만들기
____푸터 만들기
__전체 코딩 소스 확인하기
4.5_반응형 웹디자인으로 완성하기
__1200픽셀 이하의 해상도에서 최적화 하기
__1024픽셀 이하의 해상도에서 최적화 하기
__768픽셀 이하의 해상도에서 최적화 하기
__600픽셀 이하의 해상도에서 최적화 하기
__480픽셀 이하의 해상도에서 최적화 하기
4.6_최종 완성 및 확인하기
__전체 소스보기
__모든 브라우저에서 테스트해보기

▣ 5장: 실무 팁&테크 모음

5.1_반응형 웹디자인 사이트 테스팅하기
__사이트에 접속해서 확인하기
____Mattkersley.com
____Reponsinator.com
____Screenqueri.es
__Firefox 부가기능을 이용하여 테스팅하기
____Web Developer - Responsive Layouts
____Firebug
____User Agent Switcher

▣ 별책부록(동영상 강의)

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

책 속으로

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

반응형 웹디자인에서도 볼 수 있듯이 향후 웹디자인의 트렌드는 당장 신기술의 등장에 의존하기보다는 기존 기술을 융합하는... 더보기

출판사 서평

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

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

또한 저자가 직접 강의한 동영상 강좌를 ... 더보기

Klover 리뷰 (0)

북로그 리뷰 (0) 쓰러가기

도서 구매 후 리뷰를 작성하시면
결제 90일 이내 300원, 발송 후 5일 이내 400원, 이 상품의 첫 리뷰 500원의 포인트를 드립니다.

포인트는 작성 후 다음 날 적립되며, 도서 발송 전 작성 시에는 발송 후 익일에 적립됩니다.
북로그 리뷰는 본인인증을 거친 회원만 작성 가능합니다.
(※ 외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외) 안내
  • 해당도서의 리뷰가 없습니다.

문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매도서의 문장수집을 기록하면 통합포인트 적립 안내

교환/반품/품절안내

※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

교환/반품/품절안내
반품/교환방법 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 ,
[1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900)

※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불]
    또는 고객센터 (1544-1900)
반품/교환가능 기간 변심반품의 경우 수령 후 7일 이내,
상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
반품/교환비용 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
반품/교환 불가 사유
  • 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)
  • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등
  • 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
  • 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
  • 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
  • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
  • 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에
    해당되는 경우
(1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시 ‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①서양도서-판매정가의 12%, ②일본도서-판매정가의 7%를 적용)
상품 품절 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는
이메일과 문자로 안내드리겠습니다.
소비자 피해보상
환불지연에 따른 배상
  • 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
    소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨
  • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
    소비자 보호에 관한 법률에 따라 처리함

바로가기

  • 우측 확장형 배너 2

최근 본 상품