이미지 검색을 사용해 보세요
검색창 이전화면 이전화면
최근 검색어
인기 검색어

소득공제
모던 웹을 요리하는 초간편 HTML5 Cookbook
자바스크립트 API, 로컬 저장소, 접근성, 지오로케이션
베스트
웹사이트 top100 2주
가격
23,000
10 20,700
YES포인트?
1,150원 (5%)
5만원 이상 구매 시 2천원 추가 적립
결제혜택
카드/간편결제 혜택을 확인하세요

이미 소장하고 있다면 판매해 보세요.

  •  해외배송 가능?
  •  문화비소득공제 가능

상세 이미지

책소개

목차

01장 기본 문법과 의미
__1.0 소개
__1.1 DOCTYPE 명시하기
__1.2 문자셋 명시하기
__1.3 언어 명시하기
__1.4 「script」와 「link」 태그 최적화하기
__1.5 HTML5의 새 요소로 문서에 구조 추가하기
__1.6 article? section?
__1.7 문서 개요 점검하기
__1.8 문서 개요 수정하기
__1.9 텍스트 강조하기
__1.10 텍스트의 중요성 표시하기
__1.11 참조 목적으로 텍스트 하이라이트하기
__1.12 스몰 프린트 마크업
__1.13 약어와 두문자어 정의하기
__1.14 블록 레벨 콘텐츠에 링크 걸기
__1.15 그림과 캡션 마크업
__1.16 날짜와 시간 마크업
__1.17 브라우저가 지원하는 펼치기와 접기
__1.18 목록 순번 조절하기
__1.19 나중에 보일 콘텐츠 숨기기
__1.20 페이지 일부만 편집하기
__1.21 네이티브 드래그 앤 드롭

02장 점진적 마크업과 테크닉
__2.0 소개
__2.1 더 의미있는 마크업
__2.2 마크업 스타일 선택
__2.3 브라우저의 HTML5 지원 이해
__2.4 IE가 HTML5 요소를 인식하도록 만들기
__2.5 자바스크립트를 이용한 HTML5 기능 확인
__2.6 HTML5 템플릿 사용
__2.7 HTML5 유효성 검사
__2.8 HTML5 요소에 ID와 클래스 쓰기

03장 폼
__3.0 소개
__3.1 search 필드 만들기
__3.2 연락처 정보 필드
__3.3 날짜와 시간 필드 활용
__3.4 숫자 입력
__3.5 범위 안에서 숫자 선택
__3.6 색상 선택
__3.7 콤보박스 만들기
__3.8 폼 필드를 필수적인 것으로 만들기
__3.9 폼 필드에 자동으로 포커스 주기
__3.10 플레이스홀더 텍스트 표시
__3.11 자동완성 끄기
__3.12 값 제한하기
__3.13 HTML5를 오래된 브라우저에서 동작하게 만들기
__3.14 자바스크립트를 이용해 오래된 브라우저에서 폼 데이터 검사하기
__3.15 예제: 샘플 폼

04장 네이티브 오디오
__4.0 소개
__4.1 HTML5 오디오
__4.2 오디오 흐름 조작하기
__4.3 자바스크립트로 audio 생성하기
__4.4 canvas 요소를 써서 audio 시각화하기
__4.5 샘플 디자인: 커스텀 오디오 플레이어

05장 네이티브 비디오
__5.0 소개
__5.1 HTML5 비디오
__5.2 다양한 브라우저에서 비디오를 지원하도록 만들기
__5.3 비디오 크기 설정
__5.4 비디오를 재생하기 전에 플레이스홀더 이미지 표시하기
__5.5 비디오 반복 재생하기
__5.6 샘플 디자인: canvas 요소로 비디오 조작하기

06장 마이크로데이터와 커스텀 데이터
__6.0 소개
__6.1 마크업에 마이크로데이터 추가
__6.2 마이크로데이터와 Schema.org
__6.3 마크업에 커스텀 데이터 추가하기
__6.4 자바스크립트로 커스텀 데이터에 접근하기
__6.5 커스텀 데이터 조작
__6.6 예제: 커스텀 데이터를 이용한 지도 애플리케이션 제작

07장 접근성
__7.0 소개
__7.1 적절한 대체 텍스트 작성하기
__7.2 두문자어와 약어 설명하기
__7.3 ARIA 표지판 역할로 페이지 섹션 정의하기
__7.4 더 접근성 있는 내비게이션 링크 만들기
__7.5 폼 필드와 레이블 연결
__7.6 폼 필드를 논리적으로 묶기
__7.7 필드셋을 동적으로 만들기
__7.8 폼 필드를 필수적인 것으로 표시하기
__7.9 ARIA 동적 영역을 이용해 동적 콘텐츠가 업데이트되었을 때 알리기

08장 지오로케이션
__8.0 소개
__8.1 기본적인 지오로케이션 데이터 얻기
__8.2 폴백으로 기본적인 지오로케이션 데이터 얻기
__8.3 위도와 경도가 있는 주소를 역으로 지오코딩하기
__8.4 주소를 위도와 경도로 바꾸기
__8.5 현재 위치로부터 특정 주소의 방향 얻기
__8.6 예제: 스타벅스에서 스타벅스로

09장 canvas 요소
__9.0 소개
__9.1 canvas에 그리기
__9.2 투명도 이용하기
__9.3 canvas 요소의 크기 지정
__9.4 그레이디언트와 패턴, 선 스타일
__9.5 canvas 그림에 외부 이미지 불러오기
__9.6 색상 변형 설정하기
__9.7 위치 변형
__9.8 canvas 요소에서 텍스트 사용
__9.9 canvas 그림 자르기
__9.10 canvas 요소의 그림 애니메이트
__9.11 canvas 요소로 그래프 그리기
__9.12 canvas 그림을 파일로 저장하기

10장 고급 HTML5 자바스크립트
__10.0 소개
__10.1 로컬 스토리지
__10.2 애플리케이션 캐싱
__10.3 드래그 앤 드롭
__10.4 웹 워커
__10.5 웹 소켓
__10.6 히스토리
__10.7 로컬 파일

저자 소개

저자 : 크리스토퍼 슈미트
크리스토퍼 슈미트는 1993년부터 웹 관련 일을 했습니다. 미디어 이벤트와 디자인, 출판 회사인 Heatvision.com의 책임자이며 텍사스 오스틴에 거주하고 있습니다. 슈미트는 OSCON, SXSW 인터랙티브, AIGA 컨트롤, CSS 서밋 같은 컨퍼런스에서 웹 디자인과 웹 표준 기반 개발에 대해 자주 강연하고 있습니다. 『Professional CSS』(John Wiley & Sons, 2005), 『Adapting to Web Standards』(New Riders, 2008), 『CSS Cookbook』(O’Reilly, 2009) 등을 집필했습니다. 그의 개인 사이트는 http://christoperschmitt.com 입니다.
저자 : 카일 심슨
자바스크립트 시스템 설계자이며 텍사스 오스틴에 삽니다. 카일은 사용자 경험에 매우 관심이 많은데 특히 사용자 인터페이스를 최적화해서 반응성 높고 효율적이며 안전하면서도 확장 가능하게 만드는 일에 집중하고 있습니다. 카일은 자바스크립트가 컴퓨터 언어의 최종 진화라고 생각하며 자바스크립트로 더 많은 것을 구현할 수 있도록 항상 노력합니다. 또한 LABjs와 HandlebarJS/BikechainJS, flXHR 등의 여러 가지 오픈 소스 프로젝트에 참여하고 있으며 SWFObject의 핵심 멤버입니다.
역자 : 한선용
2008년부터 웹 관련 일을 했으며 웹 표준과 자바스크립트에 관심이 많습니다. 『WCAG 2.0을 위한 일반적 테크닉들』을 번역했으며(http://www.wah.or.kr/w3c_doc/techs/general.html), 『HTML5 명세』를 번역해서 http://tranbot.net에 공유하고 있습니다. 주요 번역서로는 『jQuery Mobile』(한빛미디어, 2011), 『자바스크립트 성능 최적화』(한빛미디어, 2011), 『HTML5 & CSS3: 오늘 구현하는 내일의 웹 표준』(인사이트, 2011), 『에릭마이어의 CSS 노하우』(인사이트, 2011), 『자바스크립트를 몰라도 배울 수 있는 Head First jQuery』(한빛미디어, 2012), 『처음 배우는 jQuery』(인사이트, 2012)가 있습니다.

품목정보

발행일
2012년 08월 01일
쪽수, 무게, 크기
320쪽 | 578g | 183*235*30mm
ISBN13
9788979149401

출판사 리뷰

이 책이 제시하는 핵심 내용
. HTML5를 개발하면서 부딪히는 다양한 문제 상황을 해결할 수 있는 실질적인 팁

이 책의 특징과 장점 (책 소개)

필요한 기능만 찾아서 바로 쓰는 HTML5 컨닝 페이퍼
더 이상 원하는 HTML5 기능을 찾으러 웹을 떠돌아다닐 필요가 없다. 시맨틱 마크업(Semantic Markup), 폼(Form), 오디오/비디오(Native Audio/Video) 요소부터 지오로케이션(Geolocation), 자바스크립트(JavaScript) API 관련 기술까지 95가지 다양한 레시피 중 필요한 HTML5 기능을 빠르게 찾아 쓰면 된다.

개발자가 실질적으로 부딪치는 문제와 해결책을 담은 HTML5 문제해답집
HTML5를 구현하며 발생하는 사소한 장애부터 기술적인 어려움까지, 웹/모바일 개발자가 매일 부딪히는 다양한 문제를 단 몇 줄의 간단한 설명과 코드로 오늘 바로 해결한다.

? HTML5를 지원하지 않는 브라우저에서도 모더나이저(Modernizer)로 구현하기
? 더 간결해진 HTML5 폼(Form) 요소 활용하기
? 네이티브 오디오(Native Audio)와 비디오(Native Video) 구현 노하우
? HTML5에 ARIA 접근성 가이드라인 적용하기
? 지오로케이션 데이터를 웹앱(Web App)에 이용하기
? canvas 요소로 그린 이미지에 투명도와 그레이디언트(Gradient) 적용하고 패턴 추가하기
? 웹 워커(Web Worker), 웹 소켓(Web Socket) 등 고급 HTML5 자바스크립트 기능 활용하기

【추천사】
“자세한 레퍼런스로 한 단계씩 공부할 수 있는 책은 많지만, 지금 바로 일을 시작해야 한다면 이 책을 선택하세요."
- 벤 헤닉, 『HTML & CSS: The Good Parts』(O'Reilly, 2011) 저자

어떤 독자를 위한 책인가?
-. ? HTML5를 활용하는 웹 퍼블리셔 및 개발자
-. ? XHTML이나 HTML4에서 신기술로 전환하고자 하는 독자

리뷰/한줄평12

리뷰

8.6 리뷰 총점

한줄평

첫번째 한줄평을 남겨주세요.