Do it! HTML5+CSS3 웹 표준의 정석

고경희 지음

이지스퍼블리싱 2020년 01월 11일 출간 국내도서 : 2019년 12월 27일 출간

작품소개

책소개

7년 연속 웹 분야 1위!
시간이 흘러도 흔들리지 않는 웹 기본기를 쌓고 싶다면 역시 정석으로 배워야 한다!

7년 연속 웹 분야 1위를 굳건히 지키고 있는 《Do it! HTML5+CSS3 웹 표준의 정석》이 전면 개정 2판으로 더욱 새로워졌다! 최신 HTML5, CSS3 표준안 반영은 물론 코딩이 처음인 독자도 쉽고 빠르게 예제를 따라해 볼 수 있는 실습 환경을 제공하여 웹 개발 환경에 빠르게 적응할 수 있도록 했다. 또한 독자들이 직접 만들면서 실습하고, 배운 내용을 복습하고, 연습문제까지 풀어보는 학습 설계로 구성되어 있어 한번 배운 내용을 절대로 까먹지 않는다. 웹을 제대로 배우고 싶다면 기본기는 정석으로 탄탄하게 쌓자!

목차

-------------------------------------------------------------
첫째마당 처음 시작하는 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 플렉스 박스 항목 배치를 위한 속성들

부록
찾아보기

출판사 서평

[개정 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

작가정보

저자(글) 고경희

저자는 2010년 《Do it! HTML5 +CSS3》 출간 이후 꾸준히 HTML5 강의를 해왔다. 자타공인 HTML 권위자인 저자는 웹 초창기부터 ASP와 JAVA 등 전문 서적을 번역하면서 웹 기술에 관심을 가지기 시작했다. 이후 HTML과 DHTML(Dynamic HTML), CSS, Javascript 등 웹 관련 기술을 좀 더 쉽게 익힐 수 있는 서적 60여 종을 집필했다. 홍익대학교 컴퓨터공학과를 졸업하고 동 대학원에서 인공지능을 공부한 뒤 현재 Visual Studio and Development Technologies 분야에서 마이크로소프트 공인 최고 기술자(Microsoft Most Valuable Professional)로 활동 중이다. 2013년 《Do it! HTML5+CSS3 웹 표준의 정석》을 출간한 후 2017년에 개정 1판 작업을 하였고 이번 개정 2판에서 완성도를 더욱 높였다. 이 책에서는 최신 HTML5와 CSS3를 소개하고 최신 브라우저에 맞는 다양한 예제로 누구나 쉽게 웹 기본기를 익힐 수 있도록 풀어 썼다.

대표 저서
《Do it! 지옥에서 온 문서 관리자 깃&깃허브 입문》
《Do it! 웹 프로그래밍을 위한 자바스크립트 기본 편》
《윈도우 10 무작정 따라하기 ? 최신 개정판》
《Do it! 프런트엔드 웹 디자인 입문 - 전면 개정판》
《Do it! HTML5+CSS3 웹 표준의 정석 ? 전면 개정판》
총 60여 종