HTML5를 처음 시작하는 분들을 단시간에 HTML5 프로그래머로 이끌어 드립니다.
이 책은 HTML5의 기본 문법인 HTML의 구성 요소부터 CSS3와 jQuery를 이용한 자바스크립트를 작성하는 기본과 응용까지 다루었습니다. 각 장에서 배워야할 중요 개념들을 먼저 다룬 후 해당 기능에 대한 예제를 이용하여 충분한 연습을 할 수 있습니다. 또한 보일러플레이트를 사용한 반응형 웹 사이트를 작성해 봄으로써 지금까지 배운 내용을 종합적으로 학습할 수 있도록 하였습니다.
이 책은 HTML5 입문자들을 위한 책으로 입문자들이 반드시 익혀야만 하는 필수 기술들을 중심으로 작성되었습니다. HTML5을 이용하기 위한 기본 문법과 환경 설정, CSS3을 이용한 태그의 표현, jQuery 기반의 자바스크립트를 이용한 동작 처리, 캔버스를 이용한 애니메이션 작성과 이러한 기능들을 응용한 웹 사이트의 작성 방법을 수록하였습니다.
- 준비 단계가 확실합니다.
HTML5 프로그래밍 작성에 필요한 JDK나 톰캣(Tomcat), 이클립스 등 여러 가지 프로그램의 다운로드 방법, 설치 방법 등을 자세히 알려줍니다. 버전이 업그레이드되면 해당 사이트의 화면 구성이나 다운로드 과정도 바뀌게 됩니다. 이 책은 어떤 버전이든 손쉽게 사용할 수 있도록 다운로드 과정과 설치 과정을 먼저 보여줍니다.
- 개념과 예제가 확실합니다.
웹 사이트를 만든다는 것은 단순한 지식이 아니라 사용되는 여러 가지 객체와 태그, 이에 관련된 CSS3, jQuery 등 핵심 개념을 확실하게 이해한다는 것입니다. 이 책은 프로그래머가 의도한 대로 결과를 얻을 수 있도록 웹 사이트 작성에 필요한 풍부한 예제를 제공하여 확실하게 이해하고 응용할 수 있도록 합니다.
- 마무리가 확실합니다.
HTML5, CSS3, jQuery, 자바스크립트 등 웹 사이트 작성에 사용되는 기능의 모든 것을 알 수는 없습니다. 이 책은 초보자에게 꼭 필요한 기능에 익힌 후 태그나 미디어 쿼리, 애니메이션 등에 대한 다양한 예제를 풀어봄으로써 확실히 익힐 수 있도록 하며, 웹 사이트 구축 예제를 통하여 HTML5, CSS3, jQuery간의 관계와 전체적인 흐름을 파악할 수 있도록 합니다.
상품 정보 고시
Chapter 1 HTML, CSS3, 제이쿼리(jQuery)의 개요
Section 01. HTML, CSS3, jQuery를 알아보자!
Section 02. HTML, CSS3, jQuery는 다양한 곳에 쓰인다
(1) 웹 사이트 작성
(2) 사물 인터넷 구현
(3) 게임 작성
Chapter 2 코드를 작성하고 실행하는 개발 환경 설정
Section 01. 이클립스 사용에 필요한 JDK(Java Development Kit) 다운로드, 설치 및 환경 변수 설정
(1) JDK 다운로드
(2) JDK 설치
(3) 자바 환경 변수 설정
(4) 자바 환경 변수 설정 확인
Section 02. 웹 컨테이너 톰캣(Tomcat) 다운로드, 설치 및 환경 변수 설정
(1) 톰캣 다운로드
(2) 톰캣 설치, 환경 변수 설정 및 실행
Section 03. 통합 개발 환경 이클립스(Eclipse) 다운로드, 설치 및 실행
(1) 이클립스 다운로드
(2) 이클립스 설치 및 실행
Section 04. 이클립스에서 웹 애플리케이션 작성
(1) 웹 서버 작성
(2) 동적 웹 프로젝트 작성
(3) 웹 페이지 작성 및 실행
Chapter 3 문서를 구조화하는 HTML과 HTML5
Section 01. HTML 개요 및 기본 태그
(1) HTML 개요
(2) HTML 기본 태그
Section 02. HTML5 문서 구조 및 주요 태그
(1) HTML5 문서 구조
(2) HTML5 주요 태그와 속성
Chapter 4 태그를 표현하는 CSS와 CSS3
Section 01. CSS 개요 및 CSS 기본 사용법
(1) CSS 개요
(2) CSS 기본 사용법
Section 02. CSS의 주요 속성과 값
(1) 색상과 배경(Colors and Backgrounds) 지정
(2) 폰트(Fonts) 지정
(3) 텍스트(Text) 지정
(4) 테이블(Table) 지정
(5) 테두리(Border) 지정
(6) 박스 모델(Box mode) 지정
(7) 가시성(Visibility)과 위치(Positioning) 지정
Section 03. 미디어 쿼리(Media Query)
(1) 미디어 쿼리의 개요
(2) 미디어 쿼리 사용 방법
Section 04. CSS3의 개요
Section 05. CSS3의 추가 기능
(1) 테두리와 배경 : border-radius, box-shadow, border-image, background-size
(2) 텍스트 효과 : text-shadow
(3) 그래디언트 : linear-gradient, radial-gradient
(4) 트랜스폼 : transform
(5) 트랜지션 : transition
(6) 애니메이션 : @keyframes, animation
(7) 필터 : filter
(8) 이미지 스타일 : 각종 기능을 사용한 이미지 표현
(9) 웹 폰트 : @font-face
(10) 다단 : column-count, column-width
Chapter 5 동작을 처리 하는 제이쿼리(jQuery) 기반의 자바스크립트(JavaScript)
Section 01. 자바스크립트의 개요
(1) 자바스크립트란?
(2) 자바스크립트 사용 방법
(3) 자바 스크립트의 문장 구조
Section 02. 제이쿼리의 개요 및 사용법
(1) 개요
(2) 사용법
Section 03. 제이쿼리를 사용한 태그 제어
(1) 제이쿼리 기본 사용법
(2) HTML 엘리먼트 내용에 접근하기 - get/set
(3) 제이쿼리 이벤트 처리
(4) 제이쿼리 Ajax
Chapter 6 애니메이션을 만드는 캔버스(Canvas)
Section 01. 자바스크립트로 Canvas 제어
(1) HTML5 캔버스의 사용법
(2) 캔버스 제어하기
(3) 도형, 문자열, 이미지 그리기
Section 02. 캔버스를 사용한 애니메이션
(1) 캔버스에서 애니메이션을 구현하는 순서
(2) 애니메이션 제어
Chapter 7 뭔가 만들어 보죠! - 반응형 웹 사이트 만들기
Section 01. 프로젝트 구조 설계
(1) 웹 앱의 구조도 작성
(2) 필요 페이지 명세서
Section 02. 프로젝트 작성
(1) 웹 앱 프로젝트 작성 및 구조 생성
(2) HTML5 보일러 플레이트를 사용한 반응형 웹 사이트 템플릿 사용
Section 03. 실행 및 배포하기
(1) 웹 앱 실행하기
(2) 웹 앱 배포
마이 삼양