HTML5, CSS3를 배우는 것보다 더 중요한 것은 그것을 이용해 웹 페이지를 구현하는 것이다. 이 책은 HTML5 표준과 CSS3 표준을 사용하여 웹 페이지를 구현하는 방법을 중심으로 설명한다. 웹 페이지 레이아웃, 스마트폰 레이아웃, 태블릿 PC 레이아웃, 소셜커머스 메인 페이지 레이아웃을 담았다.

어쩌다가 책을 집필/번역하기 시작해서, 지금까지 계속해서 집필/번역하고 있습니다. 현재 직업 특성상 집에서 나갈 이유가 별로 없다는 것에 굉장히 만족하고 있습니다.
오전에는 커피, 오후에는 홍차를 마십니다. 요리, 피아노, 기타, 작곡, 그림, 스컬핑 등의 취미를 갖고 있습니다. 최근에는 그림 취미로 『인공지능을 위한 수학(프리렉, 2018)』의 표지를 그리기도 했습니다. 이 책의 소개말을 쓰는 시점을 기준으로 이 책은 44번째 도서입니다.

집필도서
『모던 웹을 위한 HTML5+CSS3 입문』 1판(2012), 2판(2015), 3판(2019),
『모던 웹을 위한 JavaScript+jQuery 입문』 1판(2011), 2판(2013), 3판(2017),
『모던 웹을 위한 Node.js 프로그래밍』 1판(2012), 2판(2013), 3판(2016),
『Hello Coding 파이썬』(2018)

PART 1. HTML5 CSS3 기본
____CHAPTER 1. HTML5 개요
________1.1 웹의 역사
________1.2 HTML5를 공부해야 하는 이유
________1.3 구글 크롬 설치
________1.4 Visual Studio Code 설치
________1.5 HTML 페이지 생성하고 실행하기

____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 CSS 선택자란?
________3.2 선택자 종류 개요
________3.3 전체 선택자
________3.4 태그 선택자
________3.5 아이디 선택자와 클래스 선택자
________3.6 속성 선택자
________3.7 후손 선택자와 자손 선택자
________3.8 동위 선택자
________3.9 반응 선택자
________3.10 상태 선택자
________3.11 구조 선택자
________3.12 문자 선택자
________3.13 링크 선택자
________3.14 부정 선택자

____CHAPTER 4. CSS3 스타일 속성 기본
________4.1 스타일 속성을 공부할 때는
________4.2 CSS3 단위
________4.3 가시 속성
________4.4 박스 속성
________4.5 테두리 속성
________4.6 배경 속성
________4.7 폰트 속성
________4.8 위치 속성
________4.9 float 속성
________4.10 clear: both를 사용한 레이아웃
________4.11 그림자 속성
________4.12 그레이디언트
________4.13 벤더 프리픽스

PART 2. HTML5 CSS3를 사용한 레이아웃 구성
____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 뷰포트 meta 태그
________6.3 초기화
________6.4 헤더 구조 구성
________6.5 스프라이트 이미지
________6.6 토글 목록 구성
________6.7 내비게이션 구성(1)
________6.8 내비게이션 구성(2)
________6.9 본문 구성
________6.10 푸터 구성
________6.11 정리
________6.12 전체화면
________6.13 글자 감추기

____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 최종 정리

PART 3. HTML5 CSS3 심화
____CHAPTER 9. CSS3 변형과 애니메이션
________9.1 변형 속성 기본
________9.2 변형 속성
________9.3 키 프레임과 애니메이션 속성

____CHAPTER 10. CSS3 변환
________10.1 변환이란?
________10.2 2차원 변환
________10.4 원근법
________10.5 회전 목마

____CHAPTER 11. CSS 추가 규칙과 반응형 웹
________11.1 규칙(@ - rule)이란?
________11.2 @import 규칙
________11.3 @font -face 규칙
________11.4 @media 규칙
________11.5 반응형 웹
________11.6 화면 방향 전환

____CHAPTER 12. 그리드 시스템
________12.1 정적 그리드 시스템
________12.2 동적 그리드 시스템
________12.3 반응형 그리드 시스템
________12.4 CSS3 그리드 레이아웃

____Appendix A 부트스트랩
____Appendix B Less 스타일시트
____Appendix C 자바스크립트를 활용한 웹 페이지 개발
____Appendix D SVG 태그