확장메뉴
주요메뉴


소득공제 베스트셀러
미리보기 공유하기

Do it! HTML+CSS+자바스크립트 웹 표준의 정석

: 한 권으로 끝내는 웹 기본 교과서

이지스퍼블리싱-Do it! 시리즈이동
리뷰 총점9.6 리뷰 21건 | 판매지수 45,297
베스트
IT 모바일 17위 | IT 모바일 top20 71주
신상품이 출시되면 알려드립니다. 시리즈 알림신청
명화를 담은 커피, 가을을 닮은 책 - 명화 드립백/명화 캡슐 커피/명화 내열 유리컵+드립백 세트/매거진 랙
[IT 기획전] IT, 모두의 교양
9월의 얼리리더 주목신간 : 웰컴 투 북월드 배지 증정
[대학생X취준생] 꼭 공부를 해야 할 상황이라면? 2학기, 공부할 결심!
박해선 저자의 머신러닝/딥러닝 패스
[단독]『혼자 공부하는 파이썬』 개정판 출간
내일은 개발자! 코딩테스트 대비 도서전
[단독] 에듀윌 IT 자격증 기획전 - 가장 빠른 합격출구 EXIT
이지스퍼블리싱 조코딩 프로그래밍 입문 출간 기념 이벤트
개발자 패키지로 스펙업!
9월 전사
쇼핑혜택
1 2 3 4 5

품목정보

품목정보
출간일 2021년 01월 22일
쪽수, 무게, 크기 648쪽 | 188*257mm
ISBN13 9791163032212
ISBN10 1163032212

이 상품의 태그

책소개 책소개 보이기/감추기

웹 분야 1위! 그만한 이유가 있다!
키보드를 잡고 실습하다 보면
웹 개발의 3대 기술이 끝난다!


웹의 기본을 한 권으로 끝낼 수 있는 책이 탄생했다! 8년 연속 웹 분야 도서 1위인 《Do it! HTML5+CSS3 웹 표준의 정석》의 고경희 저자는 ‘HTML, CSS, 자바스크립트를 한 권으로’ 배우고 싶다는 많은 독자의 요구를 모아 최신 경향을 반영한 이 책을 집필했다. 웹 개발을 시작하는 입문자도 쉽게 실습할 수 있고, 중요한 문법만 다시 공부하고 싶은 중?고급자에게도 도움이 된다.

친절한 설명은 기본! 핵심만 쏙쏙 뽑아서 실무에 바로 사용할 수 있는 예제도 풍성하게 담겨 있다. 또한 최신 웹 표준 기술인 HTML5, CSS3, 자바스크립트(ES6)를 기준으로 설명하며 책의 모든 내용을 압축한 최종 프로젝트 〈웹 사이트 만들기〉 PDF 전자책을 무료로 추가 제공한다. 수많은 독자가 입을 모아 ‘웹 분야의 교과서’라고 부르는 이유를 지금 확인해 보자!

목차 목차 보이기/감추기

첫째마당
웹 개발 기본 다지기


01 웹 개발 시작하기
__01-1 웹 개발 알아보기
__01-2 웹 개발, 어디서부터 시작할까

02 웹 개발 환경 만들기
__02-1 웹 브라우저와 웹 편집기
__02-2 웹 개발 환경 설정하기


둘째마당
HTML 시작하기


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

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

05 입력 양식 작성하기
__05-1 폼 삽입하기
__05-2 사용자 입력을 위한 input 태그
__05-3 input 태그의 주요 속성
__05-4 폼에서 사용하는 여러 가지 태그
__한눈에 정리하기
__마무리 문제


셋째마당
CSS 다루기


06 CSS의 기본
__06-1 웹 문서에 디자인 입히기
__06-2 스타일과 스타일 시트
__06-3 CSS 기본 선택자 알아보기
__06-4 캐스케이딩 스타일 시트 알아보기
__한눈에 정리하기
__마무리 문제

07 텍스트를 표현하는 다양한 스타일
__07-1 글꼴 관련 스타일
__07-2 웹 폰트 사용하기
__07-3 텍스트 관련 스타일
__07-4 목록 스타일
__07-5 표 스타일
__한눈에 정리하기
__마무리 문제

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

09 이미지와 그러데이션 효과로 배경 꾸미기
__09-1 배경색과 배경 범위 지정하기
__09-2 배경 이미지 지정하기
__09-3 그러데이션 효과로 배경 꾸미기
__한눈에 정리하기
__마무리 문제

10 CSS 고급 선택자
__10-1 연결 선택자
__10-2 속성 선택자
__10-3 가상 클래스와 가상 요소
__한눈에 정리하기
__마무리 문제

11 트랜지션과 애니메이션
__11-1 변형 알아보기
__11-2 트랜지션 알아보기
__11-3 애니메이션 알아보기
한눈에 정리하기
마무리 문제

12 반응형 웹과 미디어 쿼리
__12-1 반응형 웹 알아보기
__12-2 미디어 쿼리 알아보기
__12-3 그리드 레이아웃 알아보기
__12-4 플렉스 박스 레이아웃 알아보기
__12-5 CSS 그리드 레이아웃 사용하기
한눈에 정리하기


넷째마당
자바스크립트 기초


13 자바스크립트와 첫 만남
__13-1 자바스크립트로 무엇을 할까
__13-2 웹 브라우저가 자바스크립트를 만났을 때
__13-3 자바스크립트 용어와 기본 입출력 방법
__13-4 자바스크립트 스타일 가이드

14 자바스크립트 기본 문법
__14-1 변수 알아보기
__14-2 자료형 이해하기
__14-3 연산자 알아보기
__14-4 조건문 알아보기
__14-5 반복문 알아보기
한눈에 정리하기
마무리 문제

15 함수와 이벤트
__15-1 함수 알아보기
__15-2 var를 사용한 변수의 특징
__15-3 let와 const의 등장
__15-4 재사용할 수 있는 함수 만들기
__15-5 함수 표현식
__15-6 이벤트와 이벤트 처리기
__15-7 DOM을 이용한 이벤트 처리기
한눈에 정리하기
마무리 문제

16 자바스크립트와 객체
__16-1 객체 알아보기
__16-2 자바스크립트의 내장 객체
__16-3 브라우저와 관련된 객체
한눈에 정리하기
마무리 문제

17 문서 객체 모델(DOM)
__17-1 문서 객체 모델 알아보기
__17-2 DOM 요소에 접근하고 속성 가져오기
__17-3 DOM에서 이벤트 처리하기
__17-4 DOM에서 노드 추가?삭제하기
한눈에 정리하기
마무리 문제

[PDF 책] 최종 프로젝트 - 웹 사이트 만들기
찾아보기

저자 소개 (1명)

출판사 리뷰 출판사 리뷰 보이기/감추기

최신 웹 표준 기술인
HTML5, CSS3, 자바스크립트(ES6)로
웹 기본기를 단단하게 쌓자!


웹 개발 분야는 하루가 다르게 변하지만 웹 표준 기술인 HTML, CSS, 자바스크립트의 기본은 변하지 않는다. 이 책을 보고 나면 어떤 최신 웹 기술을 배우더라도 두렵지 않다. 웹 개발을 하든, 웹 디자인을 하든 이 책에서 소개하는 기술들이 기본이 되기 때문이다.
이 책은 웹에 입문한 독자를 위해 HTML의 태그가 무엇인지부터 시작해 CSS, 자바스크립트의 고급 기술까지 다양한 개념을 간단명료한 예제와 함께 충분히 설명한다. 총 500여 개가 넘는 [Do it! 예제와 실습]을 하고 [한눈에 정리하기], [마무리 문제]까지 풀고 나면 어느새 웹 기본기가 단단하게 쌓여 있을 것이다.


기초 문법은 손코딩하고, 활용은 Do it 실습으로 한다!
까먹을 틈을 안 주는 철저한 복습 설계!


‘HTML, CSS는 암기 과목’이라는 말이 있다. 즉, 웹 개발은 아는 만큼 다양하게 활용할 수 있는 분야다. HTML, CSS, 자바스크립트의 기본기를 충분히 익혔다면 배운 내용을 기억해 직접 코딩하는 것이 중요하다. 그래서 이 책은 개념을 익힐 때 긴 텍스트보다는 예제를 많이 사용했다. 그리고 반복 학습할 수 있도록 설계했다. 각 장에서 배운 내용을 [Do it! 실습]으로 직접 만들어 결과를 눈으로 바로 확인할 수 있다. 또한 예제 중간에 들어 있는 손코딩 코너에서 그동안 배웠던 내용을 간단하게 복습하고 각 장이 끝날 때마다 [마무리 문제]까지 풀 수 있도록 배치해서 잊어버릴 틈을 주지 않는다.


책이 끝이 아니다!
최종 프로젝트 [웹 사이트 만들기]
PDF 전자책 무료 배포!


이 책을 공부한 사람이라면 누구나 쉽게 만들 수 있는 최종 프로젝트 [웹 사이트 만들기] PDF 전자책을 무료로 제공한다. “백문이 불여일견”이라는 말이 있듯이 책으로만 읽고 끝내는 것이 아니라 직접 따라 만들어야 확실하게 내 것으로 만들 수 있다. 이 책의 모든 내용을 압축해 놓은 최종 프로젝트를 완성해서 성취감을 맛보고 실무에서 바로 써먹는 코딩 능력도 키워 보자!


대학, 학원 강의에 최적화된 교재!
모든 예제 소스 파일 무료 제공!


이 책에서 다루는 모든 예제 파일은 [이지스퍼블리싱 홈페이지 → 자료실]에서 무료로 내려받을 수 있다. 예제를 하나하나 직접 입력해 보는 것도 좋고, 소스 파일을 내려받은 후 예제를 실행해 결과 화면을 보면서 익히는 것도 좋다. 실습에 필요한 준비 파일과 함께 완성 파일도 함께 제공되니 학원이나 대학 교재로도 적합하다.
[예제 파일 다운로드 : www.easyspub.co.kr → 자료실] 도서 검색 후 내려받기


1:1 과외를 받는 듯한
저자 직강 동영상 무료 제공!


프로그래밍 관련 도서를 60종 이상 집필한 웹 분야 베스트셀러 저자의 직강 동영상을 무료로 제공한다. 영상과 책을 같이 본다면 중간에 포기하지 않고 끝까지 쉽게 공부할 수 있다. 웹 개발을 독학하려는 사람도, 학교에서 공부한 내용을 복습하고 싶은 사람도 꼭 필요한 동영상 강의를 놓치지 말고 활용하자!


자신의 공부 속도에 맞는 학습 계획표로 독학도 문제없다!
30일 정석 코스, 15일 집중 코스 안내!


무엇이든 목표가 있으면 더 힘차게 달릴 수 있다! 이 책에서는 웹을 공부하려는 독자를 위한 ‘학습 계획표’를 제공한다. 코딩 왕초보라면 [30일 정석 코스]로 기초부터 활용까지 하나씩 차근차근 배우고, 좀 더 빠르게 공부하고 싶은 독자라면 [15일 집중 코스]에 도전해 보자. 자신이 세운 목표대로 학습 계획표에 직접 날짜를 적고 한 달 안에 HTML, CSS, 자바스크립트 공부를 끝내 보자!


함께 배우고, 나누고, 성장하는
‘Do it! 스터디룸’에서 만나요!


혼자 공부하다가 궁금한 내용이 생기거나 공부를 포기하고 싶을 때는 ‘Do it! 스터디룸’을 활용해 보자. 이 책을 공부하는 다른 독자를 만나 서로 도움을 주고받으며 나누다 보면 훌륭한 개발자로 성장할 수 있다. 스터디를 통해 성장하는 뿌듯함을 느낄 뿐 아니라 이 책을 끝까지 포기하지 않고 마칠 수 있어서 더욱 좋다.
[Do it! 스터디룸 : cafe.naver.com/doitstudyroom]


★ 이 책의 대상 독자 ★
- 프런트엔드 웹 개발을 준비하는 대학생
- 최신 웹 표준 기술을 알고 싶은 웹 퍼블리셔
- 웹 개발 분야도 정복하고 싶은 웹 디자이너
- 간단한 웹 페이지를 직접 만들고 싶은 온라인 마케터
- 웹 사이트 창업을 준비하는 CEO


▶ 추천평
내 나이 60살, 고경희 저자의 책으로 첫 코딩을 시작했어요!

이 책은 시간 없는 입문자에게 ‘딱!’입니다. 짧은 시간 안에 HTML과 CSS, 자바스크립트까지 한꺼번에 공부할 수 있는 구성이 돋보입니다. 초보자도 이해하기 쉬운 친절한 설명과 실습은 마치 선물을 받은 기분이 듭니다. 저는 60살 넘어서 고경희 저자의 책으로 첫 코딩 공부를 시작했습니다. 그리고 2년이 지난 지금, 원하는 웹과 앱을 조금씩 완성해 가는 즐거움에 푹 빠져 지내고 있습니다. 느리지만 꾸준히 하다 보면 언젠가 제가 목표하는 주산 프로그램을 완성할 수 있겠죠? 코딩을 두려워하지도 말고, 망설이지도 말고, 믿고 보는 고경희 저자의 책으로 도전하세요!
이찬희 주산암산연구소 소장 - 이찬희

웹 프로그래밍을 공부하려면 검증된 책이 필요합니다!
웹 프로그래밍 기초를 배우고 싶다면 인터넷을 검색해서 찾을 수도 있습니다. 그러나 초보자에게는 인터넷에 뿌려진 너무 많은 정보 때문에 어려움을 겪을 때가 종종 있습니다. 인터넷에는 맞는 정보도, 틀린 정보도 있고, 시간이 지나서 달라진 정보가 뒤죽박죽 섞여 있어서 어느 것을 믿고 봐야 할지 알 수가 없거든요.
하지만 이 책은 웹 분야 베스트셀러인 《Do it! HTML5 + CSS3 웹 표준의 정석》과 《Do it! 자바스크립트 -기본 편》의 검증된 내용만 담겨서 믿을 수 있습니다. HTML, CSS, 자바스크립트의 개념과 웹 프로그래밍의 핵심을 초보자도 이해할 수 있도록 친절하게 설명해서 술술 익힙니다. 다 안다고 생각한 기초 내용도 직접 따라 해보며 새롭게 알게 된 점이 많아서 좋았습니다. ‘인터넷에 정보가 넘쳐나는 시대에 책을 봐야 할까?’라고 생각하는 사람에게 꼭 보여 주고 싶은 책입니다. 이 책을 끝까지 충실히 읽는다면 웹 프로그래밍의 기초를 튼튼하게 다질 수 있을 것입니다.
14년 차 IT인 - 이요셉

습관적으로 사용하던 문법의 원리를 알게 되니 답답한 속이 뻥! 뚫렸어요!
평소 이지스퍼블리싱 출판사의 도서는 실무 현장에서도 추천을 많이 받고 있습니다. 게다가 평소 눈여겨보던 웹 분야 도서라 꼼꼼하게 베타테스트를 진행했습니다. 그동안 습관적으로 사용하던 HTML, CSS의 기본 원리와 문법을 기초부터 다시 다질 수 있어서 유익한 시간이었습니다.
웹 표준 기술의 기본 내용뿐만 아니라 최신 웹 트렌드 기술까지 모두 설명해 줘서 특히 더 좋았습니다. 또한 자바스크립트 역시 가벼운 문법을 익히고 구현하는 것으로 그치지 않고, DOM에 접근하여 작동 원리까지 명확히 배울 수 있었습니다. 웹 개발에 관심 있는 사람에게 꼭 필요한 내용만 담았다는 생각이 듭니다. [Do it! 실습]을 직접 해보며 원리를 알아 가니 그동안 답답했던 속이 ‘뻥!’ 뚫리는 기분이었습니다. 웹 퍼블리싱 입문자뿐 아니라 실무 현장에서 함께 일하는 동료와 웹 프로그래밍의 길잡이가 필요한 분에게 선물하고 싶은 책입니다.
3년 차 모바일 & 웹 퍼블리셔 - 강단

코딩 책이라면 작심삼일로 끝났던 내가 처음부터 끝까지 쉽게 읽은 책!
웹 개발에 관심은 있지만 도전할 엄두가 나지 않거나 중간에 포기한 경험이 있나요? 저 역시도 그랬습니다. 기본적인 HTML 태그는 알고 있지만 전체 사이트 소스를 배우려면 너무 복잡해서 이해하기 어려웠죠. 또한 웹 사이트를 만들려면 추가로 공부해야 할 기술이 많은데 무엇부터 배워야 할지 몰라서 금방 포기했던 것 같아요.
그래서 제가 이 책을 만난 것은 행운이에요! 웹 사이트를 만들려면 기본인 HTML, CSS, 자바스크립트를 함께 설명하고 있어서 따로따로 공부할 때보다 훨씬 이해하기 쉬웠어요. 이 책의 구성대로 차근차근 따라가다 보면 마지막에는 누구나 제대로 된 사이트를 완성할 수 있다고 자신 있게 말씀드리고 싶어요. 제가 해봤으니까요!
스스로 뭔가를 완성해 본 경험은 앞으로 무엇을 공부해야 할지 깨닫게 해주는 큰 힘이 됩니다. 단순히 기술을 전달하는 데 그치지 않고 코딩의 재미를 알려 주는 좋은 책입니다. 제가 경험했듯이 웹 프로그래밍을 시작하는 모든 사람에게 추천하고 싶은 입문서입니다.
개발자를 꿈꾸는 대학생 - 김채은

회원리뷰 (21건) 리뷰 총점9.6

혜택 및 유의사항?
구매 Do it! HTML+CSS+자바스크립트 웹 표준의 정석 내용 평점5점   편집/디자인 평점5점 YES마니아 : 로얄 스타블로거 : 블루스타 실* | 2022.08.23 | 추천0 | 댓글0 리뷰제목
노는 시간을 아무렇게나 쓰는 게 아까워서 뭐라도 배워보고 싶었을 때 알게 된 책입니다. 입문으로 읽기에 좋다는 리뷰가 많아서 믿고 샀는데 확실히 도움이 되는 것 같아요. 아무래도 아는 게 없다 보니까 어떻게 시작해야 좋을지 막막했는데 일단 읽어보면서 모르는 거 체크했다가 검색해보면서 관련 서적이 있는지 찾아보고 같이 읽어보니까 좋습니다. 누군가한테 설명할 수 있을 정도;
리뷰제목

노는 시간을 아무렇게나 쓰는 게 아까워서 뭐라도 배워보고 싶었을 때 알게 된 책입니다. 입문으로 읽기에 좋다는 리뷰가 많아서 믿고 샀는데 확실히 도움이 되는 것 같아요. 아무래도 아는 게 없다 보니까 어떻게 시작해야 좋을지 막막했는데 일단 읽어보면서 모르는 거 체크했다가 검색해보면서 관련 서적이 있는지 찾아보고 같이 읽어보니까 좋습니다. 누군가한테 설명할 수 있을 정도로 잘 알게 될 때까지는 얼마나 많은 시간이 걸릴 지 모르겠지만,,, 일단 저 혼자서는 이해하기에 좋습니다.

댓글 0 이 리뷰가 도움이 되었나요? 공감 0
구매 새로운 출발 내용 평점5점   편집/디자인 평점5점 YES마니아 : 플래티넘 스타블로거 : 블루스타 V*********i | 2022.08.15 | 추천0 | 댓글0 리뷰제목
Do it! HTML + CSS 자바스크립트 웹 표준의 정석은 웹 프로그래밍을 시작하는 사람들에게 큰 도움이 된다. 기초적인 학문을 배울 수 있어서 정말 기쁘고 프로그래밍에 새로운 새계에 입문 할 수 있어서 좋았다. 새로운 지식을 습득한다는 것은 쉽지 않은 길이지만 그럼에도 불구하고 하나하나 나아가는 것은 정말 흥미로운 일이다. 매일 매일 최선을 다해서 열심히 해야겠다는 생각이 든;
리뷰제목

Do it! HTML + CSS 자바스크립트 웹 표준의 정석은 웹 프로그래밍을 시작하는 사람들에게 큰 도움이 된다. 기초적인 학문을 배울 수 있어서 정말 기쁘고 프로그래밍에 새로운 새계에 입문 할 수 있어서 좋았다. 새로운 지식을 습득한다는 것은 쉽지 않은 길이지만 그럼에도 불구하고 하나하나 나아가는 것은 정말 흥미로운 일이다. 매일 매일 최선을 다해서 열심히 해야겠다는 생각이 든다.

힘을내서 웹 표준을 잘 해내는 내가 되어야 겠다

댓글 0 이 리뷰가 도움이 되었나요? 공감 0
Do it! HTML+CSS+자바스크립트 웹 표준의 정석 내용 평점5점   편집/디자인 평점5점 입***력 | 2022.07.26 | 추천0 | 댓글0 리뷰제목
HTML 기본과 자바스크립트의 기본을 배울 수 있는 책입니다. 까페에서 질문도 할 수 있고요. 유투브에서 책의 내용을 미리 예습할 수 있어요. 책이 훨씬 많은 내용이 담겨 있어서 유투브와 같이 봐야해요. 예제들이 풍부해서 좋아요.  다른 프로그래밍 언어를 공부한 분들이라면 이해하기 좋을 거예요. 정말 처음 공부하신다면, 한 번만 읽지 말고 여러번 읽어야 해요.  어;
리뷰제목

HTML 기본과 자바스크립트의 기본을 배울 수 있는 책입니다. 까페에서 질문도 할 수 있고요. 유투브에서 책의 내용을 미리 예습할 수 있어요. 책이 훨씬 많은 내용이 담겨 있어서 유투브와 같이 봐야해요.

예제들이 풍부해서 좋아요. 

다른 프로그래밍 언어를 공부한 분들이라면 이해하기 좋을 거예요. 정말 처음 공부하신다면, 한 번만 읽지 말고 여러번 읽어야 해요. 

어려운 내용이 있으면 까페에 질문을 하세요. 포기하지 말고요.

댓글 0 이 리뷰가 도움이 되었나요? 공감 0

한줄평 (23건) 한줄평 총점 10.0

혜택 및 유의사항 ?
구매 평점5점
두잇 시리즈 좋아요 ~!
이 한줄평이 도움이 되었나요? 공감 0
YES마니아 : 플래티넘 박*아 | 2022.09.25
구매 평점5점
추천으로 구매했는데 도움이 되는 것 같아요
이 한줄평이 도움이 되었나요? 공감 0
YES마니아 : 로얄 실* | 2022.08.23
구매 평점5점
웹 프로그래밍의 기초
이 한줄평이 도움이 되었나요? 공감 0
YES마니아 : 플래티넘 V*********i | 2022.08.15
스프링분철 서비스를 선택하세요.
수량감소 수량증가 27,000
  •  다운받은 받은 쿠폰은 결제 페이지에서 적용해 주세요.
  •  분철옵션 선택 시, 영업일 기준 2일내 출고됩니다.
  •  분철상품은 해외배송이 불가합니다.
1   27,000

스프링분철 신청 가능

뒤로 앞으로 맨위로 aniAlarm