책소개
HTML4, CSS2와 HTML5, CSS3가 무엇인지 몰라도 배울 수 있는 웹 디자인 교과서. 최신 기술인 HTML5와 CSS3를 단계별로 학습하고, 웹 사이트 디자인을 직접 따라하면서 HTML5와 CSS3를 어떻게 응용하는지 설명하므로 단순한 태그 나열이 아니라 스타일을 완성하는 방법을 자연스럽게 터득한다. PC용 웹 페이지 시안을 만들어보고, 스마트폰을 위한 모바일 웹 페이지 제작, 태블릿을 위한 웹 페이지 제작을 따라하는 구성이므로 어떤 웹 사이트 디자인에도 대응할 수 있다.
가상의 소셜커머스를 만들어 실제와 같은 웹 페이지를 제작해본다. 또한, 한 번 디자인해서 PC, 스마트폰, 태블릿 등의 다양한 크기의 화면에 대응하는 반응형 웹 디자인을 살펴보고, 웹 디자인에 쓰이는 정적 그리드 시스템, 동적 그리드 시스템, 반응형 그리드 시스템까지 설명해 어떤 상황에서도 독자가 응용하는 게 가능하다. 또한 스타일시트 핵, HTML5 지원을 가능하게 하는 HTML5 Shiv, IE9.js 등을 설명하고, 웹 디자인을 간편하게 해주는 부트스트랩, 체계적인 스타일링을 위한 Less, HTML5를 이용한 미디어 갤러리, SVG를 이용한 지도와 통계 자료 표시 등을 다뤘다.
HTML5의 다양한 태그와 CSS3의 스타일 속성, 복잡한 CSS3 선택자에 대해 코드와 이미지를 함께 보여줘서 시각적으로 바로 이해하는 구성으로 되어 있다. 직접 실습해보지 않아도 코드와 결과를 바로 확인할 수 있게 했다. 또한, 브라우저별 지원 여부를 별도로 표기해 다양한 브라우저에서 직접 테스트해보지 않아도 사용 여부를 알 수 있다. 이 책의 모든 예제는 인터넷 익스플로러 8 이상에서 동작하며, 브라우저 지원 여부에 따라 인터넷 익스플로러, 크롬, 사파리, 파이어폭스, 오페라의 버전을 명시했으며, 아이폰, 안드로이드폰, 갤럭시 탭, 아이패드에서 테스트했다. 뉴아이패드를 위한 레티나 디스플레이를 인식하는 방법까지 빠짐없이 수록했다.
저자소개
출판사소개
목차
Chapter 1 HTML5 개요
1.1 웹의 역사
1.2 HTML5 추가 기능
1.3 HTML5를 공부해야 하는 이유
1.4 Visual Studio 2012 Express for Web 설치
1.5 HTML 페이지 생성
1.6 구글 크롬 설치
1.7 구글 크롬 개발자 도구
1.8 IE Tester 설치
Chapter 2 HTML5 태그 기본
2.1 글자 태그
2.2 목록 태그
2.3 테이블 태그
2.4 이미지 태그
2.5 오디오 태그
2.6 비디오 태그
2.7 입력 양식 태그
2.8 공간 분할 태그
Chapter 3 CSS3 선택자 기본
3.1 선택자 종류 개요
3.2 전체 선택자
3.3 태그 선택자
3.4 아이디 선택자와 클래스 선택자
3.5 속성 선택자
3.6 후손 선택자와 자손 선택자
3.7 동위 선택자
3.8 반응 선택자
3.9 상태 선택자
3.10 구조 선택자
3.11 문자 선택자
3.12 링크 선택자
3.13 부정 선택자
Chapter 4 CSS3 스타일 속성 기본
4.1 CSS3 단위
4.2 가시 속성
4.3 박스 속성
4.4 테두리 속성
4.5 배경 속성
4.6 폰트 속성
4.7 위치 속성
4.8 float 속성
4.9 그림자 속성
4.10 벤더 프리픽스
4.11 그레이디언트
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 모바일 웹 개발 주의사항
6.3 뷰포트 meta 태그
6.4 초기화
6.5 헤더 구조 구성
6.6 스프라이트 이미지
6.7 토글 목록 구성
6.8 네비게이션 구성(1)
6.9 네비게이션 구성(2)
6.10 본문 구성
6.11 푸터 구성
6.12 정리
6.13 전체 화면
6.14 글자 감추기
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 최종 정리
Chapter 9 CSS3 변형과 애니메이션
9.1 변형 속성 기본
9.2 변형 속성
9.3 키 프레임과 애니메이션 속성
Chapter 10 CSS3 변환
10.1 2차원 변환
10.2 3차원 변환
10.3 원근법
10.4 회전 목마
Chapter 11 CSS 추가 규칙과 반응형 웹
11.1 @import 규칙
11.2 @font-face 규칙
11.3 @media 규칙
11.4 반응형 웹
11.5 화면 방향 전환
Chapter 12 그리드 시스템
12.1 그리드 시스템 플러그인
12.2 정적 그리드 시스템
12.3 동적 그리드 시스템
12.4 반응형 그리드 시스템
부록A. 인터넷 익스플로러 보완 방법
시작하기 전에...
인터넷 익스플로러 - 조건부 주석
인터넷 익스플로러 ? 스타일시트 핵
HTML5 지원 ? HTML5 Shiv
HTML5 지원 ? IE9.js
CSS3 속성 ? CSS3 Pie
CSS3 미디어쿼리 ? CSS3 MediaQueries.js 플러그인
CSS3 초기화 - Normalize.css 플러그인
부록 B. 부트스트랩
설정
레이아웃
툴바
툴바 버튼
다단 레이아웃
수직 목록
정리
부록 C. Less 스타일시트
개요
Less 컴파일러
기본
서버를 사용한 변환
부록 D. HTML5를 사용한 플래시 웹 페이지 개발
HTML5의 플래시 대체 가능 범위
회전 이미지 갤러리
영화 소개 페이지
부록 E. SVG 태그
기본
라파엘 플러그인
SVG 태그를 사용한 지도
SVG 태그를 사용한 지도와 통계 자료
배송
- 배송비, 무료배송비는 업체 사정에 따라 달라질 수 있습니다.
- 배송은 결제 확인 후 다음날부터 2~3일 이내에 배송됩니다. (단 도서 산간지역은 1~2일정도 더 소요됩니다.)
- 공휴일은 배송기간에 포함되지 않습니다.
- 주문하신 상품이 여러개인 경우 동일한 업체의 상품만 묶음 배송 가능합니다. (업체 사정에 따라 달라질 수 있습니다.)
- 배송정보는 상단 주문조회나 마이페이지 주문목록에서 가능합니다.
상품 품절
- 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는 이메일과 문자로 안내드립니다.
주문취소/변경
- 주문 상품에 대한 변경사항(품절,가격변동)이 발생하면 전화나 메일을 통해 변경내용을 알려드립니다.
- 주문 상품의 변경/취소/환불은 배송 시작전 마이페이지에서 직접 신청이 가능합니다.
- 주문 상품이 발송된 시점에서는 변경/취소/환불이 모두 불가능합니다.
반품/교환
- 기간 : 배송받으신 후 7일 이내에 가능합니다.
- 방법 : 홈페이지 마이페이지 > 반품/ 교환 신청 및 조회에서 가능합니다.
- 배송비 부담 : 상품에 이상이 있을시에는 무료, 고객의 단순변심 및 착오구매일 경우 상품 반송비용은 고객 부담입니다.
- 포장 개봉 후 재판매가 불가능한 상품은 반품/교환이 불가능합니다.
- 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우, 반품/교환이 불가능합니다.
반품/교환 불가 사유
- 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우 (단지 확인을 위한 포장 훼손은 제외)
- 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
- 복제가 가능한 상품 등의 포장을 훼손한 경우
- 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우
- 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
- 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
- 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
소비자 피해보상 환불 지연에 따른 배상
- 상품의 불량에 의한 반품, 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 준하여 처리합니다.
- 대금 환불 및 환불 지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리합니다.
