간편결제, 신용카드 청구할인
카카오페이 3,000원
(카카오페이 5만원 이상 결제시, 4/1~4/30 기간 중 1회)
우리카드 3천원/7천원/1만 5천원 즉시할인
3만원/5만원/10만원 이상 결제시
삼성카드 6% (25,380원)
(삼성카드 6% 청구할인)
인터파크 롯데카드 5% (25,650원)
(최대할인 10만원 / 전월실적 40만원)
북피니언 롯데카드 30% (18,900원)
(최대할인 3만원 / 3만원 이상 결제)
NH쇼핑&인터파크카드 20% (21,600원)
(최대할인 4만원 / 2만원 이상 결제)
Close

따라 하면서 배우는 HTML5+CSS3+jQuery+JavaScript 실무 활용 14가지

소득공제

2013년 9월 9일 이후 누적수치입니다.

판매지수 48
?
판매지수란?
사이트의 판매량에 기반하여 판매량 추이를 반영한 인터파크 도서에서의 독립적인 판매 지수입니다. 현재 가장 잘 팔리는 상품에 가중치를 두었기 때문에 실제 누적 판매량과는 다소 차이가 있을 수 있습니다. 판매량 외에도 다양한 가중치로 구성되어 최근의 이슈도서 확인시 유용할 수 있습니다. 해당 지수는 매일 갱신됩니다.
Close
공유하기
정가

30,000원

  • 27,000 (10%할인)

    1,500P (5%적립)

할인혜택
적립혜택
  • I-Point 적립은 출고완료 후 14일 이내 마이페이지에서 적립받기한 경우만 적립됩니다.
추가혜택
배송정보
주문수량
감소 증가
  • 이벤트/기획전

  • 연관도서(3)

  • 사은품(3)

출판사 서평

실무에서 바로 사용할 수 있는 예제를 하나씩 따라 하며 실무를 배울 수 있게 만들었습니다.

초보자도 손쉽게 배울 수 있게 HTML5, CSS3, jQuery를 활용한 실전 활용 예제를 만든 후 이를 작은 조각으로 나눠 하나씩 따라 하는 과정에서 실무를 배울 수 있게 구성했습니다. 일명 "단계별 학습법"이라고 이름을 정했습니다. 이후 10명은 지금까지 웹 표준 기술로는 만들고 싶어도 만들 수 없었던 웹 콘텐츠를 HTML5, CSS3, jQuery를 활용해 만든 후 단계별 학습법을 적용해 책을 집필하기 시작했습니다.

실무에서 바로 사용할 수 있는 다양한 실무 예제가 무려 14개!

이 책을 집필하기 시작한 후 5개월이 지난 지금, 드디어 이 책이 세상 밖으로 나오게 됐습니다. 예제는 크게 웹디자인 콘텐츠, 웹퍼블리싱 콘텐츠, 웹개발 콘텐츠 분야로 나눠 HTML5, CSS3, jQuery를 다양하게 활용했습니다. 즉, 이 책은 HTML5, CSS3, jQuery를 배우긴 했지만 정작 실무에서 활용하지 못하는 분! 또는 멋진 실무예제를 만들고 싶지만 어디서부터 어떻게 시작해야 할지 몰라서 발만 동동 구르고 있었던 분들을 위한 실무 활용 지침서입니다.
(/ '서문' 중에서)

목차

01장: 그림자 있는 배너

01. 분석하기
- 용어 정리
- 출력 효과 정의
02. 스터디
- 그림자 효과가 적용된 배너를 만드는 데 필요한 CSS 속성
- 모서리가 둥근 배너를 만드는 원리
- 배너에 그림자를 입히는 원리
- 배너에 색상과 광택 효과를 입히는 원리
- 배너와 그림자의 순서(위치)를 정하는 원리
- 그림자의 모양만 변형하기 위한 원리
03. 구현하기
- 진행 순서(단계 나누기)
- 구현 시작
- 제작을 마치며

02장: 아쿠아 버튼

01. 분석하기
- 용어 정리
- 동작 효과 정의
02. 스터디
- 아쿠아 버튼을 만드는 데 필요한 CSS 속성
- 버튼틀을 만들 때 사용하는 CSS 속성
- 글자에 입체감을 주기 위한 CSS 속성
- 버튼을 동적으로 만들어주는 CSS 속성
03. 구현하기
- 진행순서(단계 나누기)
- 구현 시작
- 제작을 마치며

03장: 배너 슬라이더

01. 분석하기
- 용어 정리
- 동작 효과 정의
02. 스터디
- 배너슬라이드를 만드는 데 필요한 CSS 속성
- CSS3 선택자
- transition
- animation
- @Keyframes
03. 구현하기
- 인터랙티브를 위한 구조 잡기
- 진행 순서(단계나누기)
- 제작을 마치며

04장: 탭 레이아웃

01. 분석하기
- 용어 정리
- 출력 효과 정의
- 동작 효과 정의
02. 스터디
- 탭 레이아웃을 만드는 데 필요한 CSS 속성
- 사선 탭을 만드는 원리
- 자연스러운 그림자 효과를 만드는 원리
- 가상 선택자
- 박스 크기에 padding을 주어도 원래 크기로 보이게 하기
03. 구현하기
- 진행 순서(단계 나누기)
- 제작을 마치며

05장: 원형 회전 텍스트 메뉴

01. 분석하기
- 출력 효과 정의
- 동작 효과 정의
02. 스터디
- 원형 회전 텍스트 메뉴를 만드는 데 필요한 CSS 속성 소개
- 텍스트 메뉴를 회전시키는 원리
- 회전 기준점 변경
03. 구현하기
- 진행 순서(단계 나누기)
- 제작을 마치며

06장: 대각선 메뉴

01. 분석하기
- 용어 정리
- 출력 효과 정의
- 동작 효과 정의
02. 스터디
- 대각선 메뉴를 만드는 데 필요한 CSS 속성
- 비틀어진 메뉴를 만드는 원리
03. 구현하기
- 진행 순서(단계 나누기)
- 제작을 마치며

07장: 폴라로이드 사진 게시판

01. 분석하기
- 용어 정리
- 출력 효과 정의
- 동작 효과 정의
02. 스터디
- 폴라로이드 사진 게시판을 만드는 데 필요한 CSS 속성
- 아이템을 임의의 각도로 회전 시키는 원리
- 임의의 각도를 만드는 원리
- 아이템 등장 효과의 원리
03. 구현하기
- 진행 순서(단계 나누기)
- 구현시작
- 제작을 마치며

08장: 풀 스크린 전자액자

01. 분석하기
- 용어 정리
- 출력 효과 정의
- 동작 효과 정의
02. 스터디
- 풀 스크린 슬라이더를 만드는 데 필요한 CSS 속성
- 이미지를 풀 스크린으로 출력하는 원리
- 아이템 애니메이션 전환 효과의 원리
- 음악 재생 기능
03. 구현하기
- 진행 순서(단계 나누기)
- 구현 시작
- 제작을 마치며

09장: 도넛 메뉴

01. 분석하기
- 용어 정리
- 출력 효과 정의
- 동작 효과 정의
02. 스터디
- 도넛 메뉴를 만드는 데 필요한 CSS 속성
- 애니메이션 기획
- position
- transition
- mask-box-image
- 사용자 정의 속성(data-*)
03. 구현하기
- 진행 순서 (단계 나누기)
- 구현 시작
- 제작을 마치며

10장: SVG를 이용한 룰렛

01. 분석하기
- 용어 정리
- 출력 화면 정의
- 동작 효과 정의
02. 스터디
- SVG 룰렛 제작을 위한 스터디 항목
- SVG 기초
- 룰렛을 만드는 데 필요한 CSS3 속성
03. 구현하기
- 진행순서(단계 나누기)
- 구현 시작
- 제작을 마치며

11장: 그리드 배너

01. 분석하기
- 용어 정리
- 출력 효과 정의
- 동작 효과 정의
02. 스터디
- 그리드 아이템의 3D 회전 효과
- 그리드 아이템 슬라이드 효과
- 슬라이드 배너의 자동 롤링
03. 구현하기
- 진행 순서(단계 나누기)
- 구현 시작
- 제작을 마치며

12장: 3D로 펼쳐지는 효과

01. 분석하기
- 용어 정리
- 출력 효과 정의
02. 스터디
- 3D로 펼쳐지는 효과를 만드는 데 필요한 CSS 속성
- 3D transform
- transition-origin
- webkit-gradient
- IK
03. 구현하기
- 진행 순서 (단계 나누기)
- 구현 시작
- 제작을 마치며

13장: Canvas를 활용한 복권 긁기

01. 분석하기
- 용어 정리
02. 스터디
- 캔버스 사용준비
- 복권 긁기 자국 만들기
- 결과 이미지를 가리는 커버 이미지 그리기
- 복권 긁기 효과 만들기
- 복권 긁기 진행률 알아내기
03. 구현하기
- 진행 순서(단계 나누기)
- 구현 시작
- 제작을 마치며

14장: 모바일 웹 페이지

01. 분석하기
- 용어 정리
- 출력 효과 정의
- 동작 효과 정의
02. 스터디
- 모바일 웹 페이지를 만드는 데 필요한 배경지식 및 CSS 속성
- 모바일 웹 화면은 크기를 어떻게 만들어야 하나?
- box-flex 태그
- gradient, shadow, border-radius
03. 구현하기
- 진행 순서(단계 나누기)
- 구현 시작
- 제작을 마치며

관련이미지

저자소개

생년월일 -
출생지 -
출간도서 0종
판매수 0권

웹 디자이너로 시작해 현재는 웹 퍼블리셔로 활동 중입니다. 웹표준 마크업, HTML5, JavaScript, 모바일 웹 앱(반응형 웹 디자인)에 관심을 두고 꾸준히 공부하고 있습니다.

생년월일 -
출생지 -
출간도서 0종
판매수 0권

시각디자인과를 졸업하고 웹디자이너로 일하다 퍼블리싱에 관심을 가지고 웹디자인과 퍼블리싱을 병행하며 일하고 있습니다. 디자인뿐 아니라 프론트엔드 개발에도 관심이 많고 웹디자인과 퍼블리싱과의 작업 효율에 대해 많이 고민합니다. 현재는 모바일 위주의 프로젝트를 진행하면서 HTML5/CSS3와 jQuery Mobile에 시간을 많이 쏟고 있습니다.

생년월일 -
출생지 -
출간도서 0종
판매수 0권

이른 아침 수영으로 하루를 시작하는 웹 퍼블리셔입니다. 현재는 웹 퍼블리셔로 일하고 있으며, 네이버 카페 '웹앱을 만드는 사람들의 모임'의 부운영자로 활동 중입니다. 정적인 것보다 동적이고, 인터랙티브한 콘텐츠에 관심이 많아서 HTML5, CSS3에 자연스럽게 관심을 가지고 공부하게 됐고, 앞으로 공부한 내용을 토대로 다양하고 재미있는 작업을 해 보려고 합니다.

생년월일 -
출생지 -
출간도서 0종
판매수 0권

대학에서 영상디자인을 전공하고 플래시 개발을 시작으로 UI/게임/RIA/하이브리드앱 등 다양한 프로젝트를 경험해왔습니다. 현재 (주)바이널 컨버전스 AD그룹에서 프론트엔드 개발자로 근무하며, 웹동네 운영진으로도 활동하고 있습니다.

생년월일 -
출생지 -
출간도서 0종
판매수 0권

온라인에이전시 Media4th One에서 전문 프론트엔드 개발자로 근무 중입니다. 플래시로 웹에 입문한 후 자바스크립트로 영역을 넓히며, 신한카드, 에르고다음다이렉트 손해보험, 르노삼성, 롯데건설, KT&G, 씨디네트웍스 및 다수의 웹사이트와 인터랙티브 콘텐츠를 제작했습니다. 웹동네에서 활동하며, 개발자 스터디와 커뮤니티 활동에도 전력을 다하고 있습니다.

생년월일 -
출생지 -
출간도서 0종
판매수 0권

기업용 하이브리드 솔루션인 모피어스를 개발한 (주)유라클 기술연구소에서 UI 프레임워크 개발 및 개발자 교육을 담당하고 있습니다. 웹디자이너로 입문해 플래시 액션스크립터를 거쳐 HTML5 기반의 하이브리드 프레임워크를 개발하고 있습니다. 다양한 브라우저와 OS, 모바일 디바이스의 제한된 환경에서 크로스 브라우징과 성능에 대한 연구를 활발히 진행하고 있습니다.

생년월일 -
출생지 -
출간도서 0종
판매수 0권

현재 액션스크립터로 재직 중이며, 스마트폰의 등장과 함께 다양한 언어를 익히는 즐거움(?)을 알아가는 IT 주변인입니다.

생년월일 -
출생지 -
출간도서 0종
판매수 0권

이전에는 불가능했던 많은 것들을 가능케 하는 HTML5에 흥미를 느끼고 땀 흘려 배우는 데 정진 중인 자칭 동안 개발자입니다.

생년월일 -
출생지 -
출간도서 0종
판매수 0권

웹동네 분야 중 주로 프론트엔드 개발과 웹앱 및 모바일 웹앱을 개발하는 프리랜서로 활동하고 있으며, 책 집필 및 IT학원에서 웹 기술과 관련된 강의를 하고 있습니다. 네이버 카페 '웹앱을 만드는 사람들의 모임(http://cafe.naver.com/webappdev)'과 '웹동네(http://www.webdongne.com)' 사이트를 운영하고 있습니다.

생년월일 -
출생지 -
출간도서 0종
판매수 0권

숙명여자대학교 회화과 서양화를 전공하고 2000년도에 웹디자인을 시작해 KTD, 한국기술산업, 레디벅을 거쳐 현재 KT 계열사인 (주)앤써즈에서 디자이너로 일하고 있습니다. 교육, 포탈, 쇼핑몰, SNS, 모바일웹, 앱 등의 프로젝트를 진행해왔습니다. UI/UX, 웹표준 마크업, 모바일웹/앱, HTML5에 관심이 있고, 새로운 기술을 공부하고 업무에 적용하는 것을 즐거워합니다. 가장 행복해하는 것은 그림 그리기입니다.

리뷰

0.0 (총 0건)

구매 후 리뷰 작성 시, 북피니언 지수 최대 600점

리뷰쓰기

기대평

작성시 유의사항

평점
0/200자
등록하기

기대평

0.0

교환/환불

교환/환불 방법

‘마이페이지 > 취소/반품/교환/환불’ 에서 신청함, 1:1 문의 게시판 또는 고객센터(1577-2555) 이용 가능

교환/환불 가능 기간

고객변심은 출고완료 다음날부터 14일 까지만 교환/환불이 가능함

교환/환불 비용

고객변심 또는 구매착오의 경우에만 2,500원 택배비를 고객님이 부담함

교환/환불 불가사유

반품접수 없이 반송하거나, 우편으로 보낼 경우 상품 확인이 어려워 환불이 불가할 수 있음
배송된 상품의 분실, 상품포장이 훼손된 경우, 비닐랩핑된 상품의 비닐 개봉시 교환/반품이 불가능함

소비자 피해보상

소비자 피해보상의 분쟁처리 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 따라 비해 보상 받을 수 있음
교환/반품/보증조건 및 품질보증 기준은 소비자기본법에 따른 소비자 분쟁 해결 기준에 따라 피해를 보상 받을 수 있음

기타

도매상 및 제작사 사정에 따라 품절/절판 등의 사유로 주문이 취소될 수 있음(이 경우 인터파크도서에서 고객님께 별도로 연락하여 고지함)

배송안내

  • 인터파크 도서 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다

  • 출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 상품을 기준으로 배송됩니다.

  • 군부대, 교도소 등 특정기관은 우체국 택배만 배송가능하여, 인터파크 외 타업체 배송상품인 경우 발송되지 않을 수 있습니다.

  • 배송비

도서(중고도서 포함) 구매

2,000원 (1만원이상 구매 시 무료배송)

음반/DVD/잡지/만화 구매

2,000원 (2만원이상 구매 시 무료배송)

도서와 음반/DVD/잡지/만화/
중고직배송상품을 함께 구매

2,000원 (1만원이상 구매 시 무료배송)

업체직접배송상품 구매

업체별 상이한 배송비 적용