처음부터 다시 배우는 HTML5 CSS3

반응형 웹 표준 사이트 제작까지

로드북 · 2013년 09월 13일

책 소개

처음부터 다시 배우는『HTML5 CSS3: 반응형 웹 표준 사이트 제작까지』. 웹 표준의 핵심 철학인 '구조와 디자인의 분리'라는 관점에 맞게 달라진 웹 개발 방식을 제대로 배울 수 있도록 도와준다. 독자가 CSS를 이용하여 정밀하고 자유자재로 디자인을 컨트롤할 수 있는 정도의 수준까지 될 수 있도록 구성하다.

목차

• 1부 웹 표준과 HTML & CSS의 기초
  1장 웹 표준
  Section01 웹 표준이란?
  Section02 웹 접근성을 높여주고, 환경을 보호하는 웹 표준
  Section03 효율적인 웹사이트 관리 및 정밀하게 제어 가능한 사이트 개발
  
  2장 HTML5 특징 및 소개
  Section01 DOCTYPE
  Section02 XHTML1.0과 HTML5의 차이점
  Section03 HTML5에서 사라진 태그
  Section04 HTML5에서 추가된 태그
  
  3장 HTML5 멀티미디어 태그
  Section01 Video 태그
  Section02 Audio 태그 이용하기
  
  4장 Canvas와 SVG
  Section01 Canvas 태그
  Section02 SVG 태그
  
  5장 HTML5에서 추가된 Form 관련 태그들
  Section01 input type
  Section02 input 속성
  
  6장 HTML5의 API
  Section01 Drag & Drop (드래그 앤 드롭)
  Section02 Geolocation (위치 표시)
  Section03 Web Storage (웹 스토리지)
  Section04 App Cache (어플리케이션 캐시)
  Section05 Web Workers (웹 워커)
  
  
  2부 웹 표준 디자인의 핵심 CSS3
  7장 선택자
  Section01 CSS 선택자의 종류
  Section02 선택자 적용 방법
  Section03 선택자의 개념과 활용
  
  8장 박스 모델
  Section01 마진과 패딩 (margin & padding)
  Section02 border
  Section03 border-radius 이해하기 (CSS3)
  Section04 box shadow를 이용한 박스에 그림자 효과 주기 (CSS3)
  Section05 박스 모델에 백그라운드 이미지 적용
  Section06 박스 모델에 그라데이션(Gradient) 적용 (CSS3)
  Section07 박스 모델을 배치하는 float와 position
  
  9장 텍스트와 폰트
  Section01 텍스트 속성
  Section02 웹 폰트
  Section03 텍스트 쉐도우와 멀티 칼럼
  
  10장 기타 속성
  Section01 웹 컬러
  Section02 overflow
  Section03 word-wrap
  Section04 visibility
  Section05 display
  
  11장 CSS3를 이용한 특수 효과
  Section01 2D Transforms
  Section02 3D Transforms
  Section03 Transition
  Section04 애니메이션
  
  3부 웹 표준 사이트 개발
  12장 HTML5와 CSS3를 이용한 레이아웃 잡기
  Section01 기업 웹사이트 레이아웃 분석
  Section02 기초 레이아웃 잡기
  Section03 웹사이트의 메인 메뉴 만들기
  Section04 웹 표준에 의한 테이블 디자인
  Section05 웹 표준에 의한 폼 디자인
  
  13장 jQuery와 Modernizr
  Section01 jQuery
  Section01 Modernizr
  
  14장 사이트 제작 전 준비 작업 및 프론트 페이지 제작
  Section01 사이트 준비작업
  Section02 프론트 페이지 제작
  
  15장 서브페이지 개발
  Section01 회사소개 페이지: CEO 인사말
  Section02 HTML 파일의 모듈별 분리 및 제품소개 페이지 개발
  Section03 테이블 태그를 사용하지 않는 포토갤러리
  Section04 테이블 태그를 이용한 게시판 만들기
  
  16장 반응형 웹사이트로 변환하기
  Section01 미디어 쿼리 설정
  Section02 미디어 쿼리를 이용한 기기별 CSS 설정
  Section03 해상도별 CSS 설정 방법
  
  부록 A 하위 버전 브라우저에서 동영상 재생하기
  부록 B WAMP을 이용한 개인 웹 서버 세팅

출판사 서평

웹 표준의 핵심 철학인 "구조와 디자인의 분리"라는 관점에 맞게 달라진 웹 개발 방식을 제대로 배울 수 있도록 하는 것이 이 책의 주목적입니다. 이 책으로 학습하는 독자가 CSS를 이용하여 정밀하고 자유자재로 디자인을 컨트롤할 수 있는 정도의 수준까지 될 수 있도록 구성하였습니다.
이번 전면개정판에서는 HTML5의 주요 API를 추가하여 그 가능성과 응용성에 대해 학습해볼 수 있게 하였고 더 풍부해진 CSS의 기능들이 대폭 추가되었습니다.
무엇보다 3부의 웹 표준 사이트도 새로운 트렌드에 맞게 전면적으로 개편하였고 반응형 웹 디자인을 적용하여 스마트폰, 태블릿과 같은 여러 기기에서 자동으로 최적화해서 볼 수 있는 디자인 능력을 기를 수 있습니다.
(주의: 이 책은 HTML5 API를 깊이 있게 다루는 개발 서적이 아닙니다. HTML5 API는 기초적인 수준을 다루며 CSS를 활용한 웹 표준 디자인에 포커스를 두고 있는 웹 표준 디자인 책입니다)


_대상 독자
HTML 태그로 아직도 디자인을 하고 있는 현업 웹 디자이너
CSS를 쓰고 있어도 리뉴얼도 힘들고 유지보수도 힘든 결과를 내고 있는 웹 디자이너
웹 디자이너나 개발자가 되기 위해 공부하고 있는 학생
웹 디자이너와 협업을 해야 하는 웹 기획자나 개발자
반응형 웹사이트로 바꾸고 싶어하는 현업 디자이너

_주요 내용

웹 표준 시대의 NEW 웹 디자인을 생각한다
HTML5로 원하는 기능은 쉽게, CSS3로 디자인은 완벽하게

아직도 테이블 태그로 디자인 레이아웃을 만들고 있습니까? 여전히 HTML 코드에 디자인 속성을 덕지덕지 붙이고 있습니까? 유지보수 문제로 매일 밤을 지새우고 있지는 않나요? 플러그인 없이 원하는 기능을 쉽게 만들고 싶나요?
지금 당장 웹 표준 공부를 시작하십시오.

HTML5와 CSS3는 새로운 것이 아닙니다. 과거의 버전에 새로운 철학(구조와 표현의 분리)이 만나 새로운 시대적 요구에 맞게 없앨 것은 없애고 필요한 것은 새로 추가한 것입니다. 그렇기 때문에 무엇보다 웹 표준의 개발 방식을 익히는 것이 중요합니다.

이번 전면개정판은요?
필수적으로 알아야 할 HTML5 API 활용법 정리!!!
더 풍만해진 CSS3 디자인 기법 완벽 정리!!!
더욱 더 정교해진 반응형 웹 표준 디자인!!!

이 책으로?
HTML은 구조만 잡는 데 사용할 수 있도록 간단히!!!
CSS로 디자인을 정밀하게 제어할 수 있도록 자세히!!!
실전 웹사이트 제작으로 실전 능력까지 한방에!!!

_편집자 코멘트
IT 책을 편집하다 보면 여러 재미있는 지식에 깜짝깜짝 놀랄 때가 많습니다. 이 책 또한 제게는 특별했는데요. 예전에 취미로 웹 디자인을 배울 때만 해도 드림위버로 뚝딱뚝딱 만들던 기억이 있었는데, 이 책을 보면서 이제는 웹 디자인을 하더라도 상당히 정교하고 똑똑하게 해야 한다는 느낌을 받았습니다. 이제는 웹 디자이너도 프로그래머들처럼 정교한 설계를 하고 코드 몇 줄로 디자인의 분위기가 바뀌고 코드의 양이 줄어들어 퍼포먼스가 향상되고 여기에 마술 같이 여러 기기에 최적화한 반응형 웹사이트까지 만들 수 있게 되었습니다. 이 정도 능력이면 정말 대우받을 만한 웹 디자이너 아닐까요?
사실, CSS 디자인을 내 것으로 만들기 위해서는 상당히 많은 시간과 노력이 필요합니다. 내공 있는 웹 디자이너들의 실력이 그냥 하루아침에 이루어진 게 아니구나 하는 생각을 해봅니다.
참고로 단순히 HTML5의 풍부한 API 기능을 적용하고 써보고 싶어하시는 분들은 절대 이 책을 구입하지 말아주세요. 이 책은 HTML5의 API는 스스로 응용해서 학습할 수 있게끔 기초적인 부분만 다루고 있습니다. 클라이언트 쪽 웹 디자인이 어떻게 이루어져 있는지 알고 싶어하는 개발자가 본다면 충분히 소기의 성과는 거둘 수 있을 겁니다.

기본정보

ISBN	9788997924066
발행(출시)일자	2013년 09월 13일
쪽수	520쪽
크기	190 * 244 * 35 mm / 1025 g
총권수	1권