HOME > Detail View

Detail View

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

Material type
단행본
Personal Author
정성하, 저 한미래, 저 안민수, 저 유민정, 저 김부윤, 저 김세환, 저 백국경, 저 김도윤, 저 임병철, 저 김춘경, 저
Title Statement
(따라 하면서 배우는) HTML5+CSS3+jQuery+JavaScript : 실무 활용 14가지 / 정성하 [외] 지음
Publication, Distribution, etc
파주 :   위키북스,   2013  
Physical Medium
533 p. : 천연색삽화 ; 25 cm
Series Statement
웹동네 ;002
ISBN
9788998139230
General Note
색인수록  
공저자: 한미래, 안민수, 유민정, 김부윤, 김세환, 백국경, 김도윤, 임병철, 김춘경  
000 01045camcc2200361 c 4500
001 000045755420
005 20130620165948
007 ta
008 130620s2013 ggka 001c kor
020 ▼a 9788998139230 ▼g 93000
035 ▼a (KERIS)BIB000013192477
040 ▼a 211062 ▼c 211062 ▼d 211009
082 0 4 ▼a 005.72 ▼2 23
085 ▼a 005.72 ▼2 DDCK
090 ▼a 005.72 ▼b 2013z1
245 2 0 ▼a (따라 하면서 배우는) HTML5+CSS3+jQuery+JavaScript : ▼b 실무 활용 14가지 / ▼d 정성하 [외] 지음
260 ▼a 파주 : ▼b 위키북스, ▼c 2013
300 ▼a 533 p. : ▼b 천연색삽화 ; ▼c 25 cm
440 0 0 ▼a 웹동네 ; ▼v 002
500 ▼a 색인수록
500 ▼a 공저자: 한미래, 안민수, 유민정, 김부윤, 김세환, 백국경, 김도윤, 임병철, 김춘경
700 1 ▼a 정성하, ▼e
700 1 ▼a 한미래, ▼e
700 1 ▼a 안민수, ▼e
700 1 ▼a 유민정, ▼e
700 1 ▼a 김부윤, ▼e
700 1 ▼a 김세환, ▼e
700 1 ▼a 백국경, ▼e
700 1 ▼a 김도윤, ▼e
700 1 ▼a 임병철, ▼e
700 1 ▼a 김춘경, ▼e
945 ▼a KLPA

Holdings Information

No. Location Call Number Accession No. Availability Due Date Make a Reservation Service
No. 1 Location Science & Engineering Library/Sci-Info(Stacks1)/ Call Number 005.72 2013z1 Accession No. 121225703 Availability Available Due Date Make a Reservation Service B M

Contents information

Book Introduction

실무에서 바로 활용할 수 있는 14가지 웹 콘텐츠를 만들 수 있는 실무 활용집. 예제를 작은 조각으로 나눠 하나씩 따라하며 실무를 배울 수 있게 구성돼있어, 구현 원리부터 제작 과정까지 단계별로 학습할 수 있다. 예제는 크게 웹디자인 콘텐츠, 웹퍼블리싱 콘텐츠, 웹개발 콘텐츠 분야로 나눠 HTML5, CSS3, jQuery를 다양하게 활용했다.

HTML5+CSS3+jQuery+JavaScript를 활용한 다양한 웹 콘텐츠 제작 방법을 알려드립니다.

이 책은 재미없는 문법 설명서가 아닌 실무에서 바로 활용할 수 있는 14가지 웹 콘텐츠를 만들 수 있는 실무 활용집입니다. 예제를 작은 조각으로 나눠 하나씩 따라하며 실무를 배울 수 있게 구성돼있어, 구현 원리부터 제작 과정까지 단계별로 학습할 수 있습니다.
HTML5, CSS3, jQuery를 배우긴 했지만 정작 실무에서 활용을 못하시는 분! 또는 멋진 실무예제를 만들고 싶지만 무엇부터 어떻게 해야 할지 몰라서 발만 동동 구르고 있었던 분들을 위한 좋은 지침서가 될 것입니다.

★ 이 책에서 다루는 예제 ★

01. 그림자 있는 배너
02. 아쿠아 버튼
03. 배너 슬라이더
04. 탭 레이아웃
05. 원형 회전 텍스트 메뉴
06. 대각선 메뉴
07. 폴라로이드 사진게시판
08. 풀 스스크린 전자액자
09. 도넛 메뉴
10. SVG를 이요한 룰렛
11. 그리드 배너
12. 3D로 펼쳐지는 효가
13. Canvas 활용한 복권 긁기
14. 모바일 웹 페이지


Information Provided By: : Aladin

Author Introduction

정성하(지은이)

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

한미래(지은이)

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

안민수(지은이)

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

유민정(지은이)

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

김부윤(지은이)

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

김세환(지은이)

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

백국경(지은이)

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

김도윤(지은이)

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

임병철(지은이)

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

김춘경(지은이)

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

Information Provided By: : Aladin

Table of Contents

목차
CHAPTER 01. 그림자 있는 배너
 01 분석하기 = 26
  용어 정리 = 26
  출력 효과 정의 = 28
 02 스터디 = 30
  그림자 효과가 적용된 배너를 만드는 데 필요한 CSS 속성 = 30
  모서리가 둥근 배너를 만드는 원리 = 31
  배너에 그림자를 입히는 원리 = 38
  배너에 색상과 광택 효과를 입히는 원리 = 44
  배너와 그림자의 순서(위치)를 정하는 원리 = 51
  그림자의 모양만 변형하기 위한 원리 = 52
 03 구현하기 = 57
  진행 순서(단계 나누기) = 57
  구현 시작 = 57
  제작을 마치며 = 93
CHAPTER 02. 아쿠아 버튼
 01 분석하기 = 96
  용어 정리 = 97
  동작 효과 정의 = 98
 02 스터디 = 99
  아쿠아 버튼을 만드는 데 필요한 CSS 속성 = 99
  버튼틀을 만들 때 사용하는 CSS 속성 = 100
  글자에 입체감을 주기 위한 CSS 속성 = 114
  버튼을 동적으로 만들어주는 CSS 속성 = 116
 03 구현하기 = 118
  진행순서(단계 나누기) = 118
  구현 시작 = 118
  제작을 마치며 = 130
CHAPTER 03. 배너 슬라이더
 01 분석하기 = 134
  용어 정리 = 134
  동작 효과 정의 = 134
 02 스터디 = 136
  배너슬라이드를 만드는 데 필요한 CSS 속성 = 136
  CSS3 선택자 = 136
  transition = 140
  animation = 143
  @Keyframes = 144
 03 구현하기 = 146
  인터랙티브를 위한 구조 잡기 = 146
  진행 순서(단계나누기) = 148
  제작을 마치며 = 163
CHAPTER 04. 탭 레이아웃
 01 분석하기 = 166
  용어 정리 = 166
  출력 효과 정의 = 167
  동작 효과 정의 = 167
 02 스터디 = 168
  탭 레이아웃을 만드는 데 필요한 CSS 속성 = 168
  사선 탭을 만드는 원리 = 168
  자연스러운 그림자 효과를 만드는 원리 = 170
  가상 선택자 = 171
  박스 크기에 padding을 주어도 원래 크기로 보이게 하기 = 173
 03 구현하기 = 175
  진행 순서(단계 나누기) = 175
  제작을 마치며 = 191
CHAPTER 05. 원형 회전 텍스트 메뉴
 01 분석하기 = 194
  출력 효과 정의 = 194
  동작 효과 정의 = 195
 02 스터디 = 196
  원형 회전 텍스트 메뉴를 만드는 데 필요한 CSS 속성 소개 = 196
  텍스트 메뉴를 회전시키는 원리 = 196
  회전 기준점 변경 = 197
 03 구현하기 = 200
  진행 순서(단계 나누기) = 200
  제작을 마치며 = 213
CHAPTER 06. 대각선 메뉴
 01 분석하기 = 217
  용어 정리 = 217
  출력 효과 정의 = 218
  동작 효과 정의 = 218
 02 스터디 = 220
  대각선 메뉴를 만드는 데 필요한 CSS 속성 = 220
  비틀어진 메뉴를 만드는 원리 = 221
 03 구현하기 = 226
  진행 순서(단계 나누기) = 226
  제작을 마치며 = 251
CHAPTER 07. 폴라로이드 사진 게시판
 01 분석하기 = 254
  용어 정리 = 254
  출력 효과 정의 = 255
  동작 효과 정의 = 256
 02 스터디 = 258
  폴라로이드 사진 게시판을 만드는 데 필요한 CSS 속성 = 258
  아이템을 임의의 각도로 회전 시키는 원리 = 258
  임의의 각도를 만드는 원리 = 259
  아이템 등장 효과의 원리 = 260
 03 구현하기 = 261
  진행 순서(단계 나누기) = 261
  구현시작 = 261
  제작을 마치며 = 277
CHAPTER 08. 풀 스크린 전자액자
 01 분석하기 = 280
  용어 정리 = 280
  출력 효과 정의 = 281
  동작 효과 정의 = 283
 02 스터디 = 284
  풀 스크린 슬라이더를 만드는 데 필요한 CSS 속성 = 284
  이미지를 풀 스크린으로 출력하는 원리 = 284
  아이템 애니메이션 전환 효과의 원리 = 286
  음악 재생 기능 = 286
 03 구현하기 = 288
  진행 순서(단계 나누기) = 288
  구현 시작 = 288
  제작을 마치며 = 305
CHAPTER 09. 도넛 메뉴
 01 분석하기 = 308
  용어 정리 = 308
  출력 효과 정의 = 309
  동작 효과 정의 = 309
 02 스터디 = 310
  도넛 메뉴를 만드는 데 필요한 CSS 속성 = 310
  애니메이션 기획 = 310
  position = 311
  transition = 311
  mask-box-image = 311
  사용자 정의 속성(data-*) = 312
 03 구현하기 = 315
  진행 순서(단계 나누기) = 315
  구현 시작 = 315
  제작을 마치며 = 333
CHAPTER 10. SVG를 이용한 룰렛
 01 분석하기 = 336
  용어 정리 = 336
  출력 화면 정의 = 337
  동작 효과 정의 = 337
 02 스터디 = 338
  SVG 룰렛 제작을 위한 스터디 항목 = 338
  SVG 기초 = 338
  룰렛을 만드는 데 필요한 CSS3 속성 = 347
 03 구현하기 = 358
  진행순서(단계 나누기) = 358
  구현 시작 = 359
  제작을 마치며 = 400
CHAPTER 11. 그리드 배너
 01 분석하기 = 404
  용어 정리 = 404
  출력 효과 정의 = 405
  동작 효과 정의 = 406
 02 스터디 = 407
  그리드 아이템의 3D 회전 효과 = 407
  그리드 아이템 슬라이드 효과 = 410
  슬라이드 배너의 자동 롤링 = 412
 03 구현하기 = 414
  진행 순서(단계 나누기) = 414
  구현 시작 = 415
  제작을 마치며 = 439
CHAPTER 12. 3D로 펼쳐지는 효과
 01 분석하기 = 442
  용어 정리 = 442
  출력 효과 정의 = 445
 02 스터디 = 446
  3D로 펼쳐지는 효과를 만드는 데 필요한 CSS 속성 = 446
  3D transform = 446
  transition-origin = 449
  webkit-gradient = 450
  IK = 452
 03 구현하기 = 454
  진행 순서(단계 나누기) = 454
  구현 시작 = 454
  제작을 마치며 = 469
CHAPTER 13. Canvas를 활용한 복권 긁기
 01 분석하기 : 용어 정리 = 472
 02 스터디 = 474
  캔버스 사용준비 = 474
  복권 긁기 자국 만들기 = 476
  결과 이미지를 가리는 커버 이미지 그리기 = 478
  복권 긁기 효과 만들기 = 483
  복권 긁기 진행률 알아내기 = 486
 03 구현하기 = 488
  진행 순서(단계 나누기) = 488
  구현 시작 = 488
  제작을 마치며 = 499
CHAPTER 14. 모바일 웹 페이지
 01 분석하기 = 504
  용어 정리 = 505
  출력 효과 정의 = 505
  동작 효과 정의 = 506
 02 스터디 = 507
  모바일 웹 페이지를 만드는 데 필요한 배경지식 및 CSS 속성 = 507
  모바일 웹 화면은 크기를 어떻게 만들어야 하나? = 507
  box-flex 태그 = 510
  gradient, shadow, border-radius = 512
 03 구현하기 = 515
  진행 순서(단계 나누기) = 515
  구현 시작 = 516
  제작을 마치며 = 532

New Arrivals Books in Related Fields

Ramamurthy, Bina (2021)