길벗·이지톡

도서 IT 전문서
r
실전 문제 해결을 위한 81가지 방법 HTML5 솔루션
정 가
27,000원
I S B N
9788966183302
출 간
2012-04-05
분 량
428쪽
지 은 이
마르코 카사리오(Marco Casario),피터 엘스트(Peter Elst),찰스 브라운(Charles Brown),나탈리 보름스(Nathalie Wormser),세로 행키스 (Cyril Hanquez)
난 이 도
초급

HTML5의 다양한 기능과 구성 요소를 알기 쉽게 설명하고, 이를 실제로 활용하는 방법을 알려줍니다.

81가지 솔루션으로 완성하는 HTML5 핵심 기술

새로운 마크업 언어인 HTML5를 사용하다보면 여러 가지 예상치 못한 문제에 봉착하게 됩니다. 브라우저의 종류나 버전마다 지원하는 기능이 다르며 아직 HTML5 표준화 작업이 끝나지 않았기 때문이지요. 

이 책은 실무에서 만나게 되는 이러한 문제들에 대한 솔루션을 제공하고, 다양한 예제를 통해 상황에 맞게 HTML5 태그와 속성을 활용할 수 있는 방법을 알려줍니다. 또한 전문가의 조언이 담긴 실무 팁을 수록하여 문제 상황에 유연하게 대처할 수 있도록 도와줍니다.


새로운 구성의 HTML5 학습서

HTML5의 새로운 요소와 속성을 알기 쉽게 설명하여 초보자도 차근차근 따라할 수 있으며. 예제에 필요한 소스 코드를 다운로드해서 사용할 수 있습니다. 

또한 기존의 레퍼런스 구성의 HTML5 관련 번역서와 달리 깔끔하고 세련된 편집 구성으로 더욱 효과적으로 HTML5를 학습할 수 있습니다.

 

목차

Chapter 01 HTML5 페이지 구조 

Solution 1-1  HTML5에서 DOCTYPE 만들기 

Solution 1-2  HTML5에서 문자 인코딩 선언문 만들기 

Solution 1-3  도큐먼트를 섹션으로 나누기 

Solution 1-4  구분할 수 있는 도큐먼트 영역 만들기

Solution 1-5  aside 만들기 

Solution 1-6  머리말(헤더) 만들기 

Solution 1-7  「h1」 ~ 「h6」 요소의 그룹화 

Solution 1-8  꼬리말(푸터) 만들기

Solution 1-9  HTML5 도큐먼트 내에 내비게이션 만들기 

Solution 1-10  그림 삽입하기 

Solution 1-11  브라우저 호환성

Chapter 02 HTML5 마크업 

Solution 2-1  HTML5에서 「hr」 태그 사용하기 

Solution 2-2  「iFrame」 태그 사용하기 

Solution 2-3  페이지에 미디어 끼워 넣기 

Solution 2-4  「area」 태그 사용하기 

Chapter 03 HTML5 구조와 시멘틱 요소 

Basic  마이크로데이터 이해하기 

Solution 3-1  itemprop와 itemscope 속성 사용하기 

Solution 3-2  사용자 정의 어휘 목록 만들기 

Solution 3-3  링크 타입과 관계 이해하기 

Solution 3-4  header와 hgroup 요소

Solution 3-5  이미지에 캡션 연결하기 

Solution 3-6  시멘틱 구조 추가하기 

Chapter 04 HTML5 Forms 

Basic  새로운 input 타입 이해하기 

Solution 4-1  e-mail input 타입 사용하기 

Solution 4-2  URL input 타입 사용하기 

Solution 4-3  숫자에 대한 스피너 컨트롤 사용하기

Solution 4-4  range input 타입 폼에 슬라이더 추가하기

Solution 4-5  다중 파일 보내기

Solution 4-6  datalist 요소로 자동 완성 기능 만들기 

Solution 4-7  폼 컨트롤 유효성 검사 

Solution 4-8  정규 표현식을 이용하여 사용자 정의 input 타입 만들기 

Solution 4-9  input 필드에서 placeholder 텍스트 세팅하기

Solution 4-10  날짜와 시간 컨트롤 만들기 

Chapter 05 HTML5의 미디어 요소, Audio와 Video 

Solution 5-1  웹 페이지에 비디오 삽입하기 

Solution 5-2  비디오를 지원하는 브라우저 

Solution 5-3  사용자 정의 비디오 컨트롤러 만들기

Solution 5-4  비디오 프리로딩하기 

Solution 5-5  비디오에 사용자 지정 탐색 바 만들기 

Solution 5-6  다중 source video 요소 사용하기

Solution 5-7  풀 화면으로 비디오 열기 

Solution 5-8  비디오에 마스크 적용하기

Solution 5-9  audio 요소 사용하기 

Chapter 06 HTML5 드로잉 API 

Solution 6-1  canvas 요소의 HTML5 드로잉 API 사용해서 그리기 

Solution 6-2  패스와 좌표 사용하기 

Solution 6-3  사각형과 원 그리기 

Solution 6-4  단색으로 도형 채우기 

Solution 6-5  그레이디언트 사용하여 도형 채우기 

Solution 6-6  캔버스에 텍스트 그리기 

Solution 6-7  상대 폰트 크기로 캔버스 텍스트 그리기 

Solution 6-8  PNG 파일로 도형 저장하기 

Chapter 07 HTML5 Canvas 

Solution 7-1  캔버스 API 이해하기 

Solution 7-2  캔버스와 캔버스 텍스트 지원 감지 

Solution 7-3  캔버스 변환과 표준 스크린 기반의 좌표계 

Solution 7-4  픽셀 조작 

Solution 7-5  그림자와 블러 효과 적용하기 

Solution 7-6  애니메이션 캔버스 

Chapter 08 HTML5 Communication API 

Basic  postMessage API 이해하기 

Basic  postMessage 통신 보안 

Solution 8-1  브라우저의 postMessage API 지원 확인하기 

Basic  크로스 도큐먼트 메시징과 CORS 

Solution 8-2  윈도우와 iframe 간 메시지 전송

Solution 8-3  실시간 웹 애플리케이션 구현을 위한 서버-이벤트 기술 

Solution 8-4  메시지 채널을 이용하여 다른 브라우징 콘텍스트에서 코드 실행하기 

Solution 8-5  XMLHttpRequest Level 2를 이용한 파일 업로드 

Solution 8-6  XMLHttpRequest Level 2의 크로스 도메인 브라우저 지원 확인하기 

Chapter 09 HTML5 웹소켓 

Solution 9-1  브라우저의 웹소켓 지원 확인하기

Solution 9-2  웹소켓 연결 설정하기

Solution 9-3  웹소켓 이벤트 핸들링 

Solution 9-4  웹소켓 API로 웹소켓 서버 사용하기 

Chapter 10 HTML5 지오로케이션 API 

Basic  지오로케이션 API 이해하기

Solution 10-1  내비게이터 객체 사용하기 

Solution 10-2  현재 위치 가져오기

Solution 10-3  위치 객체 사용하기 

Solution 10-4  위치 에러 처리하기

Solution 10-5  사용자 위치 추적 

Solution 10-6  geo.js 오픈소스 라이브러리 사용하기 

Chapter 11 HTML5 Local Storage 

Solution 11-1  경우에 따라 연결되는 애플리케이션 

Solution 11-2  HTML5 스토리지 지원 확인하기 

Solution 11-3  페이지에 manifest 선언하기

Solution 11-4  ApplicationCache 객체 사용하기 

Solution 11-5  ApplicationCache 이벤트 

Solution 11-6  로컬 캐시 삭제하기 

Chapter 12 HTML5 접근성 

Basic  접근성의 4가지 원칙 

Basic  WCAG의 목적

Solution 12-1  nav 요소로 skip link 만들기 

Solution 12-2  접근 가능한 표 형식의 데이터 만들기 

Solution 12-3  접근 가능한 폼 만들기 

Solution 12-4  Video 요소를 사용하여 캡션과 주석달기 

Solution 12-5  ARIA 프로젝트 사용하기

더보기접기

저자

ㆍ지은이 마르코 카사리오(Marco Casario)

저자소개

HTML과 자바스크립트 그리고 플래시와 디렉터를 사용한 혁신적인 웹 프로젝트에 전념하고 있습니다. 2001년 매크로미디어 이탈리아 지사와 인연을 맺은 이후 각종 강연과 컨퍼런스, 논문 등 장기 프로젝트를 맡아서 진행하고 있습니다. 플렉스4, LCDS 3, AIR(ACI) 어도비 관련 공인 강사이며, Livecycle 플랫폼, 플래시 및 드림위버 공인 전문가이자 SCRUM 마스터입니다.

저서

Flex 4 Cookbook(O'Reilly), AIR Cookbook (O'Reilly),The Essential Guide to AIR with Flash CS4(FriendsOfED) 외 다수 


ㆍ지은이 피터 엘스트(Peter Elst)

저자소개

프리랜서 IT 컨설턴트로 ‘Project Cocoon’의 창립 파트너입니다. 

ㆍ지은이 찰스 브라운(Charles Brown)

저자소개

IT 관련 저자이자 컨설턴트 및 트레이너 중 한 명입니다.

ㆍ지은이 나탈리 보름스(Nathalie Wormser)

저자소개

멀티미디어와 게임, 그리고 웹 분야의 개발자입니다.

ㆍ지은이 세로 행키스 (Cyril Hanquez)

저자소개

ColdFusion, 리치 인터넷 및 모바일 애플리케이션 관련 컨설턴트입니다.

ㆍ그림 임대환

저자소개

한양대학교 대학원에서 석사, 박사 과정을 수료한 후 12년 간 휴대폰 및 스마트폰 개발에 몸담았습니다. 현재 대학에서 강의 중이며 LG전자에서 스마트폰 개발 기획자로 근무하고 있습니다. 

연관 프로그램

아래 프로그램은 길벗출판사가 제공하는 것이 아닙니다.
무료로 사용할 수 있는 정보를 안내해 드리니, 지원이 필요하면 해당 프로그렘 제작사로 문의해 주세요.