이미 소장하고 있다면 판매해 보세요.
|
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 로컬 파일 |
|
이 책이 제시하는 핵심 내용
. 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에서 신기술로 전환하고자 하는 독자 |