나에게 필요한 지식과 기술을 검색해 보세요.

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

지은이

송태민

출간일

2013.06.30

레벨

초중급

평점

3(1명)

정가

9,900원

판매가

8,910원

총 결제 금액

10%

8,910원

적립 예정

440P

전자책 사용 안내

전자책은 웹뷰어와 한빛+ 앱에서 열람할 수 있으며 PDF 다운로드는 지원되지 않습니다.

쪽수

143P

ISBN

9788968486395

브랜드

리얼타임 eBook

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

 

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

 

대상 독자

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

 

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

저자

목차

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

리뷰

전체 평점

3

자료

오탈자

등록된 오탈자가 없어요

오탈자를 발견하셨다면 작성해주세요.

9,900원

10%

8,910원