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

고경희

2010년『Doit!HTML5+CSS3』를출간한후웹관련강의와집필을꾸준히해왔다.웹초창기부터ASP와자바등을소개하는전문도서를번역하면서웹기술에관심을가지기시작했고,이후HTML과DHTML(DynamicHTML),CSS,자바스크립트등웹관련기술을더쉽게익힐수있는도서60여종을집필했다.특히2021년출간한『Doit!HTML+CSS+자바스크립트웹표준의정석』은웹개발에입문하는사람의필독서로자리매김하여2년째웹분야베스트셀러1위를이어오고있다.홍익대학교컴퓨터공학과를졸업하고동대학원에서인공지능을공부한뒤,현재DevelopmentTechnologies분야에서마이크로소프트공인최고기술자(MicrosoftMostValuableProfessional)로활동하고있다.

-------------------------------------------------------------
첫째마당처음시작하는HTML5
-------------------------------------------------------------

01HTML기본다지기
01-1HTML과의첫만남
01-2웹브라우저와웹편집기
01-3HTML기본문서구조
01-4웹문서만들고업로드하기
[오늘바로써먹는HTML5+CSS3]
블로그와게시판에서사용하는HTML태그

02텍스트관련태그들
02-1텍스트를덩어리로묶어주는태그
02-2텍스트를한줄로표시하는태그
02-3목록을만드는태그
02-4표를만드는태그
[기억을되살리는연습문제]

03이미지와하이퍼링크
03-1이미지
03-2링크만들기
03-3SVG이미지
[오늘바로써먹는HTML5+CSS3]
이미지맵으로이벤트페이지만들기
[기억을되살리는연습문제]

04폼관련태그들
04-1폼만들기
04-2사용자입력을위한태그
04-3태그의다양한속성
04-4여러데이터나열해보여주기
04-5기타다양한폼요소들
[기억을되살리는연습문제]

-------------------------------------------------------------
둘째마당CSS3로완성하는웹표준
-------------------------------------------------------------

05CSS기초
05-1스타일과스타일시트
05-2주요선택자
05-3캐스케이딩스타일시트(CSS)
05-4CSS3와CSS모듈

06텍스트관련스타일
06-1글꼴관련스타일
06-2텍스트스타일
06-3문단스타일
06-4목록스타일
[기억을되살리는연습문제]

07색상과배경을위한스타일
07-1웹에서색상표현하기
07-2배경색과배경이미지
07-3그러데이션효과로배경꾸미기
[오늘바로써먹는HTML5+CSS3]
HTML로마케팅용메일작성하기
[기억을되살리는연습문제]

08CSS박스모델
08-1CSS와박스모델
08-2테두리관련속성들
08-3여백을조절하는속성들
[기억을되살리는연습문제]

09CSS레이아웃
09-1CSS포지셔닝과주요속성들
09-2다단으로편집하기
09-3표스타일
[기억을되살리는연습문제]

-------------------------------------------------------------
셋째마당HTML,CSS한걸음더나가기
-------------------------------------------------------------

10HTML5와시맨틱태그
10-1HTML5문서
10-2문서구조를위한HTML5시맨틱태그
10-3IE8이하버전에서는어떻게하나요?

11HTML5와멀티미디어
11-1웹과멀티미디어
11-2오디오&비디오재생하기
[오늘바로써먹는HTML5+CSS3]
동영상으로홈페이지대문만들기
[기억을되살리는연습문제]

12다재다능한CSS3선택자
12-1연결선택자
12-2속성선택자
12-3가상클래스와가상요소
[기억을되살리는연습문제]

13CSS3와애니메이션
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플렉스박스항목배치를위한속성들

부록
찾아보기

웹분야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표준공부를끝내보자!

이책으로공부하는지적인독자들과이야기를나눠보자!
지식나눔은물론함께공부할멤버까지찾을수있다!-Doit!스터디룸
혼자공부하다가궁금한내용이생기거나공부를포기하고싶을때는‘Doit!스터디룸을활용해보자.친구들과만나자신이알고있는내용을서로나누며공부할수있어뿌듯함을느낄수있을뿐아니라이책을끝까지포기하지않고마칠수있다.그리고이책에대한질문이나의견은저자가운영하는카페에올리면직접답변을얻을수있다.
-저자에게질문하고싶을때:cafe.naver.com/doithtml5▶웹표준의정석▶[정석]Q&A게시판
-함께공부할스터디멤버를찾고싶을때:cafe.naver.com/doitstudyroom