메뉴 바로가기 검색 및 카테고리 바로가기 본문 바로가기

한빛출판네트워크

HTML5 보일러플레이트 : 크로스 브라우징과 반응형 웹을 위한 어비의 노하우

리얼타임 eBook

집필서

판매중

  • 저자 : 송태민
  • 출간 : 2013-06-30
  • 페이지 : 143 쪽
  • ISBN : 9788968486395
  • 초급 초중급 중급 중고급 고급
3점 (1명)
좋아요 : 37

크로스 브라우징과 반응형 웹 제작 비법을 배우는 HTML5 실무 가이드

 

HTML5가 중요하다고는 하지만 실제로 HTML5 기반으로 웹 사이트를 제작하는 것은 부담이다. 왜냐하면 아직 오래된 버전의 웹 브라우저를 많이 사용하는 국내 웹 환경에서 자칫 HTML5 요소가 지원되지 않거나 웹 페이지가 잘못 표현되는 등의 문제가 발생할 수 있기 때문이다. HTML5 보일러플레이트는 HTML5 기반으로 웹 사이트를 만들면서도 오래된 버전의 웹 브라우저와도 호환 가능할 수 있게 설계한 크로스 브라우징 웹 템플릿으로, 이 책에서는 템플릿을 국내 웹 제작 환경에 맞도록 수정하고 크로스 브라우징을 지원하고 반응형 웹으로 작동 가능한 예제를 만들면서 국내 현실에 맞게 HTML5 웹 사이트를 만드는 방법을 소개한다.

 

대상 독자

  • 마크업 기본을 아는 초중급 웹 퍼블리셔
  • 크로스 브라우징과 반응형 웹 제작 기법이 궁금한 실무자

 

예제를 만들면서 배우는 HTML5 기반의 웹 사이트 만들기 
『HTML5 보일러플레이트』는 HTML5 보일러플레이트를 충분히 이해한 후 실무에서 이를 적용해 예제 웹 사이트를 만들어야 하는 초?중급 웹 퍼블리셔에게 적합한 책이다. 메뉴얼에서도 아주 자세히 설명하지 않는 HTML5 보일러플레이트의 주요 구성 요소를 상세하게 분석했으며, 이를 바탕으로 템플릿을 자신의 실무 작업에 맞게 바꾸는 방법도 설명한다. 또한 예제 웹 페이지는 크로스 브라우징과 반응형 웹을 지원할 수 있도록 설계하고 해당 웹 페이지의 디자인 구성 노하우까지 자세하게 설명해 짧은 분량이지만 HTML5 기반의 웹 사이트 제작 방법을 충분히 살펴볼 수 있도록 구성했다

송태민 저자

송태민

언제나 새로운 주제를 빠르게 탐구한 후 자신의 지식을 다른 사람들과 어떻게 나누는 것이 좋을지에 대해서 고민하고 책을 집필하는 소신있는 웹 퍼블리셔이자 현업 UI·UX 디자이너다. SK플래닛에서 UI·UX 디자이너로 다양한 서비스를 개발했으며 사물 인터넷과 웨어러블 서비스를 연구·개발하는 어비팩토리 공장장으로, 각종 사물 인터넷 관련 세미나의 스피커로, 미래창조과학부 산하 기관에서 스타트업을 위한 멘토로 활동하는 자문위원이기도 하다.
저서로는 『크리에이티브 디자이너를 위한 웹표준』 (제우미디어), 『어비의 모바일 웹』 (길벗), 『반응형 웹디자인』 (위키북스), 『HTML5 보일러플레이트』 (한빛미디어), 『모바일 보일러플레이트』 (한빛미디어) 등이 있다.
역서로는 『jQuery 최고의 교과서』 (한빛미디어)가 있다.

1장. HTML5 보일러플레이트 소개
    1.1 HTML5 보일러플레이트란?
    1.2 HTML5 보일러플레이트의 주요 특징
        1.2.1 jQuery 라이브러리
        1.2.2 Modernizr 라이브러리
    1.3 HTML5 보일러플레이트 다운로드
        1.3.1 Github
        1.3.2 Initializr
    1.4 HTML5 보일러플레이트의 버전별 변화
    1.5 HTML5 보일러플레이트의 장단점

 

2장. HTML5 보일러플레이트 분석
    2.1 HTML5 보일러플레이트 구조
        2.1.1 루트 디렉터리 구조
        2.1.2 추가 디렉터리 구조
    2.2 index.html 분석
    2.3 normalize.css 분석
        2.3.1 HTML5 요소 관련 설정
        2.3.2 기본 요소 관련 설정
        2.3.3 하이퍼링크 요소 관련 설정
        2.3.4 텍스트 요소 관련 설정
        2.3.5 목록 요소 관련 설정
        2.3.6 내장 콘텐츠 요소 관련 설정
        2.3.7

요소 관련 설정
        2.3.8
및 하위 요소 관련 설정
        2.3.9 요소 관련 설정
    2.4 main.css 분석
        2.4.1 HTML5 보일러플레이트 고유 설정
        2.4.2 Chrome 프레임 관련 설정
        2.4.3 도움을 주는 class 속성 설정
        2.4.4 미디어 쿼리 관련 설정
    2.5 plugins.js 분석

 

 

3장. 국내 환경에 맞게 수정한 HTML5 보일러플레이트 템플릿
    3.1 수정한 HTML5 보일러플레이트 구조
    3.2 index.html의 변경점
    3.3 normalize.css의 변경점
        3.3.1 국내에서 사용하지 않는 normalize.css 코드 예
        3.3.2 새롭게 추가하거나 수정한 부분
    3.4 main.css의 변경점

 

4장. 예제 웹 페이지 만들기
    4.1 웹 페이지 구성 노하우
    4.2 반응형 웹 구성 미리 보기
        4.2.1 레이아웃 구조 살펴보기
    4.3 레이아웃 구조 만들기
        4.3.1 HTML 마크업
        4.3.2 CSS 코딩
    4.4 반응형 웹 만들기
        4.4.1 레이아웃 CSS 반응형
    4.5 header 영역 만들기
        4.5.1 HTML 마크업
        4.5.2 CSS 코딩
    4.6 article 영역 만들기
        4.6.1 HTML 마크업
        4.6.2 이미지 플리킹 효과
        4.6.3 CSS 코딩
    4.7 aside 영역 만들기
        4.7.1 HTML 마크업
        4.7.2 CSS 코딩
    4.8 footer 영역 만들기
        4.8.1 HTML 마크업
        4.8.2 CSS 코딩
        4.8.3 placeholder 속성 변경하기
    4.9 반응형 웹: 태블릿 PC 버전 완성하기
        4.9.1 header 영역
        4.9.2 article 영역
        4.9.3 aside 영역
        4.9.4 footer 영역
    4.10 크로스 브라우징 확인

 

부록. 예제 웹 페이지 소스 코드
    index.html
    normalize.css
    main.css
    index.css

HTML5를 잘 활용하기 위한 프레임워크 중에 하나로 저자는 보일러플레이트에 대한 내용을 전반적으로 설명한 후 우리나라 상황에 맞게 수정된 버전을 설명한다. 후반부는 예제를 통한 실습으로 구성했다.
이책은 HTML5 보일러플레이트를 처음 접하는 독자를 대상으로 구성했으며, 프로젝트 구성 파일들에 대한 자세한 설명과 국내 현실에 맞게 수정된 버전도 함께 구성된 부분과 단계별 샘플 제작은 좋은 점수를 주고 싶다. 조금 아쉬운 부분은 버전별 변화에 대한 설명이나 부록 또는 너무 자세한 설명으로 별도의 링크나 간단한 코멘트로 했으면 좋았을 것 같다.
HTML5에 대한 전반적인 내용을 습득한 후 HTML5 보일러플레이트를 접해보면 전반적인 코딩 가이드를 습득할 수 있고 프레임워크를 사용함으로써 개발자 또는 디자이너간의 협업이 쉽게 이뤄질 수 있는 장점이 있다. HTML5 보일러플레이트 개념서로써 충분히 가치가 있으며, 빠르게 익힐 수 있는 가이드가 됨을 확인할 수 있었다.

결제하기
• 문화비 소득공제 가능
• 배송료 : 2,000원배송료란?

배송료 안내

  • 20,000원 이상 구매시 도서 배송 무료
  • 브론즈, 실버, 골드회원이 주문하신 경우 무료배송

무료배송 상품을 포함하여 주문하신 경우에는 구매금액에 관계없이 무료로 배송해 드립니다.

닫기

리얼타임 eBook 안내

PDF 형식으로 제공되며, 다운로드한 eBook은 PDF 포맷을 지원하는 디바이스 또는 프로그램에서 제한없이 열람할 수 있습니다. 또한 eBook 내의 텍스트 검색 및 인쇄도 가능합니다.

리뷰쓰기

닫기
* 상품명 :
HTML5 보일러플레이트 : 크로스 브라우징과 반응형 웹을 위한 어비의 노하우
* 제목 :
* 별점평가
* 내용 :

* 리뷰 작성시 유의사항

글이나 이미지/사진 저작권 등 다른 사람의 권리를 침해하거나 명예를 훼손하는 게시물은 이용약관 및 관련법률에 의해 제재를 받을 수 있습니다.

1. 특히 뉴스/언론사 기사를 전문 또는 부분적으로 '허락없이' 갖고 와서는 안됩니다 (출처를 밝히는 경우에도 안됨).
2. 저작권자의 허락을 받지 않은 콘텐츠의 무단 사용은 저작권자의 권리를 침해하는 행위로, 이에 대한 법적 책임을 지게 될 수 있습니다.

오탈자 등록

닫기
* 도서명 :
HTML5 보일러플레이트 : 크로스 브라우징과 반응형 웹을 위한 어비의 노하우
* 구분 :
* 상품 버전
종이책 PDF ePub
* 페이지 :
* 위치정보 :
* 내용 :

도서 인증

닫기
도서명*
HTML5 보일러플레이트 : 크로스 브라우징과 반응형 웹을 위한 어비의 노하우
구입처*
구입일*
부가기호*
부가기호 안내

* 온라인 또는 오프라인 서점에서 구입한 도서를 인증하면 마일리지 500점을 드립니다.

* 도서인증은 일 3권, 월 10권, 년 50권으로 제한되며 절판도서, eBook 등 일부 도서는 인증이 제한됩니다.

* 구입하지 않고, 허위로 도서 인증을 한 것으로 판단되면 웹사이트 이용이 제한될 수 있습니다.

닫기

해당 상품을 장바구니에 담았습니다.이미 장바구니에 추가된 상품입니다.
장바구니로 이동하시겠습니까?

자료실

최근 본 상품1