IT CookBook, HTML5 웹 프로그래밍 입문(개정판)

Part 1 웹 프로그래밍 첫걸음 

Chapter 01 웹 개요와 실습 환경 구축

인터넷과 웹 소개

웹의 동작 원리

보조 웹 표준 기술 소개

HTML5 주요 기능 소개

실습 환경 구축

 

Chapter 02 HTML5 기본 구조와 작성법

HTML5 기본 용어 정리

HTML5 페이지 기본 주고

HTML5 페이지 기본 작성법

CSS3의 종류와 기본 작성법

자바스크립트의 종류와 기본 작성법

요소 검사를 이용한 에러 확인

 

Part 2 HTML5 태그 

Chapter 03 HTML5 기본 태그

글자 태그

목록 태그

테이블 태그

이미지 태그

공간 분할 태그

 

Chapter 04 HTML5 멀티미디어 태그와 입력 양식 태그

오디오 태그

비디오 태그

입력 양식 태그

 

종합 예제1 _ 블로그의 레이아웃 구성 

 

Part 3 CSS3 스타일 

Chapter 05 CSS3 선택자 

선택자 개요

기본 선택자

속성 선택자

후손 선택자와 자손 선택자

반응/상태/구조 선택자

 

Chapter 06 CSS3 속성

CSS3 단위

박스 속성

display 속성 

배경 속성

글자 속성

위치 속성

float 속성

그림자 속성

그레이디언트

 

Chapter 07 CSS3 응용과 레이아웃

응용 예제 7-1 수평 정렬 

응용 예제 7-2 중앙 정렬 레이아웃 구성 

응용 예제 7-3 One True 레이아웃 구성 

응용 예제 7-4 절대 위치를 사용해 요소 배치 

응용 예제 7-5 절대 위치를 사용한 요소를 중앙에 배치 

응용 예제 7-6 고정 위치를 사용해 바 생성 

응용 예제 7-7 글자 생략 

 

Chapter 08 반응형 웹

반응형 웹 소개 

meta 태그와 viewport meta 태그 

@media 규칙과 media 속성 

미디어 타입으로 사용자 장치 구분

미디어 특징으로 사용자 화면 구분

반응형 웹 패턴 

 

종합 예제2 _ 블로그에 스타일시트 적용 

 

Part 4 자바스크립트와 jQuery 라이브러리

Chapter 09 자바스크립트 기본

자바스크립트 기본 용어

자바스크립트 출력

자료형

변수

조건문

반복문

함수

객체

 

Chapter 10 문서 객체 모델 

문서 객체 모델 관련 용어

웹 페이지 생성 순서

문서 객체 선택

문서 객체 조작

이벤트

 

Chapter 11 jQuery 라이브러리 

jQuery 라이브러리 설정

문서 객체 선택

문서 객체 조작

이벤트

효과

 

Chapter 12 자바스크립트와 jQuery 라이브러리 응용  

응용 예제 12-1 입력 양식 자동 초점 설정 

응용 예제 12-2 프레임 애니메이션 만들기 

응용 예제 12-3 문서 객체 생성 

응용 예제 12-4 무한 스크롤 기능 구현 

응용 예제 12-5 LightBox 플러그인 사용 

응용 예제 12-6 Masonry 플러그인 사용 

응용 예제 12-7 jQuery 라이브러리로 갤러리 구현 

 

종합 예제3 _ 블로그에 자바스크립트 적용 

 

Part 5 프로젝트 

Chapter 13 프로젝트 – 모바일 페이지 제작  

미리 알아볼 내용

기본 레이아웃 구성

스타일시트 적용

 

Chapter 14 프로젝트 – 핀터레스트 스타일의 웹 페이지 제작  

반응형 웹

기본 레이아웃 구성

스타일시트 적용

자바스크립트