[첫째마당: 처음 시작하는 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 각 기기용 레이아웃 만들기
부록
찾아보기
트렌드가 변해도 변함없이 웹 분야 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] 게시판
중고단행본
바보 빅터
