상세정보

웹 프로그래밍을 처음 배우는 독자를 위한 입문서로 HTML5, CSS3부터 자바스크립트, jQuery까지 한 권으로 기본기를 다질 수 있다. 최신 웹 표준에 맞게 배울 수 있도록 웹에 대한 기본 이해부터 프로젝트 완성까지 단계적으로 담아냈다. 예제는 단편적인 기능 익히기에 그치지 않고 실제 개발에 응용할 수 있도록 기본 예제 - 응용 예제 - 종합 예제(블로그 제작) 순으로 점차 발전되는 형태로 구성했다. 프로젝트에서는 최근 각광받고 있는 핀터레스트 스타일(타일형)의 감각적인 웹 페이지를 제작해본다.

이 책의 장점

① 단계별 예제를 통해 기본 이론부터 웹 페이지 제작까지 체계적으로 익힐 수 있다.
② HTML5, CSS3, 자바스크립트(jQuery 포함) 기본을 한 권으로 학습한다.
- 두꺼운 책이 싫고 시간이 없는 당신에게 강추.
③ 복잡한 내용을 몰라도 웹 페이지를 제작에 활용할 수 있는 방법들을 다룬다.

도서 특징(책 표지글)

실습으로 익히는 HTML5 웹 프로그래밍

웹 프로그래밍을 처음 배우는 독자를 위한 입문서로 HTML5, CSS3부터 자바스크립트, jQuery까지 한 권으로 기본기를 다질 수 있다.
최신 웹 표준에 맞게 배울 수 있도록 웹에 대한 기본 이해부터 프로젝트 완성까지 단계적으로 담아냈다. 예제는 단편적인 기능 익히기에 그치지 않고 실제 개발에 응용할 수 있도록 기본 예제 > 응용 예제 > 종합 예제(블로그 제작) 순으로 점차 발전되는 형태로 구성했다. 프로젝트에서는 최근 각광받고 있는 핀터레스트 스타일(타일형)의 감각적인 웹 페이지를 제작해본다.



주요 내용



부/장별 내용 요약

정보제공 :

목차
지은이 머리말 = 4
워밍업 = 6
강의 보조 자료와 강의 계획표 = 8
실습 환경, 예제 소스 및 참고 사이트 = 9
숲과 나무이야기 = 10
Part 1 웹 프로그래밍 첫 걸음
 1장 웹 개요와 실습 환경 구축
  1 인터넷과 웹 소개 = 22
   인터넷의 시작 = 22
   1차 웹 브라우저 전쟁 = 24
   2차 웹 브라우저 전쟁 = 27
  2 웹의 동작원리 = 30
  3 보조 웹 표준 기술소개 = 32
   HTML5 소개 = 33
   CSS3 소개 = 33
   자바스크립트 = 34
  4 HTML5 주요 기능 소개 = 35
   멀티미디어 기능 = 36
   그래픽 기능 = 37
   통신 = 38
   디바이스 접근 = 39
   오프라인 및 저장소 = 39
   시맨틱 = 40
   CSS3 스타일시트 = 41
   웹의 성능 극대화 및 통합 = 41
  5 실습 환경 구축 = 44
 2장 HTML5 기본 구조와 작성법
  1 HTML5 기본 용어 정리 = 52
   태그와 요소 = 52
   속성 = 53
   주석 = 54
  2 HTML5 페이지 기본 구조 = 54
  3 HTML5 페이지 기본 작성법 = 57
  4 CSS3의 종류와 기본 작성법 = 60
  5 자바스크립트의 종류와 기본 작성법 = 62
  6 요소 검사를 이용한 에러 확인 = 65
Part 2 HTML5 태그
 3장 HTML5 기본 태그
  1 글자태그 = 74
   제목 글자 태그 = 74
   본문 태그 = 77
   하이퍼링크태그 = 80
   글자 모양 태그 = 84
  2 목록태그 = 86
  3 테이블 태그 = 88
  4 이미지 태그 = 93
  5 공간 분할 태그 = 94
   기본 공간 분할 태그 = 96
   시맨틱 태그 = 98
 4장 HTML5 멀티미디어 태그와 입력 양식 태그
  1 오디오 태그 = 108
   오디오 기본 태그 = 108
   웹 브라우저별 지원 가능 오디오 파일 형식 = 109
  2 비디오 태그 = 111
   비디오 기본 태그 = 111
   Video.js 플러그인 = 113
  3 입력 양식 태그 = 115
   입력 양식 개요 = 115
   입력 양식 태그 = 118
 종합 예제 1 _ 블로그의 레이아웃 구성 = 129
Part 3 CSS3 스타일
 5장 CSS3 선택자
  1 선택자개요 = 138
  2 기본선택자 = 140
  3 속성 선택자 = 147
  4 후손 선택자와 자손 선택자 = 148
   후손 선택자 = 149
   지손 선택자 = 151
  5 반응／상태／구조 선택자 = 153
   반응 선택자 = 153
   상태 선택자 = 154
   구조 선택자 = 157
 6장 CSS3 속성
  1 CSS3 단위 = 166
   키워드 단위 = 166
   크기 단위 = 166
   색상 단위 = 169
   URL 단위 = 170
  2 박스 속성 = 171
   width와 height, margin과 padding 속성 = 172
   테두리속성 = 176
  3 display 속성 = 179
  4 배경속성 = 183
   background-image 속성 = 183
   background-size 속성 = 184
   background-repeat 속성 = 187
   background-attachment 속성 = 188
   background-position 속성 = 188
  5 글자속성 = 194
   font-size 속성 = 194
   font-family 속성 = 195
   font-style과 font-weight 속성 = 198
   text-align 속성 = 200
   line-height 속성 = 202
   text-decoration 속성 = 204
  6 위치속성 = 205
   position 속성 = 205
   z-index 속성 = 208
   위치 속성 공식 = 210
   overflow 속성 = 212
  7 float 속성 = 214
  8 그림자 속성 = 219
   text-shadow 속성 = 219
   box-shadow 속성 = 219
  9 그레이디언트 = 222
 7장 CSS3 응용과 레이아웃
  수평 정렬하기 = 234
  중앙 정렬 레이아웃 구성하기 = 236
  One True 레이아웃 구성하기 = 238
  절대 위치를 사용해 요소 배치하기 = 241
  절대 위치를 사용해 요소를 중앙에 배치하기 = 243
  고정 위치를 사용해 바 생성하기 = 245
  글자 생략하기 = 247
 종합 예제 2 _ 블로그에 스타일시트 적용 = 249
Part 4 자바스크립트
 8장 자바스크립트 기본
  1 자바스크립트 기본용어 = 264
   표현식과 문장 = 264
   키워드 = 265
   식별자 = 266
   주석 = 267
  2 자바스크립트 출력 = 269
  3 자료형 = 270
   숫자 = 270
   문자열 = 272
   불리언 = 274
  4 변수 = 276
  5 조건문 = 279
   if 조건문 = 279
   if else 조건문 = 282
   중첩 조건문과 if else if 조건문 = 283
  6 반복문 = 286
   배열 = 287
   while 반복문 = 290
   for 반복문 = 291
  7 함수 = 294
   선언과 호출 및 실행 우선순위 = 295
   매개변수와 반환값 = 298
   콜백 함수 = 300
  8 객체 = 301
   객체 개요 = 302
   속성과 메소드 = 305
 9장 문서 객체 모델
  1 문서 객체 모델 관련 용어 = 314
  2 웹 페이지 생성 순서 = 315
  3 문서 객체 선택 = 321
   한 개의 문서 객체 선택 = 321
   여러 개의 문서 객체 선택 = 323
  4 문서 객체 조작 = 325
   글자 조작 = 325
   스타일 조작 = 327
   속성 조작 = 330
  5 이벤트 = 334
   이벤트 모델 = 334
   이벤트 객체 = 339
   기본 이벤트의 제거 = 342
 10장 jQuery 라이브러리
  1 jQuery 라이브러리 설정 = 350
  2 문서 객체 선택 = 352
  3 문서 객체 조작 = 353
   속성 조작 = 353
   스타일 조작 = 358
   글자 조작 = 362
   클래스 조작 = 364
  4 이벤트 = 366
   간단한 이벤트 연결 = 366
   이벤트 연결 기본 = 369
   이벤트 객체와 기본 이벤트 제거 = 371
  5 효과 = 377
   효과 메소드 소개 = 377
   애니메이션 기본 = 379
   애니메이션 정지 = 382
 11장 자바스크립트와 jQuery 라이브러리 응용
  입력 양식 자동 초점 설정하기 = 392
  프레임 애니메이션 만들기 = 394
  문서 객체 생성하기 = 396
  무한 스크롤 기능 구현하기 = 399
  LightBox 플러그인 사용하기 = 401
  Masonry 플러그인 사용하기 = 404
  jQuery 라이브러리로 갤러리 구현하기 = 407
 종합 예제 3 _ 블로그에 자바스크립트 작용 = 413
Part 5 프로젝트
 12장 프로젝트: 핀터레스트 스타일의 웹 페이지 제작
  1 반응형 웹 = 418
  2 기본 레이아웃 구성 = 420
  3 스타일시트 적용 = 424
   초기화 = 424
   헤더 구성 = 425
   풀다운 메뉴 구성 = 426
   내비게이션 구성 = 427
   페이지 구성 = 429
   라이트박스 구성 = 431
  4 자바스크립트 = 432
   풀다운 메뉴 구성 = 433
   페이지 구성 = 434
   라이트박스 구성 = 434
찾아보기 = 437