책소개
HTML5, CSS3를 배우는 것보다 더 중요한 것은 그것을 이용해 웹 페이지를 구현하는 것이다. 이 책은 HTML5 표준과 CSS3 표준을 사용하여 웹 페이지를 구현하는 방법을 중심으로 설명한다. 웹 페이지 레이아웃, 스마트폰 레이아웃, 태블릿 PC 레이아웃, 소셜커머스 메인 페이지 레이아웃을 담았다.<br></br><br></br><iframe width="560" height="315" src="https://www.youtube.com/embed/XMipmINnMwI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br></br>
저자소개
어쩌다가 책을 집필/번역하기 시작해서, 지금까지 계속해서 집필/번역하고 있습니다. 현재 직업 특성상 집에서 나갈 이유가 별로 없다는 것에 굉장히 만족하고 있습니다.<br>오전에는 커피, 오후에는 홍차를 마십니다. 요리, 피아노, 기타, 작곡, 그림, 스컬핑 등의 취미를 갖고 있습니다. 최근에는 그림 취미로 『인공지능을 위한 수학(프리렉, 2018)』의 표지를 그리기도 했습니다. 이 책의 소개말을 쓰는 시점을 기준으로 이 책은 44번째 도서입니다.<br><br>집필도서<br>『모던 웹을 위한 HTML5+CSS3 입문』 1판(2012), 2판(2015), 3판(2019),<br>『모던 웹을 위한 JavaScript+jQuery 입문』 1판(2011), 2판(2013), 3판(2017),<br>『모던 웹을 위한 Node.js 프로그래밍』 1판(2012), 2판(2013), 3판(2016),<br>『Hello Coding 파이썬』(2018)
목차
PART 1. HTML5 CSS3 기본</br>____CHAPTER 1. HTML5 개요</br>________1.1 웹의 역사 </br>________1.2 HTML5를 공부해야 하는 이유 </br>________1.3 구글 크롬 설치</br>________1.4 Visual Studio Code 설치</br>________1.5 HTML 페이지 생성하고 실행하기</br></br>____CHAPTER 2. HTML5 태그 기본</br>________2.1 HTML5 기본 용어 정리</br>________2.2 HTML5 페이지 구조 </br>________2.3 글자 태그</br>________2.4 목록 태그</br>________2.5 테이블 태그</br>________2.6 이미지 태그</br>________2.7 오디오 태그</br>________2.8 비디오 태그</br>________2.9 입력 양식 태그</br>________2.10 공간 분할 태그</br></br>____CHAPTER 3. CSS3 선택자 기본</br>________3.1 CSS 선택자란?</br>________3.2 선택자 종류 개요 </br>________3.3 전체 선택자</br>________3.4 태그 선택자</br>________3.5 아이디 선택자와 클래스 선택자</br>________3.6 속성 선택자</br>________3.7 후손 선택자와 자손 선택자</br>________3.8 동위 선택자</br>________3.9 반응 선택자</br>________3.10 상태 선택자</br>________3.11 구조 선택자</br>________3.12 문자 선택자</br>________3.13 링크 선택자</br>________3.14 부정 선택자</br></br>____CHAPTER 4. CSS3 스타일 속성 기본</br>________4.1 스타일 속성을 공부할 때는</br>________4.2 CSS3 단위</br>________4.3 가시 속성</br>________4.4 박스 속성</br>________4.5 테두리 속성</br>________4.6 배경 속성</br>________4.7 폰트 속성</br>________4.8 위치 속성</br>________4.9 float 속성</br>________4.10 clear: both를 사용한 레이아웃</br>________4.11 그림자 속성</br>________4.12 그레이디언트</br>________4.13 벤더 프리픽스</br></br>PART 2. HTML5 CSS3를 사용한 레이아웃 구성</br>____CHAPTER 5. 웹 페이지 레이아웃</br>________5.1 웹 페이지 개요</br>________5.2 레이아웃 구분</br>________5.3 초기화</br>________5.4 헤더 구조 작성</br>________5.5 웹 폰트</br>________5.6 수평 메뉴</br>________5.7 콘텐츠 구성</br>________5.8 본문 구성</br>________5.9 사이드 탭바 구성</br>________5.10 목록 구성</br>________5.11 푸터 구성</br>________5.12 정리</br></br>____CHAPTER 6. 스마트폰 레이아웃</br>________6.1 스마트폰 개요</br>________6.2 뷰포트 meta 태그</br>________6.3 초기화</br>________6.4 헤더 구조 구성</br>________6.5 스프라이트 이미지</br>________6.6 토글 목록 구성</br>________6.7 내비게이션 구성(1)</br>________6.8 내비게이션 구성(2)</br>________6.9 본문 구성</br>________6.10 푸터 구성</br>________6.11 정리</br>________6.12 전체화면</br>________6.13 글자 감추기</br></br>____CHAPTER 7. 태블릿 PC 레이아웃</br>________7.1 초기화</br>________7.2 헤더 구성</br>________7.3 내비게이션 구성</br>________7.4 콘텐츠 구성</br>________7.5 수직 목록 구성</br>________7.6 본문 구성</br>________7.7 푸터 구성</br>________7.8 정리</br>________7.9 고정 바</br></br>____CHAPTER 8. 소셜커머스 메인 페이지</br>________8.1 초기화</br>________8.2 헤더 구성</br>________8.3 사이드 구성</br>________8.4 내비게이션 구성(1)</br>________8.5 내비게이션 구성(2)</br>________8.6 목록 구성</br>________8.7 콘텐츠 구성</br>________8.8 최종 정리</br></br>PART 3. HTML5 CSS3 심화</br>____CHAPTER 9. CSS3 변형과 애니메이션</br>________9.1 변형 속성 기본</br>________9.2 변형 속성</br>________9.3 키 프레임과 애니메이션 속성</br></br>____CHAPTER 10. CSS3 변환</br>________10.1 변환이란?</br>________10.2 2차원 변환</br>________10.4 원근법</br>________10.5 회전 목마</br></br>____CHAPTER 11. CSS 추가 규칙과 반응형 웹</br>________11.1 규칙(@ - rule)이란?</br>________11.2 @import 규칙</br>________11.3 @font -face 규칙</br>________11.4 @media 규칙</br>________11.5 반응형 웹</br>________11.6 화면 방향 전환</br></br>____CHAPTER 12. 그리드 시스템</br>________12.1 정적 그리드 시스템</br>________12.2 동적 그리드 시스템</br>________12.3 반응형 그리드 시스템</br>________12.4 CSS3 그리드 레이아웃</br></br>____Appendix A 부트스트랩</br>____Appendix B Less 스타일시트</br>____Appendix C 자바스크립트를 활용한 웹 페이지 개발</br>____Appendix D SVG 태그
