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 태그
