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

모던 웹 디자인을 위한 HTML5+CSS3 입문 : PC, 태블릿, 모바일 웹 페이지를 한 번에 끝내는 디자인 입문서

소득공제

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

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

30,000원

  • 27,000 (10%할인)

    1,500P (5%적립)

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

  • 연관도서(3)

  • 사은품(3)

책소개

HTML4, CSS2와 HTML5, CSS3가 무엇인지 몰라도 배울 수 있는 웹 디자인 교과서다. HTML4, CSS2와 HTML5, CSS3의 차이를 구분하고, 어떤 것은 써도 되고, 어떤 것은 써도 안 되는지 알아야 하고, 어떤 것은 HTML4이고, HTML5는 무엇이 다른지 알아야 하는 복잡한 공부방법은 필요 없다. 웹 디자인 경험이 없어도, HTML과 CSS가 무엇인지 몰라도 바로 웹 디자인을 시작할 수 있다. 웹 디자인은 이 한 권으로 끝낸다!

출판사 서평

이 책이 제시하는 핵심 내용
웹 디자인을 처음 배우는 독자를 위한 HTML5+CSS3 웹 디자인 교과서

어떤 독자를 위한 책인가?
웹 디자인을 처음 배우지만, HTML5와 CSS3까지 한 번에 배우고 싶은 학생이나 초보자
웹 디자인을 알지만 HTML5와 CSS3를 학습하려는 디자이너나 개발자
태블릿, 모바일 웹 사이트 디자인과 반응형 웹 디자인을 해보고 싶은 독자

시대의 흐름에 맞춰 다시 쓴 웹 디자인 교과서

자바스크립트가 없는 HTML5 책은 어디 없나요? HTML5 디자인이 알고 싶을 뿐이에요!
이 책은 부록 일부를 제외하면 본문 전체에서 자바스크립트가 없다. 웹 디자인도 모르는데 HTML5, CSS3, 자바스크립트를 섞어놔서 불만이었다면 이 책이 정답이다. 순수하게 웹 디자인을 공부하고 싶은 독자, HTML5와 자바스크립트를 섞어놔서 공부하기 어려웠던 독자, 웹 디자인을 먼저 배우고 자바스크립트를 공부하고 싶은 독자를 위한 책이다. 웹 디자인에 자바스크립트를 더해 동적으로 만들고 싶다면 자매서 [모던 웹을 위한 JavaScript + jQuery 입문]을 보면 된다.

스타일링으로 배우는 웹 디자인. 태그와 속성만 나열하는 책에 지쳤어요!
최신 기술인 HTML5와 CSS3를 단계별로 학습하고, 웹 사이트 디자인을 직접 따라하면서 HTML5와 CSS3를 어떻게 응용하는지 설명하므로 단순한 태그 나열이 아니라 스타일을 완성하는 방법을 자연스럽게 터득한다. PC용 웹 페이지 시안을 만들어보고, 스마트폰을 위한 모바일 웹 페이지 제작, 태블릿을 위한 웹 페이지 제작을 따라하는 구성이므로 어떤 웹 사이트 디자인에도 대응할 수 있다. 가상의 소셜커머스를 만들어 실제와 같은 웹 페이지를 제작해본다. 또한, 한 번 디자인해서 PC, 스마트폰, 태블릿 등의 다양한 크기의 화면에 대응하는 반응형 웹 디자인을 살펴보고, 웹 디자인에 쓰이는 정적 그리드 시스템, 동적 그리드 시스템, 반응형 그리드 시스템까지 설명해 어떤 상황에서도 독자가 응용하는 게 가능하다.

다양한 보완 기술 설명
HTML5와 CSS3는 끊임없이 발전하는 표준 기술로 크롬, 웹킷, 파이어폭스 등의 웹 브라우저는 매우 빠르게 발전하는 반면 인터넷 익스플로러는 발전이 더디다. 이를 보완하는 스타일시트 핵, HTML5 지원을 가능하게 하는 HTML5 Shiv, IE9.js 등을 설명한다. 또한, 웹 디자인을 간편하게 해주는 부트스트랩, 체계적인 스타일링을 위한 Less, HTML5를 이용한 미디어 갤러리, SVG를 이용한 지도와 통계 자료 표시 등을 다뤘다.

430여 개의 코드와 580여 개의 이미지로 이해를 돕는다
HTML5의 다양한 태그와 CSS3의 스타일 속성, 복잡한 CSS3 선택자에 대해 코드와 이미지를 함께 보여줘서 시각적으로 바로 이해하는 구성으로 되어 있다. 직접 실습해보지 않아도 코드와 결과를 바로 확인할 수 있게 했다. 또한, 브라우저별 지원 여부를 별도로 표기해 다양한 브라우저에서 직접 테스트해보지 않아도 사용 여부를 알 수 있다. 이 책의 모든 예제는 인터넷 익스플로러 8 이상에서 동작하며, 브라우저 지원 여부에 따라 인터넷 익스플로러, 크롬, 사파리, 파이어폭스, 오페라의 버전을 명시했으며, 아이폰, 안드로이드폰, 갤럭시 탭, 아이패드에서 테스트했다. 뉴아이패드를 위한 레티나 디스플레이를 인식하는 방법까지 빠짐없이 수록했다.

학습 로드맵
[모던 웹 디자인을 위한 HTML5+CSS3 입문] -> [모던 웹을 위한 JavaScript + jQuery 입문] -> [모던 웹을 위한 Node.js 프로그래밍]

일람표 수록
HTML5와 CSS3를 한 번에 찾아볼 수 있는 일람표를 특별부록으로 수록했으며, 한빛미디어 웹 사이트(www.hanb.co.kr/exam/1955)에서도 내려받을 수 있다.

목차

Chapter 1 HTML5 개요
1.1 웹의 역사
1.2 HTML5 추가 기능
1.3 HTML5를 공부해야 하는 이유
1.4 Visual Studio 2012 Express for Web 설치
1.5 HTML 페이지 생성
1.6 구글 크롬 설치
1.7 구글 크롬 개발자 도구
1.8 IE Tester 설치

Chapter 2 HTML5 태그 기본
2.1 글자 태그
2.2 목록 태그
2.3 테이블 태그
2.4 이미지 태그
2.5 오디오 태그
2.6 비디오 태그
2.7 입력 양식 태그
2.8 공간 분할 태그

Chapter 3 CSS3 선택자 기본
3.1 선택자 종류 개요
3.2 전체 선택자
3.3 태그 선택자
3.4 아이디 선택자와 클래스 선택자
3.5 속성 선택자
3.6 후손 선택자와 자손 선택자
3.7 동위 선택자
3.8 반응 선택자
3.9 상태 선택자
3.10 구조 선택자
3.11 문자 선택자
3.12 링크 선택자
3.13 부정 선택자

Chapter 4 CSS3 스타일 속성 기본
4.1 CSS3 단위
4.2 가시 속성
4.3 박스 속성
4.4 테두리 속성
4.5 배경 속성
4.6 폰트 속성
4.7 위치 속성
4.8 float 속성
4.9 그림자 속성
4.10 벤더 프리픽스
4.11 그레이디언트

Chapter 5 웹 페이지 레이아웃
5.1 웹 페이지 개요
5.2 레이아웃 구분
5.3 초기화
5.4 헤더 구조 작성
5.5 웹 폰트
5.6 수평 메뉴
5.7 콘텐츠 구성
5.8 본문 구성
5.9 사이드 탭바 구성
5.10 목록 구성
5.11 푸터 구성
5.12 정리

Chapter 6 스마트폰 레이아웃
6.1 스마트폰 개요
6.2 모바일 웹 개발 주의사항
6.3 뷰포트 meta 태그
6.4 초기화
6.5 헤더 구조 구성
6.6 스프라이트 이미지
6.7 토글 목록 구성
6.8 네비게이션 구성(1)
6.9 네비게이션 구성(2)
6.10 본문 구성
6.11 푸터 구성
6.12 정리
6.13 전체 화면
6.14 글자 감추기

Chapter 7 태블릿 PC 레이아웃
7.1 초기화
7.2 헤더 구성
7.3 네비게이션 구성
7.4 콘텐츠 구성
7.5 수직 목록 구성
7.6 본문 구성
7.7 푸터 구성
7.8 정리
7.9 고정 바

Chapter 8 소셜커머스 메인 페이지
8.1 초기화
8.2 헤더 구성
8.3 사이드 구성
8.4 네비게이션 구성(1)
8.5 네비게이션 구성(2)
8.6 목록 구성
8.7 콘텐츠 구성
8.8 최종 정리

Chapter 9 CSS3 변형과 애니메이션
9.1 변형 속성 기본
9.2 변형 속성
9.3 키 프레임과 애니메이션 속성

Chapter 10 CSS3 변환
10.1 2차원 변환
10.2 3차원 변환
10.3 원근법
10.4 회전 목마

Chapter 11 CSS 추가 규칙과 반응형 웹
11.1 @import 규칙
11.2 @font-face 규칙
11.3 @media 규칙
11.4 반응형 웹
11.5 화면 방향 전환

Chapter 12 그리드 시스템
12.1 그리드 시스템 플러그인
12.2 정적 그리드 시스템
12.3 동적 그리드 시스템
12.4 반응형 그리드 시스템

부록A. 인터넷 익스플로러 보완 방법
시작하기 전에...
인터넷 익스플로러 - 조건부 주석
인터넷 익스플로러 - 스타일시트 핵
HTML5 지원 - HTML5 Shiv
HTML5 지원 - IE9.js
CSS3 속성 - CSS3 Pie
CSS3 미디어쿼리 - CSS3 MediaQueries.js 플러그인
CSS3 초기화 - Normalize.css 플러그인

부록 B. 부트스트랩
설정
레이아웃
툴바
툴바 버튼
다단 레이아웃
수직 목록
정리

부록 C. Less 스타일시트
개요
Less 컴파일러
기본
서버를 사용한 변환

부록 D. HTML5를 사용한 플래시 웹 페이지 개발
HTML5의 플래시 대체 가능 범위
회전 이미지 갤러리
영화 소개 페이지

부록 E. SVG 태그
기본
라파엘 플러그인
SVG 태그를 사용한 지도
SVG 태그를 사용한 지도와 통계 자료

본문중에서

[모던 웹을 위한 JavaScript + jQuery 입문](한빛미디어, 2011)과 [모던 웹을 위한 Node.js 프로그래밍](한빛미디어, 2012)에 이어 모던 웹 시리즈 중 세 번째인 [모던 웹 디자인을 위한 HTML5 + CSS3 입문]도 출간하게 되었습니다. 이제 한 권을 더 쓰면 모던 웹을 위한 HTML5 개발 시리즈가 완성됩니다!
처음 집필할 때는 서문을 쓸 때 가장 오랜 시간이 걸려 다른 분이 집필한 책의 서문을 살펴보았습니다. 두 번째 책을 쓸 때도 그랬고 세 번째 책을 쓸 때도 예외가 아니네요(차이가 있다면 제 책을 참고하면서 서문을 쓰고 있습니다(?!)).
처음 책을 출간한 날은 "내가 잘못 쓴 내용은 없겠지?"하고 전전긍긍하며 밤을 지새웠습니다. 많은 독자 분께서 책을 좋게 봐주셔서 세 번째 책을 출간할 수 있게 되었습니다. 세 번째로 출간하기는 했지만, 이 책은 모던 웹 시리즈의 처음에 위치하는 책이므로 다른 책을 보지 않고 읽어도 상관없습니다.
일반적으로 HTML5라고 하면 HTML5 태그와 CSS3 스타일, 자바스크립트 프로그래밍 언어를 합한 것을 의미합니다. 이 책은 세 가지 요소 중에서 HTML5 태그와 CSS3 스타일을 다룹니다. 이 책은 부록을 제외하면 자바스크립트 코드가 나오지도 않습니다.

"자바스크립트를 다루지 않는 주제에 왜 이렇게 두꺼워?"

아마 HTML을 공부한 적이 있다면 위 문장을 읽자마자 이렇게 생각했을 것입니다. 하지만 실무에서 HTML 페이지 또는 HTML5 애플리케이션을 개발할 때 가장 문제가 되는 점이 무엇일까요?
제가 처음 웹을 접했을 때 가장 문제가 되었던 부분이 바로 HTML 태그와 CSS3 스타일이었습니다. HTML 태그 이름은 모두 알고 있는데, 이를 어떻게 활용해야 하는지 알려주는 책이 없었습니다. 또한 CSS3 스타일 속성 이름을 모두 알고 있는데, 이를 사용해 레이아웃을 어떻게 구성해야 하는지 알려주는 책이 없었습니다. 그래서 그냥 제가 만들었습니다(?!).
이 책은 최신 HTML5 표준과 CSS3 표준을 사용해 레이아웃을 구현하는 방법을 중심으로 다룹니다. 추가로 HTML5 표준을 사용한 데이터 시각화, CSS3 표준을 사용해 3차원 공간과 애니메이션을 구현하는 방법, HTML5 표준과 CSS3 표준을 사용해 자바스크립트 없이 사용자와 반응하는 방법 등을 다룹니다.

"그런데 지금 HTML5를 공부해도 가치가 있을까요?"

스마트폰의 웹 브라우저, 하이브리드 애플리케이션, 윈도 8 스타일 애플리케이션, 구글 크롬 애플리케이션, 모질라 파이어폭스 애플리케이션, 타이젠 애플리케이션은 모두 HTML5를 사용해서 애플리케이션을 개발합니다. 지금도 충분히 가치가 있죠?
마지막으로 책을 집필할 수 있게 도와주신 한빛미디어 한동훈 대리님과 책을 편집해주신 분들, 책을 집필하는 동안 계속해서 피드백해준 김연화님과 윤명월님, 예제의 디자인을 도와준 임아란님, 책을 검토하며 피드백해준 강윤경, 김윤지, 백선주님께 감사 인사를 드립니다.
책을 집필하는 동안 수원 권선 고등학교에서 한 학기 동안 Unity3D 강의를 들으며 이 책을 피드백해준 학생들에게도 감사 인사를 전합니다.
(/ 저자의 말 중에서)

관련이미지

저자소개

생년월일 -
출생지 -
출간도서 8종
판매수 11,135권

출근하는 것이 싫어서 책을 집필하기 시작했다. 현재 직업 특성상 집에서 나갈 이유가 별로 없다는 것에 매우 만족하고 있다. 홍차와 커피를 즐겨 마시며 기타, 가야금, 그림 그리기, 스컬핑 등이 취미다.
이 책은 저자 소개를 쓰는 시점에서 56번째 책이다.
저서로는 한빛아카데미의 『자바스크립트 프로그래밍 입문』, 『C# 프로그래밍』과 한빛미디어의 『혼자 공부하는 파이썬』, 『모던 웹을 위한 HTML5+CSS3 바이블(3판)』, 『모던 웹을 위한 Node.js 프로그래밍(3판)』, 역서로는 『TopCoder 탑코더 알고리즘 트레이닝』, 『자바 퍼즐러』, 『소셜 코딩으로 이끄는 GitHub 실천 기술

펼쳐보기

이 상품의 시리즈

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

    리뷰

    9.7 (총 0건)

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

    리뷰쓰기

    기대평

    작성시 유의사항

    평점
    0/200자
    등록하기

    기대평

    8.1

    교환/환불

    교환/환불 방법

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

    교환/환불 가능 기간

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

    교환/환불 비용

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

    교환/환불 불가사유

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

    소비자 피해보상

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

    기타

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

    배송안내

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

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

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

    • 배송비

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

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

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

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

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

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

    업체직접배송상품 구매

    업체별 상이한 배송비 적용