도서 소개
《Do it! HTML5+CSS3 웹 표준의 정석》이 전면 개정 2판으로 더욱 새로워졌다. 최신 HTML5, CSS3 표준안 반영은 물론 코딩이 처음인 독자도 쉽고 빠르게 예제를 따라해 볼 수 있는 실습 환경을 제공하여 웹 개발 환경에 빠르게 적응할 수 있도록 했다. 또한 독자들이 직접 만들면서 실습하고, 배운 내용을 복습하고, 연습문제까지 풀어보는 학습 설계로 구성되어 있어 한번 배운 내용을 절대로 까먹지 않는다.
출판사 리뷰
7년 연속 웹 분야 1위!
시간이 흘러도 흔들리지 않는 웹 기본기를 쌓고 싶다면 역시 정석으로 배워야 한다!7년 연속 웹 분야 1위를 굳건히 지키고 있는 《Do it! HTML5+CSS3 웹 표준의 정석》이 전면 개정 2판으로 더욱 새로워졌다! 최신 HTML5, CSS3 표준안 반영은 물론 코딩이 처음인 독자도 쉽고 빠르게 예제를 따라해 볼 수 있는 실습 환경을 제공하여 웹 개발 환경에 빠르게 적응할 수 있도록 했다. 또한 독자들이 직접 만들면서 실습하고, 배운 내용을 복습하고, 연습문제까지 풀어보는 학습 설계로 구성되어 있어 한번 배운 내용을 절대로 까먹지 않는다. 웹을 제대로 배우고 싶다면 기본기는 정석으로 탄탄하게 쌓자!
[개정 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
작가 소개
지은이 : 고경희
HTML5와 CSS3의 모든 태그를 집대성하여 베스트셀러에 오른 《Do it! HTML5+CSS3 웹 표준의 정석》 등 지금까지 40여 종의 책을 집필했다. 이번에는 생활코딩에 올라와 있는 이고잉 님의 깃(Git)과 깃허브(GitHub) 강의 영상을 학습서 형태로 처음부터 끝까지 새롭게 쓰고, 더 필요한 부분을 추가로 집필했다.홍익대학교 컴퓨터공학과를 졸업하고 동 대학원에서 인공지능을 공부했다. 한국디지털대학교에서 웹 기초(HTML) 분야를 강의했고, 한국 전자정보통신산업진흥회 등에서 웹 기술에 관한 강의를 진행해 왔다. Developer Technologies 분야의 마이크로소프트 공인 최고기술전문가(Most Valuable Professional)로 현재 활동 중이다.
목차
-------------------------------------------------------------
첫째마당 처음 시작하는 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 플렉스 박스 항목 배치를 위한 속성들
부록
찾아보기
