본문 바로가기

리디 접속이 원활하지 않습니다.
강제 새로 고침(Ctrl + F5)이나 브라우저 캐시 삭제를 진행해주세요.
계속해서 문제가 발생한다면 리디 접속 테스트를 통해 원인을 파악하고 대응 방법을 안내드리겠습니다.
테스트 페이지로 이동하기

개정판 | Do it! HTML5+CSS3 웹 표준의 정석 상세페이지

컴퓨터/IT 개발/프로그래밍

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

Do it! 시리즈 12
소장종이책 정가28,000
전자책 정가34%18,500
판매가18,500
개정판 | Do it! HTML5+CSS3 웹 표준의 정석 표지 이미지

리디 info

* 본 도서는 PDF 형식으로 제공되므로, 화면이 작은 모바일 환경에서는 이용이 불편할 수 있습니다. 도서 구매 시 참고 부탁드립니다.


개정판 | Do it! HTML5+CSS3 웹 표준의 정석작품 소개

<개정판 | Do it! HTML5+CSS3 웹 표준의 정석> * 본 도서는 PDF 형식으로 제공되므로, 화면이 작은 모바일 환경에서는 이용이 불편할 수 있습니다. 도서 구매 시 참고 부탁드립니다.

트렌드가 변해도 변함없이 웹 분야 1위인 이유!
웹의 기본만큼은 권위자에게 정석대로 배우자

‘누구나 쉽게 이해할 수 있는 HTML5 책’이 목표였던 《Do it! HTML5+CSS3 웹 표준의 정석》은 2013년 9월에 출간된 이후, 2014년에 국립중앙도서관의 컴퓨터 분야 대출 1위 도서로 선정되는 등 웹 분야 1위 도서로 자리 잡았다. 유행에 민감한 웹 분야의 책임에도 불구하고 꾸준히 이 자리를 지킬 수 있었던 이유는 HTML과 CSS가 웹의 ‘기본 중의 기본’이기 때문이다. 유행은 한철 지나가지만 기본은 변하지 않는다. 웹의 기본만큼은 정석대로 배우는 것이 정답이다.

문과생도, 컴맹도, 아무 것도 몰라도
기초 태그부터 반응형 웹까지 한 번에!

이 책의 수많은 독자들은 입을 모아 ‘웹 분야의 교과서’라고 말한다. 교과서를 봐야 문제집을 풀 수 있는 것처럼 웹 분야 어딜 가든 이 책의 내용이 토대가 되기 때문이다. 또한 웹의 기본을 다루는 만큼 문과생도, 중학생도 배울 수 있을 정도로 쉽다. 기초 태그부터 시작해 간단명료한 많은 예제로 웹 표준의 정석을 알려준다. 기본에 충실한 예제 소스로 실무에서 그대로 쓸 수 있는 건 물론이다. 또한 최신 트렌드인 ‘반응형 웹 디자인’에 대해서도 꼼꼼히 설명하기 때문에 누구든 기본부터 시작해 최신 웹 디자인까지 단숨에 따라잡을 수 있다.

최신 표준인 HTML 5.1로 시작하세요!
수학의 정석이 있다면 웹에는 ‘웹 표준의 정석’

초등학생도 코딩을 배우는 시대, 모든 디지털 기기가 웹에 접속하는 시대, 이제 모든 것은 웹에서 시작하고 웹에 저장된다. 이러한 웹 표준을 구현하는 HTML은 IT 분야의 필수 코스!
이 책은 2016년 11월에 발표된 최신 표준인 HTML 5.1을 반영했다. HTML 5.1 버전은 HTML5 표준을 그대로 유지하면서 새로운 기능이 더해진 것이다. HTML 5.1을 배우고 싶은 사람은 물론, 첫 길을 잘 들여야 하는 초보자라면 이 책으로 배우자! 최신 표준인 HTML 5.1로 배워야 두 번 배울 필요가 없다.

태그를 이해하긴 쉽다. 문제는 기억력!
까먹을 틈을 안 주는 복습 설계

HTML과 CSS를 조금이라도 공부해 본 사람이라면, ‘HTML과 CSS는 암기 과목’이라는 말에 공감할 것이다. 기본을 익힌 다음에는 배운 내용을 기억해 활용하는 것이 중요하기 때문이다. 핵심은 바로 ‘기억하는 것’이다. 이를 위해 이 책에서는 3번에 걸쳐 반복 학습할 수 있도록 설계했다.
먼저 장 도입부에선 ‘맛보기 손 코딩’으로 핵심을 미리 살펴보고 소스의 빈칸을 유추해 본다. 그 장의 핵심을 읽어 보면 누구나 쉽게 풀 수 있는 문제다. 다음엔 본문에서 실제로 그 내용을 배우며 마찬가지로 예제 소스의 빈칸을 채워 본다. 마지막으로 절과 장의 끝에 있는 ‘1분 복습’과 ‘기억을 되살리는 연습문제’까지 마치고 나면 잊어버릴 틈이 없을 것이다.
이 모든 것들은 부담스럽고 어려운 난이도가 아니라 조금만 집중하면 알 수 있는 아주 쉬운 문제다. 하지만 이 작은 차이가 ‘단기 기억’을 ‘장기 기억’으로 만들어 줄 것이다.

천 리 길도 한 걸음부터!
‘학습 계획표’ 30일 정석 코스와 20일 집중 코스 중 선택하라

웹 표준을 배우기로 결심하긴 했는데 공부할 엄두가 나지 않는 당신에게 이 책에서 제공하는 ‘학습 계획표’를 추천한다. 코딩을 처음 해보는 사람이라면 [30일 정석 코스]로 기초부터 실전까지 차례대로 배우고, HTML과 CSS를 각각 배우고 싶은 사람이라면 [20일 집중 코스]로 HTML과 CSS를 각각 배울 수 있다. 직접 날짜를 적어 가면서 계획을 세우고 한 달 안에 HTML과 CSS를 배워 보자!

대학, 학원 강의 인기 교재! 독학도 OK!
예제 파일은 물론, 동영상 강의까지 제공!

모든 예제 파일은 이지스퍼블리싱 홈페이지의 [자료실]에서 무료로 다운로드받을 수 있다. 예제를 풀기 위한 모든 자료를 받은 후 실습한 다음에는 맞게 했는지 전체 소스를 보며 확인할 수 있다. 본문에서 하나하나 책과 함께 학습해 봤다면 각 장의 끝에 있는 [기억을 되살리는 연습문제]로 실전에 돌입해 보자! 준비 파일과 함께 해답 파일도 함께 제공되어 독학뿐만 아니라 학원이나 대학 교재로도 적합하다. 또한 무료로 제공되는 저자 직강 동영상 강의도 놓치지 말고 활용하자! 스마트폰으로도 볼 수 있어 이동 중에도 예습,복습할 수 있다.

- 예제 파일 다운로드 : www.easyspub.com ▶ [자료실] 게시판
- 동영상 강의 : www.easyspub.com ▶ [동영상 강의] 게시판

함께 공부할 사람들을 만나는 곳,
‘Do it! 스터디룸’에서 함께 공부하자!

혼자 공부하기 부담스러울 때는 스터디 카페인 ‘Do it! 스터디룸(cafe.naver.com/doitstudyroom)’을 이용해 보자. 이곳에서 함께 공부할 스터디 멤버를 찾을 수 있다. 그 외에도 이 책에 대한 질문이나 의견은 이지스퍼블리싱 홈페이지의 [질문 답변] 게시판에 올리거나 저자가 운영하는 카페에 올리면 답변을 얻을 수 있다.

- 함께 공부할 스터디 멤버를 찾고 싶을 때 : cafe.naver.com/doitstudyroom
- 책에 대한 질문이나 의견이 있을 때 : www.easyspub.com ▶ [질문 답변] 게시판
또는 cafe.naver.com/doithtml5 ▶ [정석 Q&A] 게시판


저자 프로필


저자 소개

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

대표저서
Do it! 프런트엔드 웹 디자인 입문
Do it! HTML5+CSS3 (단기 완성) – 전자책
윈도우 10 무작정 따라하기
등 40여 종.

funcom@gmail.com

목차

첫째마당
처음 시작하는 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 레이아웃을 위한 스타일
08-1 CSS와 박스 모델
08-2 테두리 관련 속성들
08-3 여백을 조절하는 속성들
[기억을 되살리는 연습문제]

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

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


10 HTML5와 시맨틱 태그
10-1 HTML4 문서 vs 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 가변 레이아웃과 가변 요소
14-4 미디어 쿼리
14-5 미디어 쿼리를 사용해 사이트 구성하기14-6 플렉서블 박스 레이아웃

15 반응형 웹 사이트 만들기
15-1 레이아웃 구조 만들기
15-2 각 기기용 레이아웃 만들기

부록
찾아보기


리뷰

구매자 별점

4.3

점수비율
  • 5
  • 4
  • 3
  • 2
  • 1

15명이 평가함

리뷰 작성 영역

이 책을 평가해주세요!

내가 남긴 별점 0.0

별로예요

그저 그래요

보통이에요

좋아요

최고예요

별점 취소

구매자 표시 기준은 무엇인가요?

'구매자' 표시는 리디에서 유료도서 결제 후 다운로드 하시거나 리디셀렉트 도서를 다운로드하신 경우에만 표시됩니다.

무료 도서 (프로모션 등으로 무료로 전환된 도서 포함)
'구매자'로 표시되지 않습니다.
시리즈 도서 내 무료 도서
'구매자’로 표시되지 않습니다. 하지만 같은 시리즈의 유료 도서를 결제한 뒤 리뷰를 수정하거나 재등록하면 '구매자'로 표시됩니다.
영구 삭제
도서를 영구 삭제해도 ‘구매자’ 표시는 남아있습니다.
결제 취소
‘구매자’ 표시가 자동으로 사라집니다.

Do it! 시리즈


이 책과 함께 구매한 책


이 책과 함께 둘러본 책



본문 끝 최상단으로 돌아가기

spinner
모바일 버전