- 개정증보판이 출간되었습니다.
이미 소장하고 있다면 판매해 보세요.
- 해외배송 가능?
- 문화비소득공제 가능
이 분야의 이벤트
상세 이미지
책소개
목차
|
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를 활용한 스마트 웹/모바일 만들기 |
저자 소개 1
1980년 9월 25일 서울 출생. 화곡고등학교, 순천향대학교를 졸업하고 국민대학교 디자인대학원 시각디자인 석사 과정을 수료했다. 2005년 서울시 그랜드서울 그래픽 공모전 동상, 2006년 마이크로소프트 윈도우즈XP 공모전 동상, 2006년 KTF 고구려포토 공모전 대상, 2007년 어도비 CS3 크리에이티브쇼 컨테스트 동상을 수상했다. SK 커뮤니케이션즈 소속이다.
송태민의 다른 상품
품목정보
- 발행일
- 2013년 03월 20일
- 쪽수, 무게, 크기
- 272쪽 | 680g | 188*240*20mm
- ISBN13
- 9788998139186
출판사 리뷰
|
반응형 웹디자인 제작을 위한 실무 노하우를 알려드립니다!
이 책은 반응형 웹디자인을 제작하는 기획, 디자인, 개발의 실무 노하우를 담은 책입니다. 실무에 도움되는 유용한 설명과 예제를 통해 초보자부터 고급 독자가 모두 쉽고 빠르게 이해할 수 있게 도와줍니다. 데스크톱 웹사이트를 비롯해 태블릿 웹사이트, 모바일 웹사이트 제작까지, 이제는 반응형 웹디자인으로 한 번에 모든 고민을 해결해 보세요. 모든 디바이스에서 최적화할 수 있는 노하우를 단계별 과정을 통해 하나씩 자세히 소개합니다. 또한 저자가 직접 강의한 동영상 강좌를 직접 들을 수 있습니다. 아래 소개한 링크를 클릭하거나 책과 함께 제공하는 도서 앱을 내려받으면 저자분의 강의를 들을 수 있습니다. 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 |
