본문 바로가기

추천 검색어

실시간 인기 검색어

모던 웹을 위한 HTML5+CSS3 바이블

웹 표준을 적용한 480개의 코드로 배우는 웹 페이지 제작의 모든 것
윤인성 지음
한빛미디어

2019년 07월 03일 출간

종이책 : 2019년 05월 01일 출간

(개의 리뷰)
( 0% 의 구매자)
eBook 상품 정보
파일 정보 pdf (61.52MB)
ISBN 9791162248652
쪽수 632쪽
지원기기 교보eBook App, PC e서재, 리더기, 웹뷰어
교보eBook App 듣기(TTS) 가능
TTS 란?
텍스트를 음성으로 읽어주는 기술입니다.
  • 전자책의 편집 상태에 따라 본문의 흐름과 다르게 텍스트를​ 읽을 수 있습니다.
  • 전자책 화면에 표기된 주석 등을 모두 읽어 줍니다.
  • 이미지 형태로 제작된 전자책 (예 : ZIP 파일)은 TTS 기능을 지원하지 않습니다.
  • '교보 ebook' 앱을 최신 버전으로 설치해야 이용 가능합니다. (Android v3. 0.26, iOS v3.0.09,PC v1.2 버전 이상)

PDF 필기 Android 가능 (iOS예정)
소득공제
소장
정가 : 25,600원

쿠폰적용가 23,040

10% 할인 | 5%P 적립

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

카드&결제 혜택

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

작품소개

이 상품이 속한 분야

HTML5, CSS3를 배우는 것보다 더 중요한 것은 그것을 이용해 웹 페이지를 구현하는 것입니다. 이 책은 HTML5 표준과 CSS3 표준을 사용하여 웹 페이지를 구현하는 방법을 중심으로 설명합니다. 웹 페이지 레이아웃, 스마트폰 레이아웃, 태블릿 PC 레이아웃, 소셜커머스 메인 페이지 레이아웃을 담았습니다
시리즈 구성
학습계획표
지은이의 글
대상독자
공부방법
웹 표준과 웹 브라우저

PART 1. HTML5+CSS3 기본

____CHAPTER 1. HTML5 개요
________1.1 웹의 역사
________1.2 HTML5를 공부해야 하는 이유
________1.3 구글 크롬 설치
________1.4 Visual Studio Code 설치
________1.5 HTML 페이지 생성하고 실행하기

____CHAPTER 2. HTML5 태그 기본
________2.1 HTML5 기본 용어 정리
________2.2 HTML5 페이지 구조
________2.3 글자 태그
________2.4 목록 태그
________2.5 테이블 태그
________2.6 이미지 태그
________2.7 오디오 태그
________2.8 비디오 태그
________2.9 입력 양식 태그
________2.10 공간 분할 태그

____CHAPTER 3. CSS3 선택자 기본
________3.1 CSS 선택자란?
________3.2 선택자 종류 개요
________3.3 전체 선택자
________3.4 태그 선택자
________3.5 아이디 선택자와 클래스 선택자
________3.6 속성 선택자
________3.7 후손 선택자와 자손 선택자
________3.8 동위 선택자
________3.9 반응 선택자
________3.10 상태 선택자
________3.11 구조 선택자
________3.12 문자 선택자
________3.13 링크 선택자
________3.14 부정 선택자

____CHAPTER 4. CSS3 스타일 속성 기본
________4.1 스타일 속성을 공부할 때는
________4.2 CSS3 단위
________4.3 가시 속성
________4.4 박스 속성
________4.5 테두리 속성
________4.6 배경 속성
________4.7 폰트 속성
________4.8 위치 속성
________4.9 float 속성
________4.10 clear: both를 사용한 레이아웃
________4.11 그림자 속성
________4.12 그레이디언트
________4.13 벤더 프리픽스

PART 2. HTML5+CSS3를 사용한 레이아웃 구성

____CHAPTER 5. 웹 페이지 레이아웃
________5.1 웹 페이지 개요
________5.2 레이아웃 구분
________5.3 초기화
________5.4 헤더 구조 작성
________5.5 웹 폰트
________5.6 수평 메뉴
________5.7 콘텐츠 구성
________5.8 본문 구성
________5.9 사이드 탭바 구성
________5.10 목록 구성
________5.11 푸터 구성
________5.12 정리

____CHAPTER 6. 스마트폰 레이아웃
________6.1 스마트폰 개요
________6.2 뷰포트 meta 태그
________6.3 초기화
________6.4 헤더 구조 구성
________6.5 스프라이트 이미지
________6.6 토글 목록 구성
________6.7 내비게이션 구성(1)
________6.8 내비게이션 구성(2)
________6.9 본문 구성
________6.10 푸터 구성
________6.11 정리
________6.12 전체화면
________6.13 글자 감추기

____CHAPTER 7. 태블릿 PC 레이아웃
________7.1 초기화
________7.2 헤더 구성
________7.3 내비게이션 구성
________7.4 콘텐츠 구성
________7.5 수직 목록 구성
________7.6 본문 구성
________7.7 푸터 구성
________7.8 정리
________7.9 고정 바

____CHAPTER 8. 소셜커머스 메인 페이지
________8.1 초기화
________8.2 헤더 구성
________8.3 사이드 구성
________8.4 내비게이션 구성(1)
________8.5 내비게이션 구성(2)
________8.6 목록 구성
________8.7 콘텐츠 구성
________8.8 최종 정리

PART 3. HTML5+CSS3 심화
____CHAPTER 9. CSS3 변형과 애니메이션
________9.1 변형 속성 기본
________9.2 변형 속성
________9.3 키 프레임과 애니메이션 속성

____CHAPTER 10. CSS3 변환
________10.1 변환이란?
________10.2 2차원 변환
________10.4 원근법
________10.5 회전 목마

____CHAPTER 11. CSS 추가 규칙과 반응형 웹
________11.1 규칙(@ - rule)이란?
________11.2 @import 규칙
________11.3 @font -face 규칙
________11.4 @media 규칙
________11.5 반응형 웹
________11.6 화면 방향 전환

____CHAPTER 12. 그리드 시스템
________12.1 정적 그리드 시스템
________12.2 동적 그리드 시스템
________12.3 반응형 그리드 시스템
________12.4 CSS3 그리드 레이아웃

____Appendix A 부트스트랩
____Appendix B Less 스타일시트
____Appendix C 자바스크립트를 활용한 웹 페이지 개발
____Appendix D SVG 태그

9. 관련도서
『모던 웹을 위한 JavaScript+jQuery 입문, 3판』 (2017)
『모던 웹을 위한 Node.js 프로그래밍, 3판』(2016)

〉 HTML5, CSS3를 배우는 것만이 목적이 아니라,
그것을 이용해 웹 페이지를 구현하는 것이 목적인 당신을 위한 책입니다.

HTML5 태그 이름은 모두 알고 있는데 이를 어떻게 활용하는지 감을 잡지 못한다면,
CSS3 스타일 속성 이름은 모두 알고 있는데 이를 사용해 레이아웃을 어떻게 구성해야 할지 모른다면,
HTML5+CSS3를 배웠다고 할 수 있을까요?

중요한 것은 HTML5, CSS3를 배우는 것이 아닙니다.
그것을 이용해 웹 페이지를 구현하는 것이 중요합니다.
이 책은 HTML5 표준과 CSS3 표준을 사용하여 웹 페이지를 구현하는 방법을 중심으로 설명합니다.
웹 페이지 레이아웃, 스마트폰 레이아웃, 태블릿 PC 레이아웃, 소셜커머스 메인 페이지 레이아웃을 담았습니다.

HTML5+CSS3부터 Javascript, Node.js까지
『모던 웹을 위한』 시리즈로 웹 개발을 시작하세요.

-. HTML5, CSS3를 처음 접하는 입문자, 웹 디자이너
-. 웹 페이지, 스마트폰, 태블릿 PC 레이아웃을 한 번에 배우고자 하는 웹 프로그래머
-. 최신 버전의 HTML5, CSS3, ECMAScript 2019을 배우고, 웹 표준 레이아웃에 적용하고자 하는 웹 프로그래머

북 트레일러

작가정보

저자(글) 윤인성

http://youtube.com/c/윤인성

어쩌다가 책을 집필/번역하기 시작해서, 지금까지 계속해서 집필/번역하고 있습니다. 현재 직업 특성상 집에서 나갈 이유가 별로 없다는 것에 굉장히 만족하고 있습니다.
오전에는 커피, 오후에는 홍차를 마십니다. 요리, 피아노, 기타, 작곡, 그림, 스컬핑 등의 취미를 갖고 있습니다. 최근에는 그림 취미로 『인공지능을 위한 수학(프리렉, 2018)』의 표지를 그리기도 했습니다. 이 책의 소개말을 쓰는 시점을 기준으로 이 책은 44번째 도서입니다.

집필도서
『모던 웹을 위한 HTML5+CSS3 입문』 1판(2012), 2판(2015), 3판(2019),
『모던 웹을 위한 JavaScript+jQuery 입문』 1판(2011), 2판(2013), 3판(2017),
『모던 웹을 위한 Node.js 프로그래밍』 1판(2012), 2판(2013), 3판(2016),
『Hello Coding 파이썬』(2018)

작가의 말

『모던 웹 디자인을 위한 HTML5 + CSS3 입문』의 개정 3판을 내게 되었습니다. 책 제목은 『모던 웹을
위한 HTML5 + CSS3 바이블』로 바뀌었습니다.
2011년에 이 책을 처음 집필했을 때는 구 버전 인터넷 익스플로러를 절대 놓을 수 없는 시기였기에, 구 버전 인터넷 익스플로러와 관련된 이야기를 부록으로까지 굉장히 많이 다루었습니다. 하지만 2019년을 기준으로 인터넷 익스플로러 6의 PNG 관련 문제, 인터넷 익스플로러 8 이하에서 사용하는 스타 핵 등은 사용 비율이 많이 줄었기에 해당 내용은 제거했습니다.
이번 3판에서는 내용 업데이트와 함께 처음 HTML을 접하는 분들이 책을 조금 더 쉽게 읽을 수 있도록 많은 부분을 업데이트했습니다. 예를 들어 이전 판까지는 벤더 프리픽스 처리를 세세하게 해주어야 했기 때문에, Prefix Free 플러그인의 사용을 위해 Visual Studio라는 거대한 프로그램을 설치하고, 내장되어 제공되는 서버를 사용해 HTML 파일을 실행했습니다. 물론 이후에는 도움이 될 수 있는 내용이지만, 처음 HTML을 접하는 분들에게는 이 설정들이 힘들었을 것 같습니다. 그러나 이번 3판에서는 더 이상 Prefix Free 플러그인을 사용하지 않기 때문에 Visual Studio와 같은 무거운 프로그램을 설치하지 않아도 됩니다(가벼운 Visual Studio Code를 사용합니다).
책을 개정할 수 있게 도와주신 이미향 님과 송성근 님께 감사의 말씀을 드립니다. 1판, 2판을 진행해주신 이전 담당자 분께도 모두 감사의 말씀 드립니다. 또한 책을 봐주시는 모든 독자 분께도 감사의 말씀을 드립니다.
__윤인성

이 상품의 총서

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
    신간 알림 안내
    모던 웹을 위한 HTML5+CSS3 바이블 웹툰 신간 알림이 신청되었습니다.
    신간 알림 안내
    모던 웹을 위한 HTML5+CSS3 바이블 웹툰 신간 알림이 취소되었습니다.
    리뷰작성
    • 구매 후 90일 이내 작성 시, e교환권 100원 (최초1회)
    • 리워드 제외 상품 : 마이 > 라이브러리 > Klover리뷰 > 리워드 안내 참고
    • 콘텐츠 다운로드 또는 바로보기 완료 후 리뷰 작성 시 익일 제공
    감성 태그

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

    사진 첨부(선택) 0 / 5

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

    신고/차단

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

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


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

    문장수집 작성

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

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

    P.
    모던 웹을 위한 HTML5+CSS3 바이블
    웹 표준을 적용한 480개의 코드로 배우는 웹 페이지 제작의 모든 것
    저자 모두보기
    저자(글)
    낭독자 모두보기
    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일)