[개정 2판의 주요 변화] ● 5만 독자의 피드백 반영 -〉 누구나 쉽게 읽을 수 있어요! ● 최신 HTML5, CSS3 표준안, 모던 웹 브라우저 반영 -〉 시대에 뒤처지지 않게 배울 수 있어요! ● 실습 환경 개선 -〉　웹이 처음이어도 예제를 쉽게 따라 할 수 있어요! ● 예제마다 제목 추가 -〉 원하는 기능을 더 빠르게 찾을 수 있어요! ● 자주 쓰는 기능 위주로 정리 -〉 더 유용한 내용으로 채우고 가격 부담은 줄였어요! 웹 분야 1위! 그만한 이유가 있다! 꼭 알아야 하는 내용만 누구나 이해하기 쉽게 담았다! 이 책의 집필 목표는 ‘누구나 쉽게 이해할 수 있는 HTML5 책’이었다. 2013년 9월에 첫 출간된 이후, 2014년에 국립중앙도서관의 컴퓨터 분야 대출 1위 도서로 선정되는 등 오랫동안 웹 분야에서 1위를 놓치지 않았다. 하루가 빠르게 변하는 웹 분야이지만 이 자리를 꾸준히 지킬 수 있었던 이유는 HTML과 CSS를 가장 기본답게 다루기 때문이다. 웹을 공부한다면 꼭 알아야 하는 내용만 모아 누구라도 이 책을 읽고 실습만 따라하면 이해할 수 있게 상세하게 풀어쓴 본문과 실무에서도 쓰임새 있는 예제들이 뒷받침해준다. 아무것도 몰라도 할 수 있다! 태그의 의미부터 반응형 웹까지 한번에! 수많은 독자가 입을 모아 이 책을 ‘웹 분야의 교과서’라고 부른다. 공부를 하려면 교과서로 기초를 쌓아야 문제를 풀 수 있듯이 웹 분야를 배우고 싶은 독자라면 자연스럽게 이 책을 선택하게 된다. 태그가 무엇인지부터 시작해 다양한 개념을 간단명료한 예제들로 충분히 익힐 수 있다. 그리고 직접 만들어 보는 실습은 손으로 입력해 눈으로 결과를 확인한다. 또한 이제는 웹 개발의 기본이 된 반응형 웹까지 놓치지 않고 배울 수 있도록 모두 한 권에 실었다. 태그를 이해하긴 쉽다. 문제는 기억력! 텍스트보다는 예제로! 까먹을 틈을 안 주는 철저한 복습 설계! HTML과 CSS를 조금이라도 공부해 본 사람이라면 ‘HTML과 CSS는 암기 과목’이라는 말에 공감할 것이다. 기본을 익힌 다음에는 배운 내용을 기억해 활용하는 것이 중요하기 때문이다. 그래서 이 책에서는 개념을 익힐 때 긴 텍스트보다는 예제를 많이 사용했다. 그리고 반복 학습할 수 있도록 설계했다. [직접 해보세요!]를 통해 그 장에서 배운 내용을 직접 만들고 결과를 눈으로 확인한다. 또한 예제 중간마다 들어 있는 [1분 복습]을 통해 그동안 배웠던 내용을 간단하게 복습하고, [기억을 되살리는 연습문제]까지 풀면 자신이 배웠던 내용을 잊어버릴 틈이 없을 것이다. 대학, 학원 강의에 최적화된 교재! 모든 예제 소스 파일과 동영상 강의도 제공! 이 책에서 다루는 모든 예제 파일들은 이지스퍼블리싱 홈페이지 [자료실]에서 무료로 다운로드받을 수 있다. 예제를 하나하나 직접 입력해 보는 것도 좋고 소스 파일을 다운로드받은 후 예제를 실행해 결과 화면을 보면서 익히는 것도 좋다. 개념을 잘 이해했다면 각 장 끝에 있는 [기억을 되살리는 연습문제]는 꼭 풀어보자! 문제를 풀었을 때의 성취감은 물론 본문에서 배운 내용을 확실하게 자신의 것으로 만들 수 있다. 실습에 필요한 준비 파일과 함께 완성 파일도 함께 제공되니 학원이나 대학 교재로도 적합하다. 또한 무료로 제공되는 저자 직강 동영상 강의도 놓치지 말고 활용하자! - 예제 파일 다운로드 : www.easyspub.co.kr ▶ [자료실] 게시판 - 동영상 강의 : www.easyspub.co.kr ▶ [동영상 강의] 게시판 자신의 공부 속도에 맞는 학습 계획표로 독학도 문제없다! 30일 정석 코스, 15일 집중 코스 진도표 제공! 무엇이든 목표가 있으면 더 힘차게 달릴 수 있다. 이 책에서는 웹 표준을 공부하려는 독자를 위한 ‘학습 계획표’를 제공한다. 코딩 왕초보라면 [30일 정석 코스]로 기초부터 활용까지 하나씩 차근차근 따라하고, 좀 더 빠르게 공부하고 싶은 독자라면 [15일 집중 코스]에 도전해 보자. 자신이 선택한 진도표에 직접 날짜를 적고 목표를 세워서 한 달 안에 HTML, CSS 표준 공부를 끝내보자! 이 책으로 공부하는 지적인 독자들과 이야기를 나눠보자! 지식 나눔은 물론 함께 공부할 멤버까지 찾을 수 있다! - Do it! 스터디룸 혼자 공부하다가 궁금한 내용이 생기거나 공부를 포기하고 싶을 때는 ‘Do it! 스터디룸을 활용해 보자. 친구들과 만나 자신이 알고 있는 내용을 서로 나누며 공부할 수 있어 뿌듯함을 느낄 수 있을 뿐 아니라 이 책을 끝까지 포기하지 않고 마칠 수 있다. 그리고 이 책에 대한 질문이나 의견은 저자가 운영하는 카페에 올리면 직접 답변을 얻을 수 있다. - 저자에게 질문하고 싶을 때 : cafe.naver.com/doithtml5 ▶ 웹 표준의 정석 ▶ [정석] Q&A게시판 - 함께 공부할 스터디 멤버를 찾고 싶을 때 : cafe.naver.com/doitstudyroom

------------------------------------------------------------- 첫째마당 처음 시작하는 HTML5 ------------------------------------------------------------- 01 HTML 기본 다지기 01-1 HTML과의 첫 만남 01-2 웹 브라우저와 웹 편집기 01-3 HTML 기본 문서 구조 01-4 웹 문서 만들고 업로드하기 [오늘 바로 써먹는 HTML5+CSS3] 블로그와 게시판에서 사용하는 HTML 태그 02 텍스트 관련 태그들 02-1 텍스트를 덩어리로 묶어 주는 태그 02-2 텍스트를 한 줄로 표시하는 태그 02-3 목록을 만드는 태그 02-4 표를 만드는 태그 [기억을 되살리는 연습문제] 03 이미지와 하이퍼링크 03-1 이미지 03-2 링크 만들기 03-3 SVG 이미지 [오늘 바로 써먹는 HTML5+CSS3] 이미지 맵으로 이벤트 페이지 만들기 [기억을 되살리는 연습문제] 04 폼 관련 태그들 04-1 폼 만들기 04-2 사용자 입력을 위한 〈input〉 태그 04-3 〈input〉 태그의 다양한 속성 04-4 여러 데이터 나열해 보여 주기 04-5 기타 다양한 폼 요소들 [기억을 되살리는 연습문제] ------------------------------------------------------------- 둘째마당 CSS3로 완성하는 웹 표준 ------------------------------------------------------------- 05 CSS 기초 05-1 스타일과 스타일 시트 05-2 주요 선택자 05-3 캐스케이딩 스타일 시트(CSS) 05-4 CSS3와 CSS 모듈 06 텍스트 관련 스타일 06-1 글꼴 관련 스타일 06-2 텍스트 스타일 06-3 문단 스타일 06-4 목록 스타일 [기억을 되살리는 연습문제] 07 색상과 배경을 위한 스타일 07-1 웹에서 색상 표현하기 07-2 배경 색과 배경 이미지 07-3 그러데이션 효과로 배경 꾸미기 [오늘 바로 써먹는 HTML5+CSS3] HTML로 마케팅용 메일 작성하기 [기억을 되살리는 연습문제] 08 CSS 박스 모델 08-1 CSS와 박스 모델 08-2 테두리 관련 속성들 08-3 여백을 조절하는 속성들 [기억을 되살리는 연습문제] 09 CSS 레이아웃 09-1 CSS 포지셔닝과 주요 속성들 09-2 다단으로 편집하기 09-3 표 스타일 [기억을 되살리는 연습문제] ------------------------------------------------------------- 셋째마당 HTML, CSS 한 걸음 더 나가기 ------------------------------------------------------------- 10 HTML5와 시맨틱 태그 10-1 HTML5 문서 10-2 문서 구조를 위한 HTML5 시맨틱 태그 10-3 IE8 이하 버전에서는 어떻게 하나요? 11 HTML5와 멀티미디어 11-1 웹과 멀티미디어 11-2 오디오 & 비디오 재생하기 [오늘 바로 써먹는 HTML5+CSS3] 동영상으로 홈페이지 대문 만들기 [기억을 되살리는 연습문제] 12 다재다능한 CSS3 선택자 12-1 연결 선택자 12-2 속성 선택자 12-3 가상 클래스와 가상 요소 [기억을 되살리는 연습문제] 13 CSS3와 애니메이션 13-1 변형 13-2 변형과 관련된 속성들 13-3 트랜지션 13-4 애니메이션 [오늘 바로 써먹는 HTML5+CSS3] 상품 페이지에 가격 떠오르게 만들기 [기억을 되살리는 연습문제] ------------------------------------------------------------- 넷째마당 반응형 웹 사이트 만들기 ------------------------------------------------------------- 14 반응형 웹이란? 14-1 모바일 기기와 웹 디자인 14-2 가변 그리드 레이아웃 14-3 가변 레이아웃과 가변 요소 15 미디어 쿼리 15-1 미디어 쿼리 이해하기 15-2 미디어 쿼리 적용하기 15-3 미디어 쿼리를 사용해 웹 문서 만들기 16 플렉스 박스 레이아웃 16-1 플렉스 박스 레이아웃과 기본 속성들 16-2 플렉스 박스 항목 배치를 위한 속성들 부록 찾아보기