이 책에서는 웹 디자인에 필요한3Step만 따라가면 인터랙티브 웹 예제 9개를 완성할 수 있다. HTML5, CSS3, jQuery 문법 중 실무에서 자주 쓰이는 구문 40개로 기초를 다진 후에, 9개의 실전 예제를 단계별로 따라하면서 자연스레 실무감각을 익힐 수 있다. 이제 복잡한 설명 없이 일단 이 책에 맞춰 실전부터 배우면서 인터랙티브 웹 사이트를 만들어보자.
저자가 직접 운영하는 블로그(http://tubi55.blog.me))에서 ‘웹디자이너를 위한 기초 웹표준 실무 코딩’과 ‘HTML5, CSS3, jQuery 필수 구문 정리 40’ 동영상 강의를 제공한다. 또한 책에 관한 질문을 비롯해 웹에 관한 최신 트렌드 정보를 제공, 이 책을 학습한 이후에도 지속적으로 웹 분야를 학습할 수 있도록 지속적인 A/S를 지원한다.
저자소개
목차
CHAPTER 1. 왜 인터랙티브 웹인가? __1.1 새로운 변화의 바람, HTML5 __1.2 HTML5의 상용화는 과연 언제? __1.3 넘을 수 없는 4차원의 벽, JavaScript __1.4 JavaScript vs jQuery __1.5 작업환경 설정하기 __1.6 예제 작업을 위한 템플릿 폴더 구조 및 파일 만들기
CHAPTER 3. 실전 예제 작업하기 __SECTION 1배경 동영상을 활용한 웹 페이지 ____1.1 예제 둘러보기 ____1.2 Step by Step ____1.3 DESIGNER’s INTERVIEW __SECTION 2화면의 폭에 따라 변화는 웹 레이아웃(반응형 웹) ____2.1 예제 둘러보기 ____2.2 Step by Step ____2.3 DESIGNER’s INTERVIEW __SECTION 3입체적으로 회전하는 웹 레이아웃 ____3.1 예제 둘러보기 ____3.2 Step by Step ____3.3 DESIGNER’s INTERVIEW __SECTION 4마우스 오버 시, 동영상이 재생되는 콘텐츠 박스 ____4.1 예제 둘러보기 ____4.2 Step by Step ____4.3 DESIGNER’s INTERVIEW __SECTION 5마우스 움직임에 따라 제어되는 이미지 시퀀스 ____5.1 예제 둘러보기 ____5.2 Step by Step ____5.3 DESIGNER’s INTERVIEW __SECTION 6시간에 따라 달라지는 웹 디자인 ____6.1 예제 둘러보기 ____6.2 Step by Step ____6.3 DESIGNER’s INTERVIEW __SECTION 7마우스 휠의 움직임에 따라 스크롤되는 웹 페이지 ____7.1 예제 둘러보기 ____7.2 Step by Step ____7.3 DESIGNER’s INTERVIEW SECTION 8가로로 스크롤되는 갤러리 페이지 ____8.1 예제 둘러보기 ____8.2 Step by Step ____8.3 DESIGNER’s INTERVIEW SECTION 9 z축으로 스크롤되는 웹 페이지 ____9.1 예제 둘러보기 ____9.2 Step by Step ____9.3 DESIGNER’s INTERVIEW