이미 소장하고 있다면 판매해 보세요.
|
제0장 HTML5를 시작하기 전에
인터넷과 WWW 웹 서버 동적 웹 페이지 클라이언트 사이드 스크립트 인터넷의 변화 HTML5로 할 수 있는 일 웹 브라우저의 종류 제1장 HTML Key Point HTML의 역사 HTML의 버전 Lesson 01 HTML이란? Lesson 02 웹 서버에 업로드하기 Lesson 03 기본 태그 Lesson 04 테이블 Lesson 05 폼 Lesson 06 폼 요소 (1) Lesson 07 폼 요소 (2) Lesson 08 요소의 지정 Lesson 09 메타 요소 Lesson 10 XHTML 예제 프로그램 앙케이트 설문 프로그램 - Exercise 도전! HTML5 HTML5 상식 리퀘스트 제2장 CSS와 JavaScript의 기초 Key Point HTML을 지지하는 기술 CSS JavaScript Lesson 01 CSS란? Lesson 02 CSS를 작성하는 장소 Lesson 03 CSS의 문법(색/텍스트) Lesson 04 CSS의 문법(박스) Lesson 05 CSS의 문법(배경/리스트) Lesson 06 CSS의 문법(표시/배치) Lesson 07 JavaScript란? Lesson 08 JavaScript를 작성하는 장소 Lesson 09 DOM이란? Lesson 10 요소의 참조 Lesson 11 JavaScript 이벤트 Lesson 12 JavaScript의 메서드 Lesson 13 Cookie - Exercise 도전! HTML5 HTML5 상식 HTTP 리스폰스 헤더 제3장 HTML5와 CSS3의 개요 Key Point HTML5의 등장 HTML5의 현재 상태 Lesson 01 HTML5란? Lesson 02 HTML5의 특징 Lesson 03 HTML5의 새로운 태그 (1) Lesson 04 HTML5의 새로운 태그 (2) Lesson 05 의미가 바뀐 태그 Lesson 06 CSS3의 특징 Lesson 07 벤더 프리픽스(Vendor Prefix) Lesson 08 CSS3의 새로운 스타일 (1) Lesson 09 CSS3의 새로운 스타일 (2) Lesson 10 CSS3의 새로운 스타일 (3) Lesson 11 CSS3를 사용한 애니메이션 Lesson 12 CSS3의 그러데이션 Lesson 13 플렉서블 박스 Lesson 14 글꼴 다운로드 예제 프로그램 색상을 바꾸는 프로그램 - Exercise 도전! HTML5 HTML5 상식 콘텐츠 모델 제4장 HTML5의 전체상 Key Point HTML5로 할 수 있는 일 웹 애플리케이션 플랫폼 Lesson 01 태그의 의미 부여 Lesson 02 멀티미디어 지원 Lesson 03 드래그 앤 드롭 지원 Lesson 04 GPS와의 연동 Lesson 05 그래픽 Lesson 06 스토리지와 파일 Lesson 07 백그라운드와 오프라인 Lesson 08 HTML5의 통신 관련 기술 - Exercise 도전! HTML5 HTML5 상식 Ajax 제5장 Canvas Key Point Canvas에 대해 Canvas의 가능성 Lesson 01 Canvas를 사용한 그림 그리기 Lesson 02 도형 그리기 (1) Lesson 03 도형 그리기 (2) Lesson 04 도형 그리기 (3) Lesson 05 도형 그리기 (4) Lesson 06 타이머를 사용한 예 Lesson 07 이벤트를 사용한 예 Lesson 08 이미지 표시 예제 프로그램 그림 그리는 프로그램 - Exercise 도전! HTML5 HTML5 상식 Flash와의 관계 제6장 스토리지와 파일 Key Point 웹 브라우저에 값을 저장하기 데이터를 저장하는 몇 가지 방법 Lesson 01 Web Storage (1) Lesson 02 Web Storage (2) Lesson 03 Indexed Database API (1) Lesson 04 Indexed Database API (2) Lesson 05 File API (1) Lesson 06 File API (2) - Exercise 도전! HTML5 HTML5 상식 JavaScript의 문법 (1) 제7장 백그라운드와 오프라인 Key Point 시간이 걸리는 처리를 실행하기 모바일에서의 편리성 Lesson 01 Web Workers (1) Lesson 02 Web Workers (2) Lesson 03 ApplicationCache (1) Lesson 04 ApplicationCache (2) - Exercise 도전! HTML5 HTML5 상식 JavaScript의 문법 (2) 제8장 통신 관련 기술 Key Point JavaScript를 사용한 통신 서버의 데이터 송신 Lesson 01 Web Messaging (1) Lesson 02 Web Messaging (2) Lesson 03 Server-Sent Events (1) Lesson 04 Server-Sent Events (2) Lesson 05 WebSocket (1) Lesson 06 WebSocket (2) - Exercise 도전! HTML5 HTML5 상식 JavaScript의 디버그 부록 좀 더 힘내 볼까요? 01_ 웹 서버 02_ 기타 그래픽스 03_ 문자 코드 |
|
현대와 같은 인터넷 시대에는 기업 사이트 외에도 개인 홈페이지 블로그 등을 갖고 있는 경우가 많습니다. 특히 스마트폰이 널리 보급되어 언제 어디서나 인터넷을 이용할 수 있는 요즘은 웹 페이지에 대한 수요가 정말 많습니다.
이러한 웹 페이지는 모두 HTML 문서로 되어 있습니다. 예전에는 작성자가 태그를 하나하나 입력하면서 웹 페이지를 만들었지만, 요즘에는 웹 페이지 작성 툴이 많이 있어서 HTML 태그에 신경쓰지 않고도 어느 정도 고난이도의 웹 페이지를 만들 수도 있습니다. 하지만 다른 웹 페이지와 구별되는 자신만의 오리지널 페이지를 만들거나 미세한 조정을 하기 위해서는 태그에 대한 지식이 필요합니다. 그런데 최근 HTML5가 주목을 받고 있습니다. HTML5는 단순히 HTML 태그만이 아니라 CSS3과 JavaScript를 종합적으로 포함한 기술로, 지금까지는 애드온 등에 의존해 왔던 많은 다양한 기능들이 HTML5로 가능해졌습니다. “HTML5가 보이는 그림책”은 HTML의 기본적인 내용과 더불어 HTML5에서 새로 도입된 기술 등을 한눈에 파악할 수 있도록 구성되어 있습니다. 각 기술에 대한 개요뿐만 아니라 관련 태그나 API를 사용하는 예제 프로그램도 풍부하므로 HTML5 전반에 관해 이해하고 이용해보고 싶은 분들에게 많은 도움이 될 것입니다. 역자 이영란 ---역자의 말 중에서 |
|
■ 이 책의 구성
○ 꼭 알아야 할 Key Point 각 장에서 배워야 할 중요한 개념들을 미리 예습합니다. 각 개념들이 가지고 있는 관련성과 각 장에서 설명하는 HTML5의 기본 구조를 한눈에 파악할 수 있도록 안내합니다. ○ 본문 본문은 펼친 면에 하나의 주제만을 다루어 이미지가 산만하게 흩어지지 않도록 하였고, 나중에 필요한 부분을 찾을 때도 효과적으로 사용할 수 있도록 배려했습니다. ○ 예제 프로그램 본문에는 웹 페이지와 웹 애플리케이션을 작성하는 예를 싣고 있습니다. 비교적 간단하게 작성할 수 있으므로 한번 따라해보기 바랍니다. ○ 도전! HTML5 어떤 학습이든 여러 번의 반복과 확인을 통해야만 자기 지식으로 만들 수 있습니다. 도전! HTML5에서는 각 장에서 배운 내용을 바탕으로 연습 문제를 풀어 보면서 웹 페이지 및 웹 애플리케이션 작성에 관한 지식을 익힐 수 있습니다. ○ 알아 두면 도움이 되는 HTML5 상식 HTML5의 기본 개념을 공부하는 것도 중요하지만, 본문에서 다루지 못했던 HTML5에 관한 내용을 쉬어가면서 배워도 좋을 것입니다. ‘알아 두면 도움이 되는 HTML5 상식’은 CSS와 JavaScript를 비롯한 HTML5에 대한 전반적인 지식을 한층 더 높여줍니다. ○ 부록 부록에는 웹 서버 소프트웨어인 Apache HTTP Service와 Microsoft 사의 IIS(Internet Information Services)를 사용하여 웹 서버를 구축하는 방법을 설명해 놓았습니다. |