Do it! HTML+CSS 웹 표준의 정석 (탄탄한 웹 기본기를 위한 교과서 | 개정판 3 판)

고경희

저자:고경희
홍익대학교컴퓨터공학과를졸업하고동대학원에서인공지능을공부했다.인터넷이막대중화되던1990년대후반부터웹기술을쉽게배우고가르치는일에관심을갖고,지금까지70여권이넘는책을집필했다.HTML,CSS,자바스크립트,깃·깃허브등웹의기본기를누구나이해할수있도록풀어내며많은독자들이웹개발의첫걸음을떼는데도움을주었고,특히《Doit!HTML+CSS+자바스크립트웹표준의정석》은수많은입문자들이웹개발을시작할때가장먼저찾는책으로자리잡았다.‘기본기를놓치지않는학습이가장중요하다’는신념으로독자들이단단한기초위에실력을쌓을수있도록돕고있다.생성형AI가코딩의판도를바꾸고있는지금도개발자의기본소양을기르는일에변함없이최선을다하고있다.

대표저서
●《Doit!5일만에끝내는깃&깃허브입문》(이지스퍼블리싱,2024)
●《Doit!HTML+CSS+자바스크립트웹표준의정석》(이지스퍼블리싱,2024)
●《Doit!Node.js프로그래밍입문》(이지스퍼블리싱,2023)
●《Doit!모던자바스크립트프로그래밍의정석》(이지스퍼블리싱,2022)
●《Doit!자바스크립트입문》(이지스퍼블리싱,2021)
●《Doit!HTML5+CSS3웹표준의정석》(이지스퍼블리싱,2019)

첫째마당웹과HTML시작하기

01웹은어떻게움직일까
__01-1여러형태의웹사이트
__01-2네트워크이해하기
__01-3웹의기본동작이해하기
__01-4웹접근성알아보기
__01장되새김문제

02웹개발시작하기
__02-1웹개발,어디서부터시작할까
__02-2웹개발환경설정하기

03HTML기본문서만들기
__03-1HTML과첫만남
__03-2HTML의구조파악하기
__03-3HTML파일만들기
__03-4웹문서의구조를만드는시맨틱태그
__03장되새김문제

04웹문서에다양한내용입력하기
__04-1텍스트입력하기
__04-2목록만들기
__04-3표만들기
__04-4이미지삽입하기
__04-5오디오와비디오삽입하기
__04-6하이퍼링크삽입하기
__04장되새김문제

05입력양식작성하기
__05-1폼삽입하기
__05-2사용자입력을위한input태그
__05-3input태그의주요속성
__05-4폼에서사용하는여러가지태그
__05장되새김문제

둘째마당CSS다루기

06CSS의기본
__06-1스타일과스타일시트
__06-2CSS기본선택자알아보기
__06-3캐스케이딩스타일시트알아보기
__06장되새김문제

07텍스트를표현하는다양한스타일
__07-1글꼴관련스타일
__07-2웹폰트와아이콘폰트사용하기
__07-3텍스트관련스타일
__07-4목록스타일
__07-5표스타일
__07장되새김문제

08CSS박스모델
__08-1CSS와박스모델
__08-2테두리스타일지정하기
__08-3여백을조절하는속성
__08-4웹문서의레이아웃만들기
__08-5웹요소의위치지정하기
__08장되새김문제

09이미지와그러데이션효과로배경꾸미기
__09-1배경색과배경범위지정하기
__09-2배경이미지지정하기
__09-3그러데이션효과로배경꾸미기
__09장되새김문제

셋째마당반응형웹만들기

10반응형웹과미디어쿼리
__10-1반응형웹알아보기
__10-2반응형요소만들기
__10-3미디어쿼리알아보기
__10장되새김문제

11플렉스박스레이아웃으로배치하기
__11-1배치를위한기본속성살펴보기
__11-2반응형웹을위한속성살펴보기
__11장되새김문제

12CSS그리드레이아웃으로배치하기
__12-1CSS그리드레이아웃사용하기
__12-2그리드라인과템플릿영역으로배치하기
__12장되새김문제

넷째마당CSS고급기능

13CSS고급선택자
__13-1연결선택자
__13-2속성선택자
__13-3가상클래스와가상요소
__13-4CSS함수살펴보기
__13장되새김문제

14트랜지션과애니메이션
__14-1트랜스폼알아보기
__14-2트랜지션알아보기
__14-3애니메이션알아보기
__14장되새김문제

부록A〈AI와협업하는개발자되기〉
부록B〈Doit!웹개발면허시험〉

찾아보기

AI시대,탄탄한웹기본기를위한교과서
《Doit!HTML+CSS웹표준의정석》개정3판출간!

2017년초판을발행한이후수많은웹개발입문자와함께해온《Doit!HTML+CSS웹표준의정석》이개정3판으로새롭게돌아왔습니다.이제는AI에게‘홈페이지를만들어줘’라고요청하면실제로코드를작성해주는시대입니다.하지만진짜중요한것은그코드를이해하고수정할수있는사람이필요하다는것입니다.AI는우리가묻는만큼만답해주기때문입니다.그래서무엇을만들고왜그렇게만들어야하는지아는사람이야말로AI를가장잘활용할수있습니다.

아무리시대가변해도웹개발의기초를이루는핵심기술이HTML과CSS라는점은변하지않습니다.이책은웹입문자가기초를확실하게다질수있도록HTML의태그가무엇인지부터친절하게알려줍니다.단순히문법을익히는것으로끝나지않고AI와협업하며코딩할수있는기본실력을쌓도록돕습니다.이번개정판에는최신기술과웹트렌드를반영하고AI시대에맞춘〈AI와협업하는개발자되기〉와스스로웹개발실력을점검해보는〈Doit!웹개발면허시험〉을부록으로수록했습니다.그결과지금웹개발에입문하는사람에게딱맞는책으로완성되었습니다.

이책,이런분께추천해요!
●웹프로그래밍이궁금한코딩초보자
●웹개발자가되고싶은취업준비생
●웹개발자와소통하고싶은웹기획자
●퍼블리싱도함께해야하는웹디자이너
●웹개발을체계적으로알려줄교재를찾고있는교강사

실습→복습→평가까지한번에!
체계적인학습설계로공부효과가3배!

이책은한번만읽어도세번읽은것같은효과를얻을수있도록구성했습니다.

1.장이시작할때마다‘이장을다공부하면!’코너에서학습목표를미리파악한뒤,다양한예제를직접코딩하며실습을진행합니다.이책은빈칸을직접채워넣는손코딩문제부터프로그램을단계별로따라만들어보는‘Doit!실습’까지총250여개의예제를제공합니다.
2.장하나를다공부하면‘확인’코너의질문에답하며그장에서무엇을배웠는지돌아봅니다.
3.마지막으로‘되새김문제’로배운내용을얼마나이해했는지스스로평가합니다.

이렇게체계적인구성에따라공부하다보면가장효율적인학습효과를기대할수있습니다.

웹개발실력향상을위한특별한부록2종
AI활용법과웹개발면허시험수록!

부록A〈AI와협업하는개발자되기〉에서는AI와함께코드를작성하는방법을배웁니다.AI코딩이무엇인지알아보고AI코딩도구를이용해HTML과CSS코드를만드는과정을단계별로실습합니다.AI를단순히도우미가아닌‘함께일하는동료’로활용하는방법을배우면학습속도가훨씬빨라질거예요!
모든학습을마쳤다면부록B〈Doit!웹개발면허시험〉으로최종실력을점검해보세요.시험이끝나면점수를매기고나의웹개발등급을확인해보세요.책에서제공하는등급표로현재자신의실력과앞으로보완해야할부분을한눈에파악할수있습니다.아는내용은확실히다지고부족한부분은다시복습하다보면어느새실력이눈에띄게올라있을거예요!

일대일과외를받는듯한
저자직강동영상무료제공

저자가직접해설해주는동영상과함께공부해보세요.도중에포기하지않고더쉽게완독하는경험을할수있습니다.웹개발을독학하려고계획을세웠거나학교에서공부한내용을복습하고싶다면책과함께동영상강의를꼭활용해보세요.

독학과교재모두추천!
공부속도에맞는학습계획표2종제공

목표를세우고공부하면두꺼운책도끝까지읽을수있습니다.차근차근공부하고싶다면‘30일정석코스’로,짧은기간에집중해서빠르게끝내고싶다면‘15일집중코스’로학습계획을세워보세요.계획한대로책을다읽고나면웹개발의기초를완전히정복할수있을거예요.강의계획을세울때참고하기도좋으니학원이나대학교재로도적극활용해보세요.

예제소스파일은이지스퍼블리싱홈페이지의자료실또는저자깃허브에서제공합니다
●이지스퍼블리싱홈페이지:www.easyspub.co.kr→[자료실]클릭→도서명검색
●저자깃허브:https://github.com/funnycom/doit-hc

함께배우고,나누고,성장하는‘Doit!스터디룸’으로오세요!
혼자계획을세우고공부하다보면금방지치기마련입니다.어려운내용은나와비슷한고민을하는독자를만나공유해보세요.서로도움을주고받으며공부하면더보람차니까요.내가잘이해한내용은남을도와주고내가잘이해하지못한내용은도움을받으면서공부하면복습효과도누릴수있습니다.멀리가려면친구와함께해보세요.
●Doit!스터디룸:cafe.naver.com/doitstudyroom