삐돌이컴

<img src="https://t1.daumcdn.net/cfile/cafe/234A764A573BFECD09" class="txc-image" width="200" style="clear: none; float: none;" border="0" vspace="1" hspace="1" data-filename="896848189x_1.jpg" exif="{}" actualwidth="200" id="A_234A764A573BFECD095083"/><a class="np_af" href="http://used.aladin.co.kr/Search/wSearchResult.aspx?AuthorSearch=최성일@3936944&BranchType=6">최성일</a> (지은이) | <a class="np_af" href="http://used.aladin.co.kr/search/wsearchresult.aspx?PublisherSearch=%c7%d1%ba%fb%b9%cc%b5%f0%be%ee@6555&BranchType=6">한빛미디어</a> | 2015-05-01웹 디자인에 필요한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 2. HTML5, CSS3, jQuery 필수 구문 정리 __SECTION 1 HTML5의 새로운 태그 __SECTION 2 <video> 태그 __SECTION 3 nth-child( ) __SECTION 4 text-shadow, box-shadow __SECTION 5 border-radius __SECTION 6 gradient __SECTION 7 background-size __SECTION 8 box-sizing __SECTION 9 transform(2d 변형) __SECTION 10 transform(3d 변형) __SECTION 11 transition __SECTION 12 animation __SECTION 13 mediaquery __SECTION 14 구글 웹 폰트 __SECTION 15 웹 폰트 아이콘 __SECTION 16 jQuery 선택자 __SECTION 17 .css( ) __SECTION 18 .attr( ) __SECTION 19 jQuery 탐색 구문 __SECTION 20 이벤트 연결하기 __SECTION 21 .animate( ) __SECTION 22 변수 _SECTION 23 문자열, 숫자 _SECTION 24 연산자 _SECTION 25 조건문(if문) _SECTION 26 반복문(for문) _SECTION 27 $(this) _SECTION 28 .index( ) _SECTION 29 .width( ), .height( ) _SECTION 30 .hide( ), .show( ), .fadeout( ), .fadeIn( ) _SECTION 31 .addClass( ), .removeClass( ) _SECTION 32 .text( ) _SECTION 33 .html( ) _SECTION 34 e.pageX, e.pageY _SECTION 35 .scrollTop( ) _SECTION 36 .offset( ).top _SECTION 37 .load( ), .play( ), .pause( ) _SECTION 38 new Date( ) _SECTION 39 setInterval( ) _SECTION 40 mousewheel.js 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