- 출간 정보
- 2013.06.30. 전자책 출간
- 파일 정보
- 3.6MB
- 143쪽
- ISBN
- 9788968486395
- ECN
- -
[리얼타임] HTML5 보일러플레이트 상세페이지
리디 info
도서 이용 안내
서점에서 판매 중인 리얼타임 시리즈는 DRM-Free 도서가 아닙니다.
DRM-Free 도서는 한빛미디어 홈페이지에서 별도 구매하셔야 합니다.
도서 이용에 참고 부탁드립니다.
[리얼타임] HTML5 보일러플레이트작품 소개
<[리얼타임] HTML5 보일러플레이트> 크로스 브라우징과 반응형 웹 제작 비법을 배우는 HTML5 실무 가이드
HTML5가 중요하다고는 하지만 실제로 HTML5 기반으로 웹 사이트를 제작하는 것은 부담이다. 왜냐하면 아직 오래된 버전의 웹 브라우저를 많이 사용하는 국내 웹 환경에서 자칫 HTML5 요소가 지원되지 않거나 웹 페이지가 잘못 표현되는 등의 문제가 발생할 수 있기 때문이다. HTML5 보일러플레이트는 HTML5 기반으로 웹 사이트를 만들면서도 오래된 버전의 웹 브라우저와도 호환 가능할 수 있게 설계한 크로스 브라우징 웹 템플릿으로, 이 책에서는 템플릿을 국내 웹 제작 환경에 맞도록 수정하고 크로스 브라우징을 지원하고 반응형 웹으로 작동 가능한 예제를 만들면서 국내 현실에 맞게 HTML5 웹 사이트를 만드는 방법을 소개한다.
대상 독자
- 마크업 기본을 아는 초중급 웹 퍼블리셔
- 크로스 브라우징과 반응형 웹 제작 기법이 궁금한 실무자
예제를 만들면서 배우는 HTML5 기반의 웹 사이트 만들기
『HTML5 보일러플레이트』는 HTML5 보일러플레이트를 충분히 이해한 후 실무에서 이를 적용해 예제 웹 사이트를 만들어야 하는 초?중급 웹 퍼블리셔에게 적합한 책이다. 메뉴얼에서도 아주 자세히 설명하지 않는 HTML5 보일러플레이트의 주요 구성 요소를 상세하게 분석했으며, 이를 바탕으로 템플릿을 자신의 실무 작업에 맞게 바꾸는 방법도 설명한다. 또한 예제 웹 페이지는 크로스 브라우징과 반응형 웹을 지원할 수 있도록 설계하고 해당 웹 페이지의 디자인 구성 노하우까지 자세하게 설명해 짧은 분량이지만 HTML5 기반의 웹 사이트 제작 방법을 충분히 살펴볼 수 있도록 구성했다
저자 프로필
저자 소개
[지은이] 송태민
언제나 새로운 주제를 빠르게 탐구한 후 자신의 지식을 다른 사람들과 어떻게 나누는 것이 좋을지에 대해서 고민하고 책을 쓰는 소신 있는 웹 퍼블리셔이자 현업 UI/UX 디자이너입니다. 현재 SK플래닛에서 UI/UX 디자이너로 다양한 서비스를 개발하고 있으며, UX/UI를 연구하는 어비팩토리 공장장이자 KAC한국예술원 멀티미디어디자인과 외래 교수로 활동 중입니다. 또한 디자인 정글, 디노마드 등에서 강의를 진행하며, 웹 개발 트렌드와 관련한 각종 세미나에서 자주 볼 수 있는 스피커이기도 합니다.
목차
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 <figure> 요소 관련 설정
2.3.8 <form> 및 하위 요소 관련 설정
2.3.9 <table> 요소 관련 설정
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.3 점
점수비율
- 5
- 4
- 3
- 2
- 1
3명이 평가함
리뷰 작성 영역
내가 남긴 별점 0.0
별로예요
그저 그래요
보통이에요
좋아요
최고예요
'구매자' 표시는 리디에서 유료도서 결제 후 다운로드 하시거나 리디셀렉트 도서를 다운로드하신 경우에만 표시됩니다.
- 무료 도서 (프로모션 등으로 무료로 전환된 도서 포함)
- '구매자'로 표시되지 않습니다.
- 시리즈 도서 내 무료 도서
- '구매자’로 표시되지 않습니다. 하지만 같은 시리즈의 유료 도서를 결제한 뒤 리뷰를 수정하거나 재등록하면 '구매자'로 표시됩니다.
- 영구 삭제
- 도서를 영구 삭제해도 ‘구매자’ 표시는 남아있습니다.
- 결제 취소
- ‘구매자’ 표시가 자동으로 사라집니다.
리뷰 및 사용자 신고하기
댓글 및 사용자 신고하기
사용자 차단
사용자 차단 해제
Realtime
[리얼타임]
이 책과 함께 구매한 책
이 책과 함께 둘러본 책
성인 인증 안내
성인 재인증 안내
성인 인증 안내
성인 재인증 안내
청소년보호법에 따라 성인 인증은 1년간
유효하며, 기간이 만료되어 재인증이 필요합니다.
성인 인증 후에 이용해 주세요.
해당 작품은 성인 인증 후 보실 수 있습니다.
성인 인증 후에 이용해 주세요.
청소년보호법에 따라 성인 인증은 1년간
유효하며, 기간이 만료되어 재인증이 필요합니다.
성인 인증 후에 이용해 주세요.
해당 작품은 성인 인증 후 선물하실 수 있습니다.
성인 인증 후에 이용해 주세요.
본문 끝 최상단으로 돌아가기
