·[직접]은 ‘직접해보세요’ 코너 입니다. 눈으로만 읽지 말고 직접 해보세요!<br/>·[Special]은 실생활에서 사용할 수 있는 예제를 모아놓은 코너 입니다. 학습한 HTML5와 CSS3를 응용해 보세요. <br/><br/>첫째마당<br/>기초 태그부터 시작하는 HTML5의 모든 것<br/><br/>01장 HTML 기본 다지기<br/>01-1 웹, HTML 이해하기 <br/>01-2 왜 HTML과 CSS를 배워야 할까? <br/>01-3 웹 표준은 무엇인가? <br/>01-4 실습 준비하기 <br/>[직접] 무료 편집기 노트패트++ 설치하기 <br/>[직접] 책에 있는 실습과정 준비하기 <br/>[직접] 닷홈에 무료 호스팅 서비스 신청하기 <br/>[직접] 무료 FTP 프로그램 FileZilla 설치하기 <br/>01-5 처음 만드는 HTML 문서 <br/>[직접] 기본 구조의 HTML 문서 만들기 <br/>[직접] 내가 만든 문서 웹 서버에 올리고 확인하기 <br/>01-6 HTML 문서의 구조 <br/>01-7 자주 쓰는 기본 태그 익히기 <br/>01-8 이 사이트는 어떻게 만든 거지? - 개발자 도구 <br/><br/>[Special 01] 블로그와 게시판에서 사용하는 HTML <br/>[Special 02] 네이버 편집기에서 HTML 태그 연습해 보기 <br/><br/>02장 HTML5와 시맨틱 태그<br/>02-1 HTML5의 문서 구조 <br/>02-2 레이아웃을 위한 HTML5 시맨틱 태그들 <br/>02-3 웹 브라우저 버전 고려하기 <br/><br/>03장 텍스트와 하이퍼링크 관련 태그들<br/>03-1 텍스트를 묶어서 처리하는 태그들 <br/>03-2 다양한 텍스트 관련 태그들 <br/>03-3 목록을 만드는 태그들 <br/>[직접] 다양한 텍스트 태그 연습하기 <br/>03-4 표 관련 태그들 <br/>03-5 원하는 곳으로 연결해주는 하이퍼링크 <br/><br/>04장 멀티미디어를 다루는 태그들<br/>04-1 HTML5와 이미지 <br/>[Special 03] 이미지 맵으로 이벤트 페이지 만들기<br/>04-2 이미지 파일에 캡션 붙이기 <br/>[직접] 웹 문서에 이미지 파일 넣기 <br/>04-3 멀티미디어 재생하기 <br/>[직접] 비디오 파일 변환하기 <br/>[직접] 웹 문서에 비디오 파일 넣기<br/>[Special 04] 블로그에 유튜브 동영상 넣기<br/><br/>05장 폼과 관련된 태그들<br/>05-1 폼 만들기 <br/>05-2 사용자가 정보를 입력하는 태그 <br/>05-3 태그의 다양한 속성 <br/>[직접] 상품 주문서 만들기1- 마크업 작성하기 <br/>[직접] 상품 주문서 만들기2- CSS 적용하기 <br/>05-4 여러 데이터 나열해서 보여주기<br/>05-5 기타 다양한 폼 요소들 <br/><br/>둘째마당 <br/>CSS로 완성하는 웹 표준 사이트<br/><br/>06장 스타일시트 기초<br/>06-1 웹 디자인을 실현해 주는 CSS <br/>06-2 스타일의 우선순위 <br/>06-3 선택자 <br/>06-4 속성 선택자 <br/>06-5 가상 클래스 <br/>06-6 다양한 효과를 만들어내는 CSS3<br/><br/>07장 텍스트 관련 스타일<br/>07-1 글꼴 관련 스타일 <br/>07-2 텍스트 스타일 <br/>07-3 텍스트 간격을 조절하는 스타일 <br/>[직접] 텍스트 스타일을 이용해 문서 정리하기 <br/>07-4 목록 스타일 <br/>[직접] 목록 스타일을 이용해 문서 정리하기<br/><br/>08장 색상과 배경을 위한 스타일<br/>08-1 색상과 관련된 스타일 <br/>08-2 배경색과 배경 이미지 <br/>[직접] 제목에 배경 이미지 사용하기 <br/>[직접] 배경색과 배경 이미지 채우기 <br/>08-3 그러데이션 효과로 배경 꾸미기 <br/><br/>[Special 05] 티스토리 블로그에서 스킨 바꾸기<br/><br/>09장 레이아웃을 위한 스타일<br/>09-1 박스 모델 <br/>09-2 테두리 관련 속성들 <br/>09-3 CSS3 박스 관련 속성들 <br/>[직접] 박스 모델로 콘텐츠 정리하기 <br/>09-4 배치와 관련된 블록 레벨과 인라인 레벨 <br/>09-5 여러 요소를 원하는 형태로 배치하기 <br/>[직접] 포지셔닝을 이용해 타일 형식으로 배치하기<br/>09-6 다단으로 편집하기 <br/>[직접] 웹 문서 3단 편집하기 <br/>09-7 표 관련 스타일 <br/><br/>10장 변형(transform)을 위한 스타일<br/>10-1 변형(transtorm) <br/>[직접] 변형을 이용해 그림 강조하기 <br/>10-2 변형과 관련된 속성들 <br/>10-3 시간에 따른 변화를 만들어 주는 트랜지션 <br/>10-4 애니메이션 속성 <br/>[직접] 트랜지션을 이용해 내용 강조하기<br/><br/>[Special 06] CSS로 다양한 사진 효과 만들기<br/>[Special 07] 드롭다운 내비게이션 만들기<br/><br/>셋째마당<br/>PC, 태블릿, 스마트폰용 웹사이트를 한 번에 만든다<br/>반응형 웹사이트 만들기<br/><br/>11장 반응형 웹 디자인과 미디어 쿼리<br/>11-1 자유자재로 변하는 반응형 웹 디자인 <br/>11-2 반응형 웹을 실현시켜주는 미디어 쿼리<br/>11-3 미디어 쿼리를 적용하기 <br/>[직접] PC용 미디어 쿼리 작성하기<br/>[직접] 스마트폰용으로 미디어 쿼리 작성하기<br/><br/>12장 반응형 웹을 만드는 또 다른 방법, 유동형 레이아웃<br/>12-1 유동형 레이아웃<br/>12-2 유동형 레이아웃 만들기<br/>[직접] CSS로 유동형 레이아웃 구성하기<br/>12-3 유동형 이미지와 비디오<br/><br/><br/>13장 그리드 레이아웃으로 웹사이트 제작하기<br/>13-1 반응형 웹사이트 만들기<br/><br/>[Special 08] 최신 웹 기술, HTML5+자바스크립트+API

<b>기초부터 반응형 웹까지! HTML 권위자에게 정석으로 배운다! </b><br/>이 책은 HTML에 대한 사전 지식이 없는 사람들도 예제를 통해 쉽게 배울 수 있는 책이다. 국내 HTML 분야 권위자라 할 수 있는 고경희 선생이 웹 표준의 정석대로, 기초 태그부터 하나하나 제대로 알려준다. <br/>이 책은 HTML5에서 바뀐 태그만 소개한 책이 아니고 실무에 사용되는 태그를 모두 담았으며, 단순히 태그만 배우고 끝나는 게 아니라, 블로그 스킨 꾸미기, 링크를 연결해 이벤트 페이지 단체 메일링하기, 모바일 웹 페이지를 위한 반응형 웹까지 다양한 예제가 들어가 있으므로 이 책을 보고 나면 실제 업무에 바로 들어가도 당황하지 않을 수 있는 실력을 갖출 수 있다. <br/>특히 이 책과 함께 볼 수 있는 저자 직강 동영상 30강이 독자를 위해 무료로 공개된 것도 이 책의 특징이며, 책에 소개된 초보자와 중급자를 위한 50일(10주), 25일(5주) 완성 진도표가 제시되어 있는 점도 돋보이는 점이다. <br/><br/><b>기초 태그부터 시작한다! 문과생도 쉽게 배울 수 있는 책</b><br/>《Do it! HTML5+CSS3 웹 표준의 정석》은 HTML에 대한 사전 지식이 전혀 없더라도 이 책 한권을 통해 기본 이론은 물론 실무를 진행할 수 있을 정도로 실제 업무에서 쓰는 태그를 모두 알려주는 책이다. HTML4부터 5에서 사용되는 태그를 기초 태그부터 모두 담고 있다. 무조건 외우며 학습하는 것이 아닌, 그대로 베껴 쓸 수 있는 150개 이상의 예제를 통해 태그가 어떻게 사용되는지 이해하며 익힐 수 있다. <br/><br/><b>1:1 과외 효과를 느낄 수 있는 저자의 동영상 강의 30강 무료 제공!</b><br/>글보다 하나의 영상으로 보고 들으며 학습할 때 더 빠른 습득이 가능할 때가 있다. 그래서 《Do it! HTML5+CSS3 웹 표준의 정석》은 각 장에서 중요한 내용을 짚어주는 동영상 강의 30개를 제공한다. HTML 관련 분야에서 여러 강의를 진행해온 저자가 1:1 개인 강의를 받는 것처럼 동영상 강의로 더 쉽고 빠르게 배울 수 있도록 도와 줄 것이다. 팟캐스트나 유튜브를 이용하여 스마트폰으로도 볼 수 있어 자투리 시간을 활용하여 학습할 수도 있다. <br/><br/><b>HTML과 CSS의 권위자에게 직접 배워라!</b><br/>이 책은 마이크로소프트에서 세계적으로 활동성을 입증한 Spotlight MVP(최고기술전문가)이자, HTML 정보를 제공하는 UserAgents에서 웹 전문가로 활동하는 저자 고경희 선생이 집필한 책이다. 고경히 선생은 HTML5를 국내 저자로는 처음 우리나라에 소개하여 베스트셀러가 되기도 한 《Do it! HTML5+CSS3》 (바뀐 태그만 빠르게 배우는 단기완성 도서) 저자이기도 하다. 이번 책에서 저자가 엄선한 다양한 예제와 실습 소스를 직접 실행하다 보면 기본적인 이론 뿐 아니라 실제 웹 디자인을 하는 환경에서도 소스를 해석하고 응용할 수 있는 실력을 갖추게 될 것이다.<br/><br/><b>생활 속에서, 실무에서 바로 써먹을 수 있게 해주는 책</b><br/>태그는 꼭 ‘홈페이지를 만들 때만 사용한다?’ 그렇지 않다. 이 책은 태그만 배우고 끝나는 게 아니라, 이 태그와 속성을 생활 속에서 써먹는 방법을 알려준다. 예를 들어 블로그 스킨을 원하는 것으로 바꾸어 홈페이지처럼 꾸미거나 홍보용 이벤트 페이지에 이미지맵 태그를 사용하여 단체 메일링을 하는 방법 등 책에서 배운 태그와 속성을 일상생활과 회사 업무에서 바로 써먹을 수 있는 다양하고 실용적인 예제들을 추가해 놓았다.<br/><br/><b>목표 달성을 도와주는 페이스 메이커, 진도표!</b><br/>스스로 학습할 때 계획을 세워 공부할 수 있도록 개인의 능력에 맞는 진도표를 제공한다. 진도표에는 각 학습을 할 때 꼭 기억해야할 학습 목표도 제시하고 있어 더 쉽게 HTML과 CSS를 배울 수 있다. 초급자는 10주 50일 동안 천천히 학습하며 익히는 진도표를 보면 되고, 중급자는 5주 25일 동안 완료하는 계획을 따라가면 더 수월하게 학습을 마칠 수 있을 것이다. <br/><br/><b>대학 등 교육기관에서 환영받는 인기 교재 예감! </b><br/>각 장마다 배운 것을 실행해볼 수 있도록 도전 미션을 제공하였다. 미션마다 난이도가 표시되어 있고, 응용문제를 제시하여 배운 것(學)을 다시 익히게(習)하여 학습 효과를 높일 수 있게 하였다. <br/>각 장에서 배운 이론도 스스로 정리할 수 있도록 중요한 내용을 퀴즈로 바꾸어 두뇌를 자극하는 방식으로 만든 점도 돋보인다. <br/><br/><b>책에 대한 질문 및 소스 다운로드를 할 수 있는 곳</b><br/>소스 다운로드 http://cafe.naver.com/doithtm5<br/>질의응답 게시판 http://cafe.naver.com/doithtml5 → [HTML5+CSS3 정석] 메뉴

이 한 권이면 다른 책은 필요 없을 듯 ···
HTML5에 대한 이야기는 자주 들었지만, 솔직히 제게는 다른 세상 이야기, 관심 밖의 기술이었습니다. 그러던 중 저를 사로잡는 계기가 있었는데, ‘HTML5와 CSS3가 새로운 표현 도구로 유용한 기술이 될 수 있다.’라는 것이었습니다. HTML5로 화려하고 역동적인 프레젠테이션 도구를 만든 사례는 저를 단숨에 HTML5로 관심을 갖게 만들었습니다. 최근에는 윈도우 8용 HTML5 프레젠테이션 앱도 나왔습니다. HTML5가 안 쓰이는 데가 없다 보니 프레젠테이션 환경도 변화가 있을 것으로 기대됩니다. 이 책은 비전공자도 HTML의 기초 태그부터 차근차근 알려주면서 최신 기술인 HTML5, CSS3까지 정통으로 배울 수 있는 것이 가장 큰 장점입니다. 꼭 웹사이트를 만들 때만 HTML을 사용하는 것이 아닌, 실생활에서 이용할 수 있는 스페셜 예제가 있는 점도 눈에 뜨였습니다. 이 책 한 권이면 HTML과 CSS에 대해 다른 책은 필요 없을 듯하여 추천해 드립니다.
- 배준오 (마이크로소프트 MVP(Most Valuable Professional), PTIA 대표컨설턴트)

대학의 필수 강의가 된 HTML5. 기본부터 제대로 배우는 안성맞춤 책!
웹은 이제 새로운 플랫폼으로 부상하고 있다. 이런 최신 기술을 발 빠르게 익히고 실무에 나가 바로 적용하기 위해 대학에서도 HTML5 수업은 필수이다.
하지만 HTML의 기본부터 최신 기술인 HTML5까지 두루 배우기 쉽지 않았는데, 이 책은 HTML을 전혀 모르는 학생들도 쉽게 따라갈 수 있도록 구성되어 있다. 웹 기본 개념부터 웹 표준인 HTML5와 CSS3까지 차례로 배우면서 최신 기술인 반응형 웹 디자인까지 익힐 수 있어서 교육 현장에는 안성맞춤의 책이라는 생각이 든다. 이제 막 웹을 배우기 시작한 학생들뿐만 아니라 회사 실무에 웹 표준을 도입해야 하는 실무자까지 모두 쉽게 볼 수 있는 지침서로 적극 추천하고 싶다.
- 김현배 (부산교육대학교 컴퓨터교육학과 교수)

국내 집필자로는 처음으로 HTML5 책을 출간한 베스트셀러 저자의 책, 이번 책은 바이블이 될 것!
10년 넘게 HTML 관련 도서를 낸 고경희 님이 2010년에 바뀐 태그만 빠르게 배울 수 있는 HTML5 책을 출간했을 때도 역시 고경희 님이란 생각을 했습니다. 당시 번역한 도서뿐인 HTML5 분야에서 국내 집필자로는 처음으로 HTML 책을 출간하여 베스트셀러가 되었죠. 그 사이 HTML5는 IT 분야 종사자가 아니더라도 교양으로도 배워 두면 누구나 IT 세상을 살아가는 데 도움이 되는 분야가 되었습니다. 특히 이번 책은 중학생도 쉽게 직접 PC에 입력하며 따라할 수 있게 실습 환경부터 설명까지 하나하나 친절하게 배려해주어 HTML5를 빨리 업무에 적용하셔야 하는 분들뿐 아니라 IT 문외한들에게 큰 도움이 될 것으로 보입니다. 거기다 동영상까지 있으니 왕초보뿐 아니라 편하게 이 분야를 정복하려는 IT 분야 종사자에게도 적극 추천합니다.
강영미 ((주)비트리더 부설연구소 소장)