HOME > Detail View

Detail View

(만들면서 배우는) HTML5 + CSS3 + jQuery (Loan 120 times)

Material type
단행본
Personal Author
야무
Title Statement
(만들면서 배우는) HTML5 + CSS3 + jQuery / 야무 지음
Publication, Distribution, etc
서울 :   한빛미디어,   2012   (2014)  
Physical Medium
416 p. : 천연색삽화 ; 25 cm
ISBN
9788979149104
General Note
색인수록  
야무의 본명은 '지훈'임  
000 00702camcc2200253 c 4500
001 000045699563
005 20140918151149
007 ta
008 120404s2012 ulka 001c kor
020 ▼a 9788979149104 ▼g 13000
035 ▼a (KERIS)BIB000012713126
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 2012z1
100 0 ▼a 야무 ▼0 AUTH(211009)92064
245 2 0 ▼a (만들면서 배우는) HTML5 + CSS3 + jQuery / ▼d 야무 지음
260 ▼a 서울 : ▼b 한빛미디어, ▼c 2012 ▼g (2014)
300 ▼a 416 p. : ▼b 천연색삽화 ; ▼c 25 cm
500 ▼a 색인수록
500 ▼a 야무의 본명은 '지훈'임
900 1 0 ▼a 지훈, ▼e
945 ▼a KLPA

No. Location Call Number Accession No. Availability Due Date Make a Reservation Service
No. 1 Location Main Library/Monographs(3F)/ Call Number 005.72 2012z1 Accession No. 111723679 Availability Available Due Date Make a Reservation Service B M
No. 2 Location Science & Engineering Library/Sci-Info(Stacks1)/ Call Number 005.72 2012z1 Accession No. 121218407 Availability Available Due Date Make a Reservation Service B M
No. 3 Location Science & Engineering Library/Sci-Info(Stacks1)/ Call Number 005.72 2012z1 Accession No. 121218408 Availability Available Due Date Make a Reservation Service B M
No. 4 Location Sejong Academic Information Center/Science & Technology/ Call Number 005.72 2012z1 Accession No. 151307620 Availability Available Due Date Make a Reservation Service
No. Location Call Number Accession No. Availability Due Date Make a Reservation Service
No. 1 Location Main Library/Monographs(3F)/ Call Number 005.72 2012z1 Accession No. 111723679 Availability Available Due Date Make a Reservation Service B M
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 2012z1 Accession No. 121218407 Availability Available Due Date Make a Reservation Service B M
No. 2 Location Science & Engineering Library/Sci-Info(Stacks1)/ Call Number 005.72 2012z1 Accession No. 121218408 Availability Available Due Date Make a Reservation Service B M
No. Location Call Number Accession No. Availability Due Date Make a Reservation Service
No. 1 Location Sejong Academic Information Center/Science & Technology/ Call Number 005.72 2012z1 Accession No. 151307620 Availability Available Due Date Make a Reservation Service

Contents information

Book Introduction

HTML5+CSS3+jQuery(제이쿼리)를 9가지 실전 예제와 함께 더 쉽고 더 재미있게 만들 수 있는 책. 애니메이션 버튼, 배너, 말 풍선, 탭, 내비게이션, 3D 갤러리, 폼, 비디오 플레이어, 반응형 웹 사이트 디자인까지 모던 웹 UI 디자인의 모든 것을 9가지 실전 예제를 만들면서 익힐 수 있도록 구성하였다.

북 트레일러 - 만들면서 배우는 HTML5+CSS3+jQuery from yamoo9 on Vimeo.

HTML5+CSS3+jQuery(제이쿼리)! 만들면 쉽다, 만들면 재밌다, 만들면 놀랍다
웹 프로그래밍 언어를 배울 때 가장 쉽게, 가장 재미있게, 가장 확실히 배울 수 있는 방법은 뭔가를 직접 만들어보는 것입니다. 만들어보는 예제가 실무에서 쓰일 법한 예제라면 더 없이 좋습니다. 기초 예제 1개와 실무 예제 9개를 만들어보면서 HTML5, CSS3, jQuery를 확실히 익혀보세요.

차세대 웹 디자인 트렌드를 만날 수 있다
HTML5, CSS3, 제이쿼리는 기본, Modernizr, LESS, PIE, 클라우드 웹 폰트까지 최신 웹 표준 기술을 한 권으로 익힐 수 있습니다. 최신 기술을 통해 쉽고 편하게 UI를 구현해보세요.

모던 웹 UI 디자인의 모든 것
애니메이션 버튼, 배너, 말 풍선, 탭, 내비게이션, 3D 슬라이딩 갤러리, 폼, 비디오 플레이어, 반응형 웹 사이트 디자인까지 실무에서 바로 쓸 수 있는 예제를 만들 수 있습니다.

【데모 사이트】
책 속의 예제를 미리 체험할 수 있는 데모 사이트
http://www.hanb.co.kr/demo/1910/


Information Provided By: : Aladin

Author Introduction

야무(지훈)(지은이)

전공인 비주얼 디자인과 프론트-엔드 프로그래밍에 주력하면서 실무자를 위한 웹 디자인, 개발 강의 및 노하우를 전수하는 집필에도 힘씁니다. 글로 표현하는 것보다는 이야기하면서 소통하는 것을 더 좋아합니다. 하지만 현장에서 갈고 닦은 것들을 책으로 펴내 조금이라도 더 많은 이에게 효율적인 작업 방법을 알려 주려고 노력합니다. 현장에서 '야무쌤'이라고 불리며, 자신과 함께 성장해가는 학생들에게 무한한 애정을 느낍니다. 최근에는 자신을 찾는 학생 한 명 한 명이 만족할 수 있는 더욱 알찬 강의 준비로 바쁜 나날을 보내고 있습니다. o집필 도서 : 《만들면서 배우는 HTML5+CSS3+jQuery》, 2012 《만들면서 배우는 모던 웹사이트 디자인》, 2014 o홈페이지 : yamoo9.net o커뮤니티 : cafe.naver.com/webstandardproject o메일 : yamoo9@naver.com oSNS : facebook.com/yamoo9

Information Provided By: : Aladin

Table of Contents

목차
1장 웹 서비스 환경 만들기 = 17
 클라이언트 vs 호스트 = 18
 웹 클라이언트 테스트 환경 만들기 = 20
 웹 저작 도구 고르기와 설치하기 = 27
 웹 호스트 환경 만들기 = 30
 콘텐트 관리도구(CMS) 고르기 = 35
2장 HTML5, CSS3, jQuery 기초 = 37
 구조 언어, HTML5 기초 작성법 = 38
  HTML5 기본 문서 만들기 = 38
  본문 요소 작성하기 : 목록 = 43
  HTML5 아웃라인과 Section 요소 = 44
 표현 언어, CSS3 기초 작성법 = 49
  본문(body) 스타일링 = 50
  제목(h1, h2) 스타일링 = 52
  본문 배경&글꼴 스타일링 = 53
 동작 언어, JavaScript 기초 작성법 = 59
 JavaScript Library, jQuery 기초 작성법 = 77
3장 움직이는 배너 디자인 = 85
 HTML5 배너 구조 작성 = 88
  배너를 클릭했을 때, 연결할 웹사이트 주소 입력하기 = 89
  배너에 이미지와 텍스트 배치하기 = 89
  class를 이용해 요소에 식별자 설정하기 = 90
 CSS3 배너 스타일링 = 92
  body 기본 스타일링 = 92
  배너 전체 영역 스타일링 = 92
  배너에 배경 이미지 넣기 = 94
  배너 로고 이미지 배치하기 = 95
  배너 텍스트에 한글 웹 폰트 적용하기 = 98
  배너 텍스트 위치 바로잡고 색 적용하기 = 100
  마우스 포인터가 올라가기 전 상태 디자인하기 = 101
 jQuery로 배너에 소리 넣기 = 109
 브라우저 호환성 검사 = 114
4장 페이드인/아웃 말풍선 디자인 = 117
 HTML5 링크 갤러리 구조 작성 = 120
 CSS3 링크 갤러리 스타일링 = 124
  body 기본 스타일링 = 124
  제목을 영문 웹 폰트로 스타일링 = 125
  사진 영역 스타일링 = 127
  말풍선 스타일링 1 : 기본 = 132
  말풍선 스타일링 2 : 위치 = 133
  말풍선 스타일링 3 : 모서리가 둥근 테두리, 말 풍선 꼬리 = 135
  말풍선 스타일링 4 : 트랜지션 설정 = 137
 jQuery 구형 브라우저에서 페이드인/아웃 구현 = 142
  CSS3 트랜지션 지원 여부 확인하기 = 143
  jQuery로 페인드인/아웃 구현하기 = 145
5장 라바 램프 내비게이션 디자인 = 155
 HTML5 내비게이션 구조 작성 = 158
 CSS3 라바 램프 스타일 내비게이션 스타일링 = 162
  body 기본 스타일링 = 162
  제목 스타일링 : 영문 웹 폰트 = 162
  내비게이션 틀 스타일링 = 164
  내비게이션 항목 스타일링 = 167
  내비게이션 움직이는 바 스타일링 : 그레이디언트 = 169
  활성화된 아이템 표시 유지 스타일링 = 172
 jQuery 라바 램프 내비게이션 스크립팅 = 173
  변수 선언 및 문서 객체 참조 = 174
  라바 스타일링 = 178
  라바 위치 지정 = 179
  라바 그레이디언트 적용하기 = 181
  라바 위치 조절하기 = 182
  이벤트 감지와 구현하기 = 184
  네임스페이스 만들기 = 189
  플러그인 만들기 = 191
6장 공기 방울 애니메이션 버튼 디자인 = 197
 HTML5 버튼 구조 작성 = 200
 CSS3 버튼 및 확장 클래스 스타일링 = 204
  body 기본 스타일링 = 204
  body 추가 스타일링 : 무지개 색 그레이디언트 = 205
  CSS 코드에서 반복되는 부분을 LESS 툴로 동적으로 만들기 = 210
  LESS 함수 만들기 = 212
  buttons_wrap 스타일링 = 215
 jQuery 버튼에 사운드 플러그인 적용 = 232
7장 탭 메뉴 애니메이션 디자인 = 243
 HTML5 탭 메뉴 구조 작성 = 246
  IE 8 이하 웹 브라우저의 호환성을 고려한 코드 = 246
  웹 폰트 적용하기와 외부 파일 호출하기 = 249
  기본 구조 짜기 = 250
 CSS3&LESS 탭 메뉴 스타일링 = 255
  기본 스타일링 = 256
  디자인 전체 영역과 제목 스타일링 = 257
  탭 메뉴 스타일링 = 258
  탭 콘텐츠 스타일링 1 : 자바스크립트가 지원되지 않는 상황 = 262
  탭 콘텐츠 스타일링 2 : 자바스크립트가 지원되는 상황 = 263
 jQuery 탭 메뉴 플러그인 작성 = 265
  플러그인을 사용할 파일 작성하기 = 265
  플러그인 만들기 = 266
8장 CSS3 애니메이션 폼 디자인 = 277
 HTML5 폼 구조 작성 = 280
  기본 구조 짜기 = 280
  폼 구성 요소 구조 짜기 = 282
 CSS3&LESS 폼 스타일링 = 287
  기본 스타일링 = 288
  폼 전체 영역(컨테이너 요소) 스타일링 = 289
  제목 요소 스타일링 = 294
  폼 요소 스타일링 1 : 레이블&입력 상자 = 295
  폼 요소 스타일링 2 : '이용 약관, 정보 수집' = 296
  폼 요소 스타일링 3 : 입력 상자 안에 보여질 스프라이트 배경 이미지 = 297
  폼 요소 스타일링 4 : 가입하기 버튼 = 300
 jQuery 폼 디자인 작성 = 304
9장 HTML5 비디오 플레이어 디자인 = 311
 HTML5 비디오 구조 작성 = 314
  HTML 기본 코드 작성하기 = 315
  자바스크립트가 자동으로 만들어주는 코드 만들기 = 321
 jQuery 비디오 플레이어 플러그인 작성 = 323
  플러그인 연결&초기 옵션 설정하기 = 324
  대상 객체 참조& 비디오 컨테이너 내부에 클래스 추가하기 = 325
  동적으로 비디오 컨트롤 구조 만들기 = 328
  비디오 컨트롤 버튼 설정하기 = 331
  비디오 컨트롤러 탐색 바 설정하기 = 334
  탐색 바 내부 슬라이더 만들기 = 335
  탐색 바와 타이머 내용을 바꿀 함수 만들기 = 338
  볼륨 슬라이더 만들기 = 340
  음소거/음소거 해제 버튼에 연결할 함수 만들기 = 340
 CSS3&LESS 비디오 플레이어 스타일링 = 343
  기본 스타일링 = 345
  비디오 전체 영역(비디오 컨테이너) 스타일링 = 348
  비디오 컨트롤러 스타일링 1 : 전체 = 350
  비디오 컨트롤러 스타일링 2 : 재생 버튼 = 351
  비디오 컨트롤러 스타일링 3 : 탐색 바 = 353
  비디오 컨트롤러 스타일링 4 : 타이머 = 355
  비디오 컨트롤러 스타일링 5 : 볼륨 박스 = 356
  비디오 컨트롤러 스타일링 6 : 볼륨 슬라이더 = 357
 슬라이드 바를 비디오 안쪽에 넣고 색 바꾸기 = 360
10장 트랜스포머처럼 변신하는 반응형 웹 디자인 = 367
 HTML5 웹 문서 구조 작성 = 370
  header(브랜드&내비게이션 영역)와 header bar(헤더 바 영역) 구조화 = 372
  contents 영역 구조화 = 373
 CSS3&LESS 반응형 웹 디자인 스타일링 = 377
  기본 환경 설정하기(normalize.css 다운로드, LESS 사용하기) = 377
  response.css 프레임워크 만들기 = 379
  데스크톱 스타일링 1 : 기본 = 383
  데스크톱 스타일링 2 : header = 384
  데스크톱 스타일링 3 : header bar = 391
  데스크톱 스타일링 4 : contents = 394
  데스크톱 스타일링 5 : footer = 397
  데스크톱 스타일링 6 : 드래그한 영역 색과 글자 색 = 398
  태블릿 환경 스타일링 = 400
  스마트폰 환경 스타일링 = 401
 jQuery 스크롤 고정 내비게이션 플러그인 작성 = 403
동영상 : 3D 슬라이딩 갤러리 디자인

New Arrivals Books in Related Fields

Ramamurthy, Bina (2021)
윤관식 (2020)