Do it! HTML5+CSS3 웹 표준의 정석 - 전면 개정 2판
이 상품의 태그
-
김상욱 저
-
팀 페리스 저/최원형,윤동준 공역
-
공봉식 저 저
책 소개
시간이 흘러도 흔들리지 않는 웹 기본기를 쌓고 싶다면 역시 정석으로 배워야 한다!
7년 연속 웹 분야 1위를 굳건히 지키고 있는 《Do it! HTML5+CSS3 웹 표준의 정석》이 전면 개정 2판으로 더욱 새로워졌다! 최신 HTML5, CSS3 표준안 반영은 물론 코딩이 처음인 독자도 쉽고 빠르게 예제를 따라해 볼 수 있는 실습 환경을 제공하여 웹 개발 환경에 빠르게 적응할 수 있도록 했다. 또한 독자들이 직접 만들면서 실습하고, 배운 내용을 복습하고, 연습문제까지 풀어보는 학습 설계로 구성되어 있어 한번 배운 내용을 절대로 까먹지 않는다. 웹을 제대로 배우고 싶다면 기본기는 정석으로 탄탄하게 쌓자!
※ 이 책은 PDF 북이므로 화면이 작은 단말기(스마트폰)에서는 보기 불편합니다. ※
목차
첫째마당 처음 시작하는 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 플렉스 박스 항목 배치를 위한 속성들
부록
찾아보기
상세 이미지
출판사 리뷰
● 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
종이책 회원 리뷰 (24건)
막막했던 HTML과 CSS를 혼자서도 쉽게 공부할 수 있는 점이 가장 좋았습니다.
특히 회차마다 준비된 예제들은 어려울 때도 많았지만
오늘 공부가 제대로 됐는지 확인할 수 있어서 좋았어요.
저는 30일 정석 코스로 여유있게 차근차근 공부해나갔어요.
중간에 쉬어가는 날이 많아 생각했던 기간 보다는 오래걸렸지만 이 두꺼운 책을 끝내니 앞으로 더 공부할 수 있는 힘이 생기네요 !
이제 기본기 닦았으니 다른 책으로 더 자세히 공부해보겠습니다 !
혼자 공부 하시는 분들에게 좋은 책입니다. 특히 동영상 강의가 있어서 더 좋았어요.
단락 별 예제도 있고 단원별로 배운것을 활용해 만들 수 있는 문제도 있어서 점검도
할 수 있고 마지막 15장은 모든 것을 총 정리하게 해 자신이 모자른 부분을 알수 있게
해줘 좋았습니다.
한가지 좀 아쉬웠던건 15장은 예문이 하나 더 있었으면 좋았을거 같다란 욕심이 있습니다.
선생님과 함께 사이트를 만드는 것 하나 내 스스로 혼자 HTML부터 웹 사이트를
만들 수 있게 예문을 하나 더 ! 그랬으면 더 좋았을 거 같다는 작은 바램이 있었습니다.
뭐 Do it의 다른 시리즈도 있으니 그것으로 좀 더 공부를 해봐야겠지만 이 책은 코딩에
재미를 느끼게 하기에는 충분하다는 생각이 듭니다.
이번에 취업에 성공하게 되면서 바로 실업에 필요한 공부를 해야될 필요가 있어서
초반부터 다시 할겸 html css를 선택한거였는데 좋은 선택이었던것 같습니다!
예전에는 제대로 보지 못했던 선택자들도 알게 되었고, 회사에서 자주 사용하는 css요소들도
좀 더 확실히 공부할 수 있었던 시간 이었어요!
아직 반응형을 만드는데엔 조금 어려움이 있지만ㅠㅠ 책에서 css쪽을 좀 더 공부해서
좀 더 빠른기간내에 사이트를 구축 할 수 있도록 해야겠습니다!
- 종이책 상품상세 페이지에서 더 많은 리뷰를 확인하실 수 있습니다. 바로가기
한줄평 (1건)
