HTML5 & CSS 3

『HTML5 & CSS 3』은 HTML5를 좀 더 쉽게 배울 수 있도록 안내한 책이다. 학생들이 가장 우선적으로 필요한 내용을 엄선해 담았다. 내용을 학습함에 있어서 아직 배우지 않은 내용들이 나올 경우에는 보충 설명을 통해 이해하도록 구성했다.

1장 HTML5 알아보기
1절 HTML5 API 및 관련 기술들
2절 HTML5의 주요 특징
3절 HTML5 미리 보기(Preview)
4절 HTML5 표준화 일정
5절 HTML5를 사용해야 하는 이유
6절 HTML5 콘텐츠 모델
7절 HTML5 문서의 기본 구조
8절 HTML5 요소(Element)의 확장
9절 HTML5에서 중단된 요소 및 속성

2장 HTML5 시작하기
1절 들어가기에 앞서
2절 레이아웃을 위한 시맨틱 요소들
2.1 기존 DIV 요소를 이용한 문서의 구조
2.2 시맨틱 요소를 이용한 문서 레이아웃 꾸미기
3절 그룹핑 콘텐츠 요소들
4절 텍스트 레벨의 시맨틱 요소들
5절 상호작용(Interactive) 요소들
6절 변경된 요소들

3장 폼, 드래깅, 텍스트 편집
1절 폼(Form)
1절 HTML5 API 및 관련 기술들
2절 HTML5의 주요 특징
3절 HTML5 미리 보기(Preview)
4절 HTML5 표준화 일정
5절 HTML5를 사용해야 하는 이유
6절 HTML5 콘텐츠 모델
7절 HTML5 문서의 기본 구조
8절 HTML5 요소(Element)의 확장
9절 HTML5에서 중단된 요소 및 속성
1.1 폼에 대한 이해
1.2 HTML5에서 추가된 폼 요소들
1.3 HTML5에서 추가된 폼 속성들
1.4 기존 HTML4에서의 입력 타입
1.5 HTM5에서 추가된 입력 타입
1.6 HTML5에서 추가된 Input 요소의 속성
2절 드래그 앤 드롭(Drag and Drop)
2.1 드래그 앤 드롭에 대하여
2.2 드래그 속성 지정하기
2.3 드래그 데이터 저장소(Drag Data Store)
2.4 데이터전송(DataTransfer) 객체
2.5 드래그 이벤트 처리하기
3절 텍스트 편집하기
3.1 텍스트 편집 속성
3.2 편집 API 사용 ? 텍스트 편집하기

4장 CSS3 Part-1 기본 및 선택자
1절 CSS3 사용하기
2절 선택자 이해하기
2.1 기본적인 내용 이해
2.2 단순 선택자(Simple Selector)
3절 가상 선택자
3.1 가상 클래스(Pseudo-classes)
3.2 가상 요소(Pseudo-elements)
4절 조합자
5절 선택자의 우선 순위

5장 CSS3 Part-2 색상 및 글꼴
1절 색상 이해하기
1.1 색상 지정하기
1.2 그라데이션 색상 지정
2절 글꼴 스타일
2.1 기본 글꼴 스타일
2.2 글꼴 스타일 확장
2.3 글꼴 기능 확장

6장 CSS3 Part-3 텍스트 조작 및 장식
1절 쓰기 모드 ? CSS Writing Mode Level 3
1.1 쓰기 모드 이해하기
1.2 가로 방향의 텍스트
1.3 세로 방향의 텍스트
1.4 인라인-레벨(Inline-level) 맞춤
1.5 추상적인 박스 용어(Abstract Box Terminology)
2절 텍스트 조작하기
2.1 텍스트 변환 및 공백 처리
2.2 단어 및 줄 바꿈 처리
2.3 텍스트 맞춤 처리하기
2.4 글자 및 단어 사이의 공백 처리하기
2.5 텍스트 가장자리 효과 지정하기
3절 텍스트 장식하기 ? CSS Text Decoration Module Level 3
3.1 텍스트 라인 장식(밑줄, 윗줄, 그리고 취소선)
3.2 텍스트 강조하기
3.3 텍스트 그림자 효과 지정하기

7장 CSS3 Part-4 기본 레이아웃
1절 CSS 박스 모델
1.1 CSS 박스 모델의 기초
1.2 박스의 종류의 지정하기 (display 속성)
1.3 박스의 외부 여백 지정하기
1.4 박스의 내부 여백 지정하기
1.5 박스의 크기(폭과 높이) 지정하기
1.6 특정 요소의 크기 지정하기
1.7 플로팅 박스(floating boxes)
1.8 콘텐츠 넘침(Overflow) 제어하기
1.9 만들어진 박스의 화면 표시 여부 지정하기
1.10 박스 회전하기
2절 레이아웃 위치 지정하기
2.1 박스 배치 방식 지정하기
2.2 박스 위치 지정하기
2.3 논리적인 박스 위치 지정하기
2.4 계층으로 된 표현
3절 배경 및 테두리 지정하기
3.1 배경(Background) 지정하기
3.2 테두리(Borders) 지정하기
3.3 박스 모서리(Corners) 모양 지정하기
3.4 박스 테두리를 이미지로 지정하기
3.5 박스의 그림자 스타일 지정하기

8장 CSS3 Part-5 고급 레이아웃
1절 유연한 박스 레이아웃(Flexible Box Layout)
1.1 유연한 박스 모델과 용어
1.2 유연한 컨테이너
1.3 유연한 박스의 순서 및 방향
1.4 유연성
1.5 정렬 지정하기
1.6 유연한 박스의 교차 축 지정하기
2절 그리드 레이아웃(Grid Layout)
2.1 그리드 레이아웃 배경
2.2 그리드 레이아웃 개념 및 용어
2.3 그리드 컨테이너 및 항목
2.4 그리드 레이아웃 만들기
2.5 그리드 항목 배치하기
2.6 그리드 정렬하기
2.7 그리드 항목의 겹침 우선 순서
3절 사용자 인터페이스(User Interface)
3.1 요소 아이콘(Element Icons)
3.2 추가적인 박스 모델
3.3 박스의 윤곽선 지정하기
3.4 박스 크기 재조정(Resizing) 및 넘침(Overflow)
3.5 포인팅 디바이스와 키보드

9장 CSS3 Part-6 고급기능 다단, 변형, 트랜지션, 마키, 애니메이션
1절 다단 레이아웃(Multi-column Layout)
1.1 다단 문서의 개수 및 폭 지정하기
1.2 열의 간격 및 구분선 스타일 지정하기
1.3 다단 나누기 지정
1.4 단의 확장
1.5 단의 콘텐츠 균형 조정하기
2절 변형(Transform)
2.1 좌표 시스템
2.2 변형 함수
2.3 변형 기준 및 원근감
3절 트랜지션(Transition)
3.1 트랜지션 속성 지정하기
3.2 트랜지션 시간 지정하기
3.3 트랜지션 지정하기
4절 콘텐츠 움직임 지정 - 마키(Marquee)
4.1 마키 스크롤 방법 지정하기
4.2 마키 스타일 지정하기
4.3 마키 특성 지정하기
5절 애니메이션(Animation)
5.1 애니메이션 효과 적용 시점
5.2 애니메이션 속성
6절 미디어 쿼리(Media Query)
6.1 미디어 쿼리 사용의 배경
6.2 미디어 쿼리의 사용
6.3 미디어 쿼리의 문법 및 조건
6.4 미디어 기능(Media Features)

10장 캔버스 Part-1 캔버스 구성 및 기본 드로잉
1절 캔버스(Canvas) 기본 내요
1.1 캔버스 요소의 좌표 시스템과 크기 지정하기
1.2 캔버스 컨텍스트
1.3 캔버스 상태 저장 및 복원
1.4 드로잉 모델
1.5 드로잉 기본 작업
2절 사각형 그리기
3절 선 그리기
3.1 패스와 서브 패스
3.2 선 그리기
3.3 선의 경계와 픽셀 경계
3.4 다각형 그리기
3.5 점선 그리기
3.6 선 스타일 지정하기

11장 캔버스 Part-2 드로잉 확장
1절 원 그리기
1.1 원/원호 그리기 - arc() 메서드
1.2 직선과 연결된 원호 그리기 - arcTo() 메서드
2절 베지에 곡선(Bezier Curve)
2.1 2차 베지에 곡선
2.2 3차(다항) 베지에 곡선
3절 스타일 지정하기
3.1 채우기 스타일(Fill Style) 지정
3.2 와인딩 규칙(Winding Rule)
3.3 그라데이션(Gradient) 스타일 지정
3.4 패턴(Pattern) 스타일 지정
3.5 그림자 스타일 지정

12장 캔버스 Part-3 드로잉 응용
1절 도형 합성 및 변환
1.1 도형 합성하기
1.2 도형 변환하기
2절 텍스트 그리기
2.1 텍스트 테두리 및 채우기
2.2 글꼴 설정 및 텍스트 배치하기
3절 이미지 처리하기
3.1 이미지 그리기
3.2 이미지 조작하기
3.3 클리핑
4절 애니메이션
4.1 기존 방법의 문제
4.2 스크립트 기반 애니메이션용 타이밍 컨트롤
4.3 예제 응용하기
5절 히트 영역(Hit Regions)

13장 오디오와 비디오
1절 미디어 요소
1.1 미디어 요소의 인터페이스
1.2 미디어 컨트롤러(MediaController)
1.3 텍스트 트랙(TextTrack)
1.4 여러 미디어 트랙이 있는 미디어 자원
1.5 재생 시간 범위 및 이벤트
2절 오디오
2.1 오디오 요소 - audio
2.3 다양한 포맷 지정 - source 요소
2.3 오디오 제어하기
3절 비디오
3.1 비디오 요소 - video
3.2 비디오 제어하기
3.2 자막처리 ? 트랙(track) 요소

14장 HTML API 1 - 오프라인 웹, 파일접근, 웹 스토리지
1절 오프라인 웹 애플리케이션
1.1 소개
1.2 매니페스트 파일
1.3 이벤트 처리
2절 파일 API
2.1 블롭(Blob) 인터페이스
2.2 파일(File) 인터페이스
2.3 파일 리더(File Reader) 인터페이스
2.4 URL 인터페이스
3절 웹 스토리지
3.1 웹 스토리지 개요
3.2 웹 스토리지 인터페이스
3.3 세션 및 로컬 스토리지
3.4 스토리지 이벤트

15장 HTML API 2 - 웹 워커, 웹 소켓, 위치 정보
1절 웹 워커
1.1 웹 워커 소개
1.2 전용 워커(Dedicated Worker)
1.3 공유 워커(Shared Worker)
1.4 워커의 전역 범위
1.5 워커에서 사용 가능한 API
2절 웹 소켓
2.1 기존 방식의 문제점
2.2 웹 소켓의 개념
2.3 웹 소켓 API
3절 위치 정보를 위한 Geolocation
3.1 위치 정보의 기초
3.2 Geolocation API 사용
3.3 구글 지도 활용하기?Google Maps API v3

저자 : 김명진

저자 김명진은

숭실대학교/통신및신호처리 공학박사 학위를 취득하였으며, 현재 숭실대학교 및 한국방송대학교에서 강의를 진행하고 있으며 교육과학기술부, 정보통신산업진흥원, LG전자, 삼성전자, 삼씨엔에스테크놀러지(주), 한국전자통신연구원(ETRI) 등에서 다양한 프로젝트를 진행하였다.



- 저서

《예제가 가득한 C언어 길라잡이》개정판, 정보문화사, 2012

《프론트페이지 2002 Inside Out》정보문화사, 2002

《프론트페이지 2002 Step by Step》정보문화사, 2001

《네트워크 기초과정》SK Telecom 인재연구원, 1998

《인터넷 프로토콜》SK Telecom 인재연구원, 1997

이책을 산 블로그
I  지니  I  임은천 I  청개구리  I  꿈블로그  I  어쩌구  I   어쩌구  I   어쩌구  I

관련 태그 블로그
I  지니  I  임은천 I  청개구리  I  꿈블로그  I  어쩌구  I   어쩌구  I   어쩌구  I