『백견불여일타 HTML5&CSS3』은 앞뒤로 프로젝트 3개를 수록했다. 실무 예제만이 실력을 올리는 가장 빠른 지름길이기 때문이다. 실무 예제로 한번 감을 잡고 기초 이론과 짧은 예제로 몸에 익히고 마지막에 한번 더 프로젝트로 마무리하여 웹 디자인에 자신감을 얻을 수 있도록 하였다. 또한, 최근 CSS3의 뜨거운 기술인 플렉스박스를 완벽하게 정리하였다. 플렉스박스는 CSS3의 레이아웃 마법사라 부를 수 있을 정도의 강력한 속성이다. 미리미리 익혀두고 쓴다면 충분히 좋은 성과를 거둘 수 있을 것이다.
대기업부터 벤처기업까지 다양한 직장 경험을 바탕으로,?지금은 프리랜서로 활동 중에 있으며,?웹사이트 기획,?디자인 및 개발을 주로 하고 있다.
『처음부터 다시 배우는?HTML5 & CSS3』, 『이제 실전이다, HTML5 & CSS3』,?『처음 시작하는?CSS &?워드프레스』, 『부트스트랩으로 디자인하라』, 『CSS 수퍼파워 Sass로 디자인하라』를 집필하였다.
현재 제주에서 재미있게 살아가려고 노력하고 있다.
1장 백견불여일타! HTML5와 CSS3로 기본 웹사이트 만들기1.1 HTML5+CSS3 기초 개념 1.2 우리가 만들 웹사이트로 보는 HTML5 문서 구조 1.3 헤더 만들기-HTML5로 구조 만들기 1.4 헤더 만들기-CSS3와 자바스크립트로 디자인 스타일 정의하기 1.5 헤더 만들기-CSS로 디자인 입히기 1.6 헤더 만들기-디자인 속성 적용하기 1.7 메인 이미지 만들기-대표 이미지로 메인 만들기 1.8 헤더와 메인 이미지 영역 크기 맞추기-box-sizing 속성 적용하기 1.9 본문1 만들기-텍스트 및 사진 처리하기 1.10 본문2 만들기-텍스트 및 아이콘 넣기 1.11 푸터 만들기 [연습문제] [실습문제] 개발 환경을 만들고 익숙해지기 2장 HTML5의 기초2.1 DocType 2.2 XHTML1.0과 HTML5의 차이점 2.3 HTML5에서 사라진 태그 2.4 HTML5에서 추가된 태그 2.5 HTML5 멀티미디어 태그 2.6 canvas와 SVG 2.7 HTML5에서 추가된 form 관련 태그들 [연습문제] [실습문제] HTML5 문서 구성 및 form 작성 실습 3장 CSS3 기초3.1 선택자 3.2 선택자 적용 방법 3.3 개별 선택자의 활용 3.4 박스 모델 [연습문제] [실습문제] 속성 적용과 웹 페이지 디자인 실습 4장 박스 모델의 레이아웃을 결정하는 float, position, 그리고 flexbox4.1 float 속성 4.2 position 속성 4.3 flexbox [연습문제] [실습문제] 블로그 형식의 웹 페이지 디자인 실습 5장 CSS를 이용한 텍스트와 문장 구성5.1 텍스트와 폰트 5.2 웹 폰트 5.3 text-shadow와 멀티 컬럼 5.4 웹 컬러 5.5 텍스트와 문장 구성 관련 속성 [연습문제] [실습문제] 웹 페이지에 텍스트와 문장 구성 실습 6장 CSS3를 이용한 특수효과6.1 트랜지션 효과 6.2 2D Transform 6.3 3D Transform 6.4 애니메이션 [연습문제] [실습문제] 특수효과가 적용된 메뉴 만들기 7장 반응형 웹 디자인과 그리드 시스템7.1 반응형 웹 디자인 7.2 그리드 시스템 [연습문제] [실습문제] 반응형 웹 디자인 실습8장 필요한 만큼 배워보는 자바스크립트8.1 HTML 문서와 상호작용하는 자바스크립트 8.2 자바스크립트 주요 문법 [연습문제] [실습문제] 기초 문법을 적용한 자바스크립트 프로그램 문제 9장 HTML5의 API9.1 API 기초 개념 9.2 드래그 앤 드롭 9.3 지오로케이션 9.4 웹 스토리지 9.5 앱 캐시 9.6 웹 워커 [연습문제] 10장 이것이 실제다! 상용 웹사이트 만들기10.1 싱글 페이지 기반의 웹사이트 제작하기 10.2 내비게이션 만들기 10.3 프론트 페이지 만들기 10.4 추가 메뉴 페이지 만들기 10.5 입력 폼이 있는 [고객센터] 페이지 만들기 10.6 푸터 페이지 만들기 10.7 반응형 웹 페이지로 제작하기 10.8 멀티 페이지 기반의 웹사이트 만들기 부록A HTML5와 CSS3 호환성 문제 해결 방법 부록B PC에 웹 서버 설치하기 찾아보기
