책소개

HTML5, CSS3를 배우는 것보다 더 중요한 것은 그것을 이용해 웹 페이지를 구현하는 것입니다. 이 책은 HTML5 표준과 CSS3 표준을 사용하여 웹 페이지를 구현하는 방법을 중심으로 설명합니다. 웹 페이지 레이아웃, 스마트폰 레이아웃, 태블릿 PC 레이아웃, 소셜커머스 메인 페이지 레이아웃을 담았습니다.<BR>;<BR>;<b>;어떤 독자를 위한 책인가?</b>;<BR>;-. HTML5, CSS3를 처음 접하는 입문자, 웹 디자이너<BR>;-. 웹 페이지, 스마트폰, 태블릿 PC 레이아웃을 한 번에 배우고자 하는 웹 프로그래머<BR>;-. 최신 버전의 HTML5, CSS3, ECMAScript 2019을 배우고, 웹 표준 레이아웃에 적용하고자 하는 웹 프로그래머<BR>;<BR>;<b>;&gt; HTML5, CSS3를 배우는 것만이 목적이 아니라,<BR>; 그것을 이용해 웹 페이지를 구현하는 것이 목적인 당신을 위한 책입니다.</b>;<BR>;<BR>;HTML5 태그 이름은 모두 알고 있는데 이를 어떻게 활용하는지 감을 잡지 못한다면,<BR>;CSS3 스타일 속성 이름은 모두 알고 있는데 이를 사용해 레이아웃을 어떻게 구성해야 할지 모른다면,<BR>;HTML5+CSS3를 배웠다고 할 수 있을까요?<BR>;<BR>;중요한 것은 HTML5, CSS3를 배우는 것이 아닙니다.<BR>;그것을 이용해 웹 페이지를 구현하는 것이 중요합니다.<BR>;이 책은 HTML5 표준과 CSS3 표준을 사용하여 웹 페이지를 구현하는 방법을 중심으로 설명합니다.<BR>;웹 페이지 레이아웃, 스마트폰 레이아웃, 태블릿 PC 레이아웃, 소셜커머스 메인 페이지 레이아웃을 담았습니다.<BR>;<BR>;HTML5+CSS3부터 Javascript, Node.js까지<BR>;『모던 웹을 위한』 시리즈로 웹 개발을 시작하세요.

저자소개

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

목차

PART 1. HTML5+CSS3 기본
\r\n____CHAPTER 1. HTML5 개요
\r\n________1.1 웹의 역사
\r\n________1.2 HTML5를 공부해야 하는 이유
\r\n________1.3 구글 크롬 설치
\r\n________1.4 Visual Studio Code 설치
\r\n________1.5 HTML 페이지 생성하고 실행하기
\r\n
\r\n____CHAPTER 2. HTML5 태그 기본
\r\n________2.1 HTML5 기본 용어 정리
\r\n________2.2 HTML5 페이지 구조
\r\n________2.3 글자 태그
\r\n________2.4 목록 태그
\r\n________2.5 테이블 태그
\r\n________2.6 이미지 태그
\r\n________2.7 오디오 태그
\r\n________2.8 비디오 태그
\r\n________2.9 입력 양식 태그
\r\n________2.10 공간 분할 태그
\r\n
\r\n____CHAPTER 3. CSS3 선택자 기본
\r\n________3.1 CSS 선택자란?
\r\n________3.2 선택자 종류 개요
\r\n________3.3 전체 선택자
\r\n________3.4 태그 선택자
\r\n________3.5 아이디 선택자와 클래스 선택자
\r\n________3.6 속성 선택자
\r\n________3.7 후손 선택자와 자손 선택자
\r\n________3.8 동위 선택자
\r\n________3.9 반응 선택자
\r\n________3.10 상태 선택자
\r\n________3.11 구조 선택자
\r\n________3.12 문자 선택자
\r\n________3.13 링크 선택자
\r\n________3.14 부정 선택자
\r\n
\r\n____CHAPTER 4. CSS3 스타일 속성 기본
\r\n________4.1 스타일 속성을 공부할 때는
\r\n________4.2 CSS3 단위
\r\n________4.3 가시 속성
\r\n________4.4 박스 속성
\r\n________4.5 테두리 속성
\r\n________4.6 배경 속성
\r\n________4.7 폰트 속성
\r\n________4.8 위치 속성
\r\n________4.9 float 속성
\r\n________4.10 clear: both를 사용한 레이아웃
\r\n________4.11 그림자 속성
\r\n________4.12 그레이디언트
\r\n________4.13 벤더 프리픽스
\r\n
\r\nPART 2. HTML5+CSS3를 사용한 레이아웃 구성
\r\n____CHAPTER 5. 웹 페이지 레이아웃
\r\n________5.1 웹 페이지 개요
\r\n________5.2 레이아웃 구분
\r\n________5.3 초기화
\r\n________5.4 헤더 구조 작성
\r\n________5.5 웹 폰트
\r\n________5.6 수평 메뉴
\r\n________5.7 콘텐츠 구성
\r\n________5.8 본문 구성
\r\n________5.9 사이드 탭바 구성
\r\n________5.10 목록 구성
\r\n________5.11 푸터 구성
\r\n________5.12 정리
\r\n
\r\n____CHAPTER 6. 스마트폰 레이아웃
\r\n________6.1 스마트폰 개요
\r\n________6.2 뷰포트 meta 태그
\r\n________6.3 초기화
\r\n________6.4 헤더 구조 구성
\r\n________6.5 스프라이트 이미지
\r\n________6.6 토글 목록 구성
\r\n________6.7 내비게이션 구성(1)
\r\n________6.8 내비게이션 구성(2)
\r\n________6.9 본문 구성
\r\n________6.10 푸터 구성
\r\n________6.11 정리
\r\n________6.12 전체화면
\r\n________6.13 글자 감추기
\r\n
\r\n____CHAPTER 7. 태블릿 PC 레이아웃
\r\n________7.1 초기화
\r\n________7.2 헤더 구성
\r\n________7.3 내비게이션 구성
\r\n________7.4 콘텐츠 구성
\r\n________7.5 수직 목록 구성
\r\n________7.6 본문 구성
\r\n________7.7 푸터 구성
\r\n________7.8 정리
\r\n________7.9 고정 바
\r\n
\r\n____CHAPTER 8. 소셜커머스 메인 페이지
\r\n________8.1 초기화
\r\n________8.2 헤더 구성
\r\n________8.3 사이드 구성
\r\n________8.4 내비게이션 구성(1)
\r\n________8.5 내비게이션 구성(2)
\r\n________8.6 목록 구성
\r\n________8.7 콘텐츠 구성
\r\n________8.8 최종 정리
\r\n
\r\nPART 3. HTML5+CSS3 심화
\r\n____CHAPTER 9. CSS3 변형과 애니메이션
\r\n________9.1 변형 속성 기본
\r\n________9.2 변형 속성
\r\n________9.3 키 프레임과 애니메이션 속성
\r\n
\r\n____CHAPTER 10. CSS3 변환
\r\n________10.1 변환이란?
\r\n________10.2 2차원 변환
\r\n________10.4 원근법
\r\n________10.5 회전 목마
\r\n
\r\n____CHAPTER 11. CSS 추가 규칙과 반응형 웹
\r\n________11.1 규칙(@ - rule)이란?
\r\n________11.2 @import 규칙
\r\n________11.3 @font -face 규칙
\r\n________11.4 @media 규칙
\r\n________11.5 반응형 웹
\r\n________11.6 화면 방향 전환
\r\n
\r\n____CHAPTER 12. 그리드 시스템
\r\n________12.1 정적 그리드 시스템
\r\n________12.2 동적 그리드 시스템
\r\n________12.3 반응형 그리드 시스템
\r\n________12.4 CSS3 그리드 레이아웃
\r\n
\r\n____Appendix A 부트스트랩
\r\n____Appendix B Less 스타일시트
\r\n____Appendix C 자바스크립트를 활용한 웹 페이지 개발
\r\n____Appendix D SVG 태그

한줄 서평