본문 바로가기

추천 검색어

실시간 인기 검색어

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

고경희 지음
이지스퍼블리싱

2020년 01월 11일 출간

종이책 : 2019년 12월 27일 출간

(개의 리뷰)
( 0% 의 구매자)
eBook 상품 정보
파일 정보 pdf (91.92MB)
ISBN 9791163031437
쪽수 552쪽
지원기기 교보eBook App, PC e서재, 리더기, 웹뷰어
교보eBook App 듣기(TTS) 가능
TTS 란?
텍스트를 음성으로 읽어주는 기술입니다.
  • 전자책의 편집 상태에 따라 본문의 흐름과 다르게 텍스트를​ 읽을 수 있습니다.
  • 이미지 형태로 제작된 전자책 (예 : ZIP 파일)은 TTS 기능을 지원하지 않습니다.

PDF 필기가능 (Android, iOS)
소득공제
소장
정가 : 17,000원

쿠폰적용가 15,300

10% 할인 | 5%P 적립

이 상품은 배송되지 않는 디지털 상품이며,
교보eBook앱이나 웹뷰어에서 바로 이용가능합니다.

카드&결제 혜택

  • 5만원 이상 구매 시 추가 2,000P
  • 3만원 이상 구매 시, 등급별 2~4% 추가 최대 416P
  • 리뷰 작성 시, e교환권 추가 최대 300원

작품소개

이 상품이 속한 분야

7년 연속 웹 분야 1위!
시간이 흘러도 흔들리지 않는 웹 기본기를 쌓고 싶다면 역시 정석으로 배워야 한다!
7년 연속 웹 분야 1위를 굳건히 지키고 있는 《Do it! HTML5+CSS3 웹 표준의 정석》이 전면 개정 2판으로 더욱 새로워졌다! 최신 HTML5, CSS3 표준안 반영은 물론 코딩이 처음인 독자도 쉽고 빠르게 예제를 따라해 볼 수 있는 실습 환경을 제공하여 웹 개발 환경에 빠르게 적응할 수 있도록 했다. 또한 독자들이 직접 만들면서 실습하고, 배운 내용을 복습하고, 연습문제까지 풀어보는 학습 설계로 구성되어 있어 한번 배운 내용을 절대로 까먹지 않는다. 웹을 제대로 배우고 싶다면 기본기는 정석으로 탄탄하게 쌓자!
-------------------------------------------------------------
첫째마당 처음 시작하는 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 플렉스 박스 항목 배치를 위한 속성들

부록
찾아보기

[개정 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

작가정보

저자(글) 고경희

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

대표 저서
《Do it! 지옥에서 온 문서 관리자 깃&깃허브 입문》
《Do it! 웹 프로그래밍을 위한 자바스크립트 기본 편》
《윈도우 10 무작정 따라하기 ? 최신 개정판》
《Do it! 프런트엔드 웹 디자인 입문 - 전면 개정판》
《Do it! HTML5+CSS3 웹 표준의 정석 ? 전면 개정판》
총 60여 종

이 상품의 총서

Klover리뷰 (0)

Klover리뷰 안내
Klover(Kyobo-lover)는 교보를 애용해 주시는 고객님들이 남겨주신 평점과 감상을 바탕으로, 다양한 정보를 전달하는 교보문고의 리뷰 서비스입니다.
1. 리워드 안내
구매 후 90일 이내에 평점 작성 시 e교환권 100원을 적립해 드립니다.
  • - e교환권은 적립일로부터 180일 동안 사용 가능합니다.
  • - 리워드는 1,000원 이상 eBook, 오디오북, 동영상에 한해 다운로드 완료 후 리뷰 작성 시 익일 제공됩니다.
  • - 리워드는 한 상품에 최초 1회만 제공됩니다.
  • - sam 이용권 구매 상품 / 선물받은 eBook은 리워드 대상에서 제외됩니다.
2. 운영 원칙 안내
Klover리뷰를 통한 리뷰를 작성해 주셔서 감사합니다. 자유로운 의사 표현의 공간인 만큼 타인에 대한 배려를 부탁합니다. 일부 타인의 권리를 침해하거나 불편을 끼치는 것을 방지하기 위해 아래에 해당하는 Klover 리뷰는 별도의 통보 없이 삭제될 수 있습니다.
  • 도서나 타인에 대해 근거 없이 비방을 하거나 타인의 명예를 훼손할 수 있는 리뷰
  • 도서와 무관한 내용의 리뷰
  • 인신공격이나 욕설, 비속어, 혐오 발언이 개재된 리뷰
  • 의성어나 의태어 등 내용의 의미가 없는 리뷰

구매 후 리뷰 작성 시, e교환권 100원 적립

문장수집

문장수집 안내
문장수집은 고객님들이 직접 선정한 책의 좋은 문장을 보여 주는 교보문고의 새로운 서비스 입니다. 교보eBook 앱에서 도서 열람 후 문장 하이라이트 하시면 직접 타이핑 하실 필요 없이 보다 편하게 남길 수 있습니다. 마음을 두드린 문장들을 기록하고 좋은 글귀들은 ‘좋아요’ 하여 모아보세요. 도서 문장과 무관한 내용 등록 시 별도 통보없이 삭제될 수 있습니다.
리워드 안내
  • 구매 후 90일 이내에 문장 수집 등록 시 e교환권 100원을 적립해 드립니다.
  • e교환권은 적립일로부터 180일 동안 사용 가능합니다.
  • 리워드는 1,000원 이상 eBook에 한해 다운로드 완료 후 문장수집 등록 시 제공됩니다.
  • 리워드는 한 상품에 최초 1회만 제공됩니다.
  • sam 이용권 구매 상품 / 선물받은 eBook / 오디오북·동영상 상품/주문취소/환불 시 리워드 대상에서 제외됩니다.

구매 후 문장수집 작성 시, e교환권 100원 적립

    교보eBook 첫 방문을 환영 합니다!

    신규가입 혜택 지급이 완료 되었습니다.

    바로 사용 가능한 교보e캐시 1,000원 (유효기간 7일)
    지금 바로 교보eBook의 다양한 콘텐츠를 이용해 보세요!

    교보e캐시 1,000원
    TOP
    신간 알림 안내
    Do it! HTML5+CSS3 웹 표준의 정석 웹툰 신간 알림이 신청되었습니다.
    신간 알림 안내
    Do it! HTML5+CSS3 웹 표준의 정석 웹툰 신간 알림이 취소되었습니다.
    리뷰작성
    • 구매 후 90일 이내 작성 시, e교환권 100원 (최초1회)
    • 리워드 제외 상품 : 마이 > 라이브러리 > Klover리뷰 > 리워드 안내 참고
    • 콘텐츠 다운로드 또는 바로보기 완료 후 리뷰 작성 시 익일 제공
    감성 태그

    가장 와 닿는 하나의 키워드를 선택해주세요.

    사진 첨부(선택) 0 / 5

    총 5MB 이하로 jpg,jpeg,png 파일만 업로드 가능합니다.

    신고/차단

    신고 사유를 선택해주세요.
    신고 내용은 이용약관 및 정책에 의해 처리됩니다.

    허위 신고일 경우, 신고자의 서비스 활동이 제한될 수
    있으니 유의하시어 신중하게 신고해주세요.


    이 글을 작성한 작성자의 모든 글은 블라인드 처리 됩니다.

    문장수집 작성

    구매 후 90일 이내 작성 시, e교환권 100원 적립

    eBook 문장수집은 웹에서 직접 타이핑 가능하나, 모바일 앱에서 도서를 열람하여 문장을 드래그하시면 직접 타이핑 하실 필요 없이 보다 편하게 남길 수 있습니다.

    P.
    Do it! HTML5+CSS3 웹 표준의 정석
    저자 모두보기
    저자(글)
    낭독자 모두보기
    sam 이용권 선택
    님이 보유하신 이용권입니다.
    차감하실 sam이용권을 선택하세요.
    sam 이용권 선택
    님이 보유하신 이용권입니다.
    차감하실 sam이용권을 선택하세요.
    sam 이용권 선택
    님이 보유하신 프리미엄 이용권입니다.
    선물하실 sam이용권을 선택하세요.
    결제완료
    e캐시 원 결제 계속 하시겠습니까?
    교보 e캐시 간편 결제
    sam 열람권 선물하기
    • 보유 권수 / 선물할 권수
      0권 / 1
    • 받는사람 이름
      받는사람 휴대전화
    • 구매한 이용권의 대한 잔여권수를 선물할 수 있습니다.
    • 열람권은 1인당 1권씩 선물 가능합니다.
    • 선물한 열람권이 ‘미등록’ 상태일 경우에만 ‘열람권 선물내역’화면에서 선물취소 가능합니다.
    • 선물한 열람권의 등록유효기간은 14일 입니다.
      (상대방이 기한내에 등록하지 않을 경우 소멸됩니다.)
    • 무제한 이용권일 경우 열람권 선물이 불가합니다.
    이 상품의 총서 전체보기
    네이버 책을 통해서 교보eBook 첫 구매 시
    교보e캐시 지급해 드립니다.
    교보e캐시 1,000원
    • 첫 구매 후 3일 이내 다운로드 시 익일 자동 지급
    • 한 ID당 최초 1회 지급 / sam 이용권 제외
    • 네이버 책을 통해 교보eBook 구매 이력이 없는 회원 대상
    • 교보e캐시 1,000원 지급 (유효기간 지급일로부터 7일)
    구글북액션을 통해서 교보eBook
    첫 구매 시 교보e캐시 지급해 드립니다.
    교보e캐시 1,000원
    • 첫 구매 후 3일 이내 다운로드 시 익일 자동 지급
    • 한 ID당 최초 1회 지급 / sam 이용권 제외
    • 구글북액션을 통해 교보eBook 구매 이력이 없는 회원 대상
    • 교보e캐시 1,000원 지급 (유효기간 지급일로부터 7일)