모던 웹 디자인을 위한 HTML5 + CSS3 입문

CHAPTER 1 HTML5 개요
__1.1 웹의 역사
__1.2 HTML5 추가 기능
__1.3 HTML5를 공부해야 하는 이유
__1.4 Visual Studio 2013 Express for Web 설치
__1.5 HTML 페이지 생성
__1.6 구글 크롬 설치
__1.7 구글 크롬 개발자 도구
__1.8 IE Tester 설치

CHAPTER 2 HTML5 태그 기본
__2.1 HTML5 기본 용어 정리
__2.2 HTML5 페이지 구조
__2.3 글자 태그
__2.4 목록 태그
__2.5 테이블 태그
__2.6 이미지 태그
__2.7 오디오 태그
__2.8 비디오 태그
__2.9 입력 양식 태그
__2.10 공간 분할 태그

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 960 Grid System 플러그인
__12.2 정적 그리드 시스템
__12.3 동적 그리드 시스템
__12.4 반응형 그리드 시스템

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

부록 B 부트스트랩
__B.1 설정
__B.2 레이아웃
__B.3 툴바
__B.4 툴바 버튼
__B.5 다단 레이아웃
__B.6 수직 목록
__B.7 아이콘
__B.8 정리

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

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

부록 E SVG 태그
__E.1 기본

찾아보기

지은이 서문

『모던 웹을 위한 JavaScript + jQuery 입문 개정판』 (한빛미디어, 2013)과 『모던 웹을 위한 Node.js 프로그래밍 개정판』 (한빛미디어, 2013)에 이어 모던 웹 시리즈 중 세 번째인 『모던 웹 디자인을 위한 HTML5 + CSS3 입문』도 개정하게 되었습니다.
처음 개정을 하겠다고 했을 때 사실 출판사에서 "개정할 내용 별로 없잖아요?"하고 개정을 말렸습니다. 하지만 "2년 주기로 개정하기로 약속했단 말이에요!"라는 말을 지키고 싶었고, 2014년 10월 말 HTML5 권고안이 발표되면서 반드시 개정할 필요성이 생기게 되었습니다.

일단 이전 판을 보셨던 분께서 반드시 알아야 하는 변경 내역은 다음과 같습니다.

● HTML5 권고안에 따른 명세 수정(hgroup 태그 제거 등등)
● 미세하게 수정된 CSS3 명세 수정(그레이디언트 적용 방식 등등)
● 웹 브라우저 버전의 업그레이드로 변화한 내용 수정(벤더 프리픽스 등등)

책방이나, 옆의 사람 책을 뺏어서 이전 판과 비교해보세요. 이 부분만 확인하시면 새로운 책을 사실 필요가 없습니다.

추가적으로 다음과 같은 부분이 새로운 플러그인과 라이브러리로 변경되었습니다.

● 더 이상 지원하지 않는 것을 새로운 것으로 대체(1140 CSS Grid 플러그인 등등)
● 버전이 오래된 경우 새로운 버전으로 변경(부트스트랩 등등)

이외에도 코드와 경로 같은 자잘한 부분도 많이 수정되기는 했습니다. 2년 동안 마이크로소프트의 웹 브라우저 강제 업데이트 정책 등에 의해서 HTML5를 지원하지 않는 웹 브라우저보다 지원하는 웹 브라우저가 훨씬 많아졌습니다. 앞으로도 HTML5는 다양한 곳에 사용되리라 믿습니다.
이 책의 내용은 대부분 제가 웹 관련 공부를 시작하면서 적었던 공부 일기를 옮긴 것입니다. 책을 모두 집필하고 읽으니 어릴 적 사건들이 떠오르더군요. 개인적으로 하늘색과 관련된 사연이 많아서 뭔가 노력을 기울이고 누군가에게 인정을 받고 싶은 결과물에는 하늘색 딱지를 붙이는 습관이 있는데요. 이 책의 표지를 출간 일주일 전에 보았답니다. 그리고 표지 글자가 하늘색임을 확인하고 기분 좋아했답니다.
대부분의 스테디셀러가 1년 6개월 동안의 판매 내역을 기준으로 한답니다. IT 분야 스테디셀러 3위가 되었는데 개정하니까 모든 점수가 초기화되겠군요. 아쉽습니다(으아아).
마지막으로 책을 개정할 수 있게 해주신 이중민 대리님께 감사의 말씀을 드립니다. 출판사 직원 편성이 바뀌어서 담당자분들이 확 바뀌었는데요. 이전 담당자분도 이번 담당자분도 모두 감사드립니다. 책을 봐주시는 독자분께도 모두 감사의 말씀을 드립니다.
윤인성