개정판 | Do it! HTML5+CSS3 웹 표준의 정석
소장 | 종이책 정가 | 28,000원 |
---|---|---|
전자책 정가 | 34%18,500원 | |
판매가 | 18,500원 |
- 출간 정보
- 2016.12.30. 전자책 출간
- 2017.01.05. 종이책 출간
- 파일 정보
- 94.2MB
- 608쪽
- ISBN
- 9791187370710
- ECN
- -
리디 접속이 원활하지 않습니다.
강제 새로 고침(Ctrl + F5)이나 브라우저 캐시 삭제를 진행해주세요.
계속해서 문제가 발생한다면 리디 접속 테스트를 통해 원인을 파악하고 대응 방법을 안내드리겠습니다.
테스트 페이지로 이동하기
소장 | 종이책 정가 | 28,000원 |
---|---|---|
전자책 정가 | 34%18,500원 | |
판매가 | 18,500원 |
* 본 도서는 PDF 형식으로 제공되므로, 화면이 작은 모바일 환경에서는 이용이 불편할 수 있습니다. 도서 구매 시 참고 부탁드립니다.
<개정판 | 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 점
15명이 평가함
내가 남긴 별점 0.0
별로예요
그저 그래요
보통이에요
좋아요
최고예요
'구매자' 표시는 리디에서 유료도서 결제 후 다운로드 하시거나 리디셀렉트 도서를 다운로드하신 경우에만 표시됩니다.
성인 인증 안내
성인 재인증 안내
청소년보호법에 따라 성인 인증은 1년간
유효하며, 기간이 만료되어 재인증이 필요합니다.
성인 인증 후에 이용해 주세요.
해당 작품은 성인 인증 후 보실 수 있습니다.
성인 인증 후에 이용해 주세요.
청소년보호법에 따라 성인 인증은 1년간
유효하며, 기간이 만료되어 재인증이 필요합니다.
성인 인증 후에 이용해 주세요.
해당 작품은 성인 인증 후 선물하실 수 있습니다.
성인 인증 후에 이용해 주세요.
본문 끝 최상단으로 돌아가기
무료이용권을 사용하시겠습니까?
사용 가능 : 장
<>부터 총 화
무료이용권으로 대여합니다.
무료이용권으로
총 화 대여 완료했습니다.
남은 작품 : 총 화 (원)
개정판 | Do it! HTML5+CSS3 웹 표준의 정석
작품 제목
대여 기간 : 일
작품 제목
결제 금액 : 원
결제 가능한 리디캐시, 포인트가 없습니다.
리디캐시 충전하고 결제없이 편하게 감상하세요.
리디포인트 적립 혜택도 놓치지 마세요!
이미 구매한 작품입니다.
작품 제목
원하는 결제 방법을 선택해주세요.
작품 제목
대여 기간이 만료되었습니다.
다음화를 보시겠습니까?