목차
1부 사이트 성공을 좌우하는 기획
   1. 홈페이지, 존재의 이유 ... 30
      1. 웹 디자이너를 꿈꾸는 대학생들이여 ... 30
      2. 시작이 반이라는데, 무엇부터 시작해야 하나 ... 32
   2. 웹 디자이너로 성공하기 ... 36
      1. 웹의 연금술사 웹 디자이너 ... 36
      2. 독학이냐, 학원이냐, 그것이 문제로다 ... 38
      3. 비전공자로서의 웹 디자이너 ... 41
      4. 최고의 웹 디자이너가 되기 위한 지침 ... 41
   3. 홈페이지 구축 과정 이해하기 ... 46
      1. 컨셉 잡기 ... 46
      2. 웹 사이트 방문 ... 47
      3. 컨텐츠 및 사이트맵 구성 ... 49
      4. 레이아웃 설계 ... 50
      5. 컨텐츠 및 자료 수집 ... 52
      6. 디자인 및 코딩 ... 52
      7. 웹으로 출판 ... 53
      8. 유지 보수 ... 53
   4. 컨텐츠 기획 ... 54
      1. 웹 사이트에서 컨텐츠의 중요성 ... 54
      2. LG텔레콤 웹진 〈흥미진진〉 컨텐츠 기획 ... 55
      3. 개인 홈페이지 컨텐츠 구성 힌트 ... 62
   5. 아이디어 구상 ... 66
      1. 등잔 밑이 어둡다 ... 66
      2. 백문이불여일서핑 ... 69
2부 드림위버 4로 홈페이지 기초 다지기
   6. 필수 HTML 마스터 ... 74
      1. HTML이란? ... 74
      2. HTML 기본 구조 ... 74
      3. 문서 속성 지정하기 ... 75
      4. 글자 입력과 속성 설정하기 ... 78
      5. 이미지 삽입 ... 82
      6. 하이퍼링크 ... 84
      7. 테이블 ... 86
      8. 프레임 ... 88
   7. What's New Dreamweaver 4.0 ... 92
      1. 드림위버 4.0 이렇게 달라졌다 ... 95
   8. 로컬 사이트와 리모트 사이트 설정하기 ... 98
      1. 로컬 사이트 만들기 ... 99
      2. 리모트 사이트 설정하기 ... 100
      3. 리모트 사이로 연결하기 ... 101
   9. 문서 속성 지정하고 글자 입력하기 ... 104
      1. 드림위버에 추가 글꼴 설정하기 ... 105
      2. 문서 속성 지정하기 ... 107
      3. 텍스트 입력하기 ... 109
      4. 텍스트 속성 바꾸기 ... 110
   10. 이미지 삽입하고 정렬하기 ... 114
      1. 배경 이미지 삽입하기 ... 115
      2. 페이지에 이미지 삽입하기 ... 117
      3. 이미지 정렬하기 ... 117
      4. 텍스트와 이미지의 정렬 ... 119
      5. 이미지 속성 변경하기 ... 122
   11. 하이퍼링크와 이미지맵 ... 126
      1. 심리테스트에 쓰일 문제 페이지 만들기 ... 127
      2. 이미지맵 설정하기 ... 130
      3. 텍스트와 이미지에 하이퍼링크 걸기 ... 131
   12. 책갈피 기능으로 긴 페이지 효율적으로 구성하기 ... 134
      1. 책갈피 삽입하기 ... 136
      2. 책갈피에 링크하기 ... 137
      3. 브라우저에서 확인하기 ... 139
      4. top 책갈피 만들기 ... 140
   13. 테이블로 화면 정리하기 ... 142
      1. 표 삽입하기 ... 143
      2. 표에 이미지와 텍스트 삽입하기 ... 143
      3. 셀 폭 지정하기 ... 145
      4. 셀 추가하고 합치기 ... 146
      5. 셀 여백 지정하기 ... 148
      6. 표 안에 표 삽입하기 ... 148
      7. 셀 나누기 ... 150
   14. 프레임과 롤오버 이미지 ... 152
      1. 현재 문서에서 프레임 삽입하기 ... 153
      2. 프레임 창과 프레임 속성 창 사용하기 ... 154
      3. 프레임셋 속성 창 사용하기 ... 156
      4. 롤오버 이미지 만들기 ... 158
      5. 복잡한 프레임 만들기 ... 162
   15. 심플한 페이지로 변신, 점프 메뉴 ... 166
      1. 문서 레이아웃 잡기 ... 167
      2. 점프 메뉴 삽입하기 ... 168
      3. 점프 메뉴 항목 추가하기 ... 171
      4. Marquee 태그 로 흐르는 텍스트 효과 내기 ... 173
3부 DHTML로 다이나믹한 홈페이지 만들기
   16. 드림위버와 자바 스크립트 ... 178
      1. 자바 스크립트란? ... 178
      2. 자바 스크립트 기초 문법 이해하기 ... 179
      3. 드림위버의 자바 스크립트 마법사, 비헤이비어 ... 184
   17. 까다로운 스타일시트 쉽게 이해하기 ... 188
      1. 내부 Class 스타일 만들기 ... 189
      2. 외부 스타일시트 추가하고 수정하기 ... 192
      3. Html Tag 스타일 적용하기 ... 195
      4. CSS Selector로 링크에 효과주기 ... 196
   18. 레이어, 무엇에 쓰는 물건인고
      1. 레이어 이해하기 ... 202
      2. 레이어 만들기 ... 202
      3. 레이어에 이미지 삽입하기 ... 203
      4. 레이어 속성 변경하기 ... 204
   19. 표도 그림 그리듯 자유롭게, 레이아웃 테이블 ... 206
      1. 레이아웃 셀 만들기 ... 207
      2. 레이아웃 셀에 이미지 삽입하기 ... 208
      3. 레이아웃 테이블과 레이아웃 셀 크기 조절하기 ... 210
      4. 레이아웃 테이블 내에 또 다른 테이블 추가하기 ... 211
      5. 셀 높이 조절하기와 이동하기 ... 212
   20. Drag Layer를 이용해 내 맘대로 움직이는 이미지 ... 214
      1. 드래그에 쓰일 레이어 추가하기 ... 216
      2. 비헤이비어에서 드래그 레이어 액션 등록하기 ... 217
      3. 비헤이비어에서 이벤트 수정하기 ... 218
   21. 요리조리 쓸모 많은 Show-Hide Layer 마스터 ... 220
      1. 레이어 복사하고 붙여넣기 ... 222
      2. 레이어 보이기 ... 225
      3. 레이어 감추기 ... 226
      4. Go To URL 액션 ... 229
      5. 레이어 보이기와 감추기 ... 231
      6. Button form 삽입하기 ... 233
   22. 신바람 애니메이션 기초 ... 236
      1. 직선 애니메이션 ... 238
      2. 곡선 애니메이션 ... 241
      3. 다중 애니메이션 ... 244
   23. 고급 애니메이션 응용 ... 246
      1. 자연스럽게 이어지는 애니메이션 ... 248
      2. 새로운 타임라인 추가하기 ... 251
      3. 애니메이션 제어하기 ... 253
      4. 경로 따라 움직이는 애니메이션 ... 254
      5. 타임라인에 비헤이비어 추가하기 ... 256
4부 드림위버의 무한 확장, Extensions
   24. Extension 다운로드와 설치 ... 260
      1. Extension 다운로드하기 ... 261
      2. Manage Extensions ... 262
   25. 좌우로 스크롤되는 포트리스 탱크 ... 266
      1. Slide Layer ... 267
   26. 일정 간격으로 자동 교체되는 배너 ... 272
      1. Banner Image Builder ... 273
   27. 마우스를 따라다니는 미사일 ... 276
      1. Mouse Trail ... 277
   28. 열렸다가 닫히는 슬라이딩 메뉴 ... 280
      1. MFX_SlideMenu ... 281
   29. 좁은 공간을 효율적으로 활용하는 스크롤 리스트 ... 288
      1. Scrollable Link List ... 289
   30. 페이지 안에 프레임 삽입하기 ... 292
      1. Floating Frame ... 293
   31. 접속할 때 마다 랜덤하게 바뀌는 이미지 ... 296
      1. Random Image ... 297
   32. 가운데에 정렬되는 레이어 ... 300
      1. Center Layers ... 301
5부 초보들을 위한 웹 디자인 기초 다지기
   33. 웹 디자인에 대한 짧은 단상 ... 306
      1. 웹 디자인에 대한 주절거림 ... 306
      2. 웹 디자인 알짜배기 정보 사이트 ... 307
   34. What's New Photoshop 6.0 ... 310
      1. 편리해진 인터페이스의 변화 ... 311
      2. 확장된 툴의 기능 ... 311
      3. 벡터 쉐이프 기능 추가 ... 313
      4. 막강해진 텍스트 에디팅 ... 314
      5. 향상된 레이어 기능 ... 316
      6. 스타일 적용과 스타일 저장 ... 317
      7. 웹을 위한 이미지 슬라이스 기능의 추가 ... 318
      8. 알파 채널을 이용한 이미지 최적화 ... 319
      9. 기타 추가된 기능 ... 320
   35. 브라우저에 안전한 색상 ... 322
      1. 브라우저에 안전한 색상이란? ... 322
      2. 브라우저에 안전한 216 색상 코드 ... 323
      3. 브라우저에 안전한 색상 사용하기 ... 324
   36. 웹 그래픽 파일 포맷 삼총사 ... 328
      1. 웹 그래픽 파일 포맷의 종류 ... 328
   37. 깔끔한 투명 GIF 만들기 비법 전수 ... 332
      1. 새로운 투명 GIF 만들기 ... 333
      2. 배경이 단색인 이미지를 투명 GIF로 만들기 ... 336
      3. 배경이 복잡한 이미지를 투명 GIF로 만들기 ... 337
      4. GIF89a로 투명 GIF 만들기 ... 338
6부 포토샵 6을 이용한 재미있는 인물 디자인
   38. 기미, 주근깨를 히스토리 팔레트로 치료하기 ... 342
      1. History 팔레프 이해하기 ... 343
      2. 히스토리 브러쉬 툴로 주근깨 없애기 ... 345
   39. 듀오톤으로 분위기 있는 사진 만들기 ... 348
      1. 포토샵 색상 mode의 이해 ... 349
      2. 듀오톤으로 세련된 색감 연출하기 ... 351
   40. RGB 채널로 연예인 사진처럼 뽀사시하게 만들기 ... 354
      1. RGB 채널 이해하기 ... 355
      2. RED 채널과 Overlay 모드로 뽀사시한 사진 만들기 ... 356
   41. 알파 채널로 머리 염색하고 립스틱 바르기 ... 360
      1. 알파 채널 이해하기 ... 361
      2. 퀵 마스크를 이용하여 머리카락 쉽게 선택하기 ... 363
      3. 저장해 둔 알파 채널에 색상 입히기 ... 366
   42. 레이어 마스크를 이용한 배꼽 잡는 패러디 합성 ... 368
      1. 레이어 마스크 이해하기 ... 369
      2. 레이어 마스크를 이용한 패러디 합성 ... 370
      3. 패러디한 Copy 문구 입력하기 ... 374
7부 고급 웹 페이지 디자인
   43. 이미지 슬라이스와 웹 그래픽 최적화
      1. 단일 레이어로 이루어진 이미지 슬라이스 ... 380
      2. 슬라이스된 이미지 최적화 ... 383
   44. 레이어 기반 슬라이스로 롤오버 버튼 만들기 ... 386
      1. 포토샵에서 버튼 이미지 만들기 ... 387
      2. 이미지레디에서 레이어 기반 슬라이스하기 ... 390
      3. 롤오버 이미지 만들기 ... 390
      4. Save for web으로 저장하기 ... 393
   45. 불규칙한 폰트 배열로 타이포 디자인 하기 ... 394
      1. 사춘기의 감성이 듬뿍 담긴 화면 디자인 ... 396
      2. 들쑥날쑥한 글자의 크기와 불규칙한 문단의 배열 ... 398
      3. 오른쪽, 왼쪽, 가운데로 텍스트 정렬하기 ... 400
      4. 단락과 단락 사이의 간격 조절하기 ... 402
      5. Save for web으로 저장하기 ... 404
   46. 합성 모드를 이용한 환상적인 분위기 꾸미기 ... 406
      1. 여행스케치 멤버 이미지로 메인 화면 디자인하기 ... 407
      2. Extract 명령으로 이미지의 윤곽선 따기 ... 409
      3. Hard Light 합성 모드로 환상적인 분위기 만들기 ... 410
      4. Save for web으로 이미지 저장하기 ... 413
   47. 이미지맵을 이용하여 메뉴 프레임에 링크걸기 ... 416
      1. 이미지의 불규칙한 정렬로 메뉴 디자인하기 ... 418
      2. 메뉴 글자 디자인하기 ... 421
      3. 붓 툴을 이용하여 점선 긋기 ... 422
      4. 이미지레디에서 이미지맵 걸기 ... 424
   48. GIF 애니메이션으로 영화 같은 인트로 만들기 ... 426
      1. 프레임 바이 프레임 애니메이션 ... 428
      2. Tween기능으로 투명하게 사라지는 장미 만들기 ... 430
      3. 슬라이스 기반 애니메이션 ... 432
      4. WWW GIF Animator로 영화 같은 인트로 GIF 만들기 ... 435
8부 플래시로 꾸미는 영화 같은 홈페이지 인트로
   49. 웹 애니메이션의 최강자 플래시 ... 440
      1. 왜 플래시인가? ... 440
   50. 무비의 기본 속성 지정하기 ... 444
      1. 8부에서 만들어 볼 플래시 무비 미리 보기 ... 444
      2. 무비의 기본 값 설정하기 ... 446
   51. 텍스트 입력하고 심벌로 저장하기 ... 448
      1. 텍스트 입력하기 ... 449
      2. 그래픽 심벌로 저장하기 ... 450
      3. 새로운 레이어 추가하기 ... 451
   52. 모션 트위닝과 알파 효과 적용하기 ... 454
      1. 모션 트위닝에 의한 애니메이션 ... 455
      2. 알파 효과로 이미지 투명하게 하기 ... 457
      3. 애니메이션 막대 바 이동하기 ... 460
      4. 텍스트 서서히 사라지게 하기 ... 461
   53. 비트맵 이미지 불러와 최적화하기 ... 464
      1. 새로운 Scene 추가하기 ... 465
      2. 비트맵 파일 import 하여 최적화하기 ... 465
      3. Break Apart로 이미지 분해하기 ... 466
      4. Fade in Fade out 효과 내기 ... 468
      5. 교차하여 나타나는 이미지 ... 472
   54. 무비 클립을 이용한 애니메이션 ... 476
      1. 새로운 무비 클립 만들기 ... 477
      2. 무비 클립 삽입하기 ... 480
   55. 마우스에 반응하는 버튼 심벌 만들기 ... 484
      1. 새로운 버튼 심벌 만들기 ... 485
      2. Hit 영역 지정하기 ... 487
      3. getURL 액션으로 버튼 심벌에 링크 걸기 ... 489
   56. if Frame is Loaded 액션으로 로딩중 효과 내기 ... 492
      1. 로딩중임을 나타내는 무비 만들기 ... 493
      2. 스크립트를 이용하여 로딩중 효과 처리하기 ... 494
      3. Scene의 순서 변경하기 ... 497
      4. Show Streaming으로 무비 테스트하기 ... 498
   57. swf 파일과 html 문서 생성하기 ... 500
      1. Export Movie로 파일 생성하기 ... 501
      2. Publish로 swf 파일과 html 문서 생성하기 ... 502
   58. 드림위버로 문서에 플래시 무비 삽입하기 ... 504
      1. 문서에 플래시 무비 삽입하기 ... 505
      2. SKIP 링크 만들기 ... 506
9부 내가 이끌어가는 내 홈페이지 속의 커뮤니티
   59. 호박같이 둥근 情이 떴습니다 ... 510
      1. 커뮤니티가 뭐야? ... 510
      2. 동호회 증후군 ... 512
   60. 미친 게시판 설치하기 ... 516
      1. 프로그램 다운받기 ... 517
      2. 리모트 사이트 설정하기 ... 517
      3. 프로그램 인스톨하기 ... 520
      4. 새로운 DB 생성하기 ... 523
      5. 게시판 환경 설정하기 ... 525
   61. 신기한 그림 게시판 오에카키 설치하기 ... 528
      1. 프로그램 설치하기 ... 529
      2. 퍼미션 설정하기 ... 531
   62. 웍더글덕더글 대화방 설치하기 ... 534
      1. 삼바 서버 프로그램 설치하기 ... 535
      2. 지오채트 설치하기 ... 536
      3. 대화방 접속하기 ... 537
   63. 이젠 목소리로 말한다. 음성 게시판 설치하기 ... 540
      1. Voice Board 설치하기 ... 541
10부 인터넷에 집 짓자!
   64. Ws_ftp로 탐색기 쓰듯 쉽게 사이트 관리하기 ... 546
      1. Ws_ftp 설치하기 ... 547
      2. 리모트 사이트 설정하기 ... 548
      3. 기본 폴더 지정하기 ... 549
      4. 파일 관리하기 ... 550
      5. Ws_ftp Explorer 사용하기 ... 553
   65. 웹 호스팅 업체 똑똑하게 고르기 ... 554
      1. 웹 호스팅이란? ... 554
      2. 웹 호스팅의 종류 ... 555
      3. 웹 호스팅 업체로부터 받을 수 있는 서비스 ... 555
      4. 웹 호스팅 업체를 고를 때 유의할 점 ... 556
      5. 웹 호스팅 업체 찾기 ... 556
   66. 나도 닷컴의 주인! 개인 도메인 갖기 ... 560
      1. 도메인 네임이란? ... 560
      2. 도메인 검색 & 신청 ... 562
      3. 등록한 도메인 사용법 ... 564
   67. 무료 홈페이지 계정 벤치마킹 ... 566
      1. 무료 계정 제공 업체 비교 분석표 ... 566
   68. 그리고 아무 말도 하지 않을 수 없었다. ... 570
      1. 검색엔진에 홈페이지 등록하기 ... 570
      2. 드림위버에서 홈페이지 설명과 키워드 입력하기 ... 572
      3. 그 외 웹 사이트 홍보 방법 ... 574
      4. 달마가 다른 홈으로 간 까닭은? ... 574
1부 사이트 성공을 좌우하는 기획
   1. 홈페이지, 존재의 이유 ... 30
      1. 웹 디자이너를 꿈꾸는 대학생들이여 ... 30
      2. 시작이 반이라는데, 무엇부터 시작해야 하나 ... 32
   2. 웹 디자이너로 성공하기 ... 36
      1. 웹의 연금술사 웹 디자이너 ... 36
      2. 독학이냐, 학원이냐, 그것이 문제로다 ... 38
      3. 비전공자로서의 웹 디자이너 ... 41
      4. 최고의 웹 디자이너가 되기 위한 지침 ... 41
   3. 홈페이지 구축 과정 이해하기 ... 46
      1. 컨셉 잡기 ... 46
      2. 웹 사이트 방문 ... 47
      3. 컨텐츠 및 사이트맵 구성 ... 49
      4. 레이아웃 설계 ... 50
      5. 컨텐츠 및 자료 수집 ... 52
      6. 디자인 및 코딩 ... 52
      7. 웹으로 출판 ... 53
      8. 유지 보수 ... 53
   4. 컨텐츠 기획 ... 54
      1. 웹 사이트에서 컨텐츠의 중요성 ... 54
      2. LG텔레콤 웹진 〈흥미진진〉 컨텐츠 기획 ... 55
      3. 개인 홈페이지 컨텐츠 구성 힌트 ... 62
   5. 아이디어 구상 ... 66
      1. 등잔 밑이 어둡다 ... 66
      2. 백문이불여일서핑 ... 69
2부 드림위버 4로 홈페이지 기초 다지기
   6. 필수 HTML 마스터 ... 74
      1. HTML이란? ... 74
      2. HTML 기본 구조 ... 74
      3. 문서 속성 지정하기 ... 75
      4. 글자 입력과 속성 설정하기 ... 78
      5. 이미지 삽입 ... 82
      6. 하이퍼링크 ... 84
      7. 테이블 ... 86
      8. 프레임 ... 88
   7. What's New Dreamweaver 4.0 ... 92
      1. 드림위버 4.0 이렇게 달라졌다 ... 95
   8. 로컬 사이트와 리모트 사이트 설정하기 ... 98
      1. 로컬 사이트 만들기 ... 99
      2. 리모트 사이트 설정하기 ... 100
      3. 리모트 사이로 연결하기 ... 101
   9. 문서 속성 지정하고 글자 입력하기 ... 104
      1. 드림위버에 추가 글꼴 설정하기 ... 105
      2. 문서 속성 지정하기 ... 107
      3. 텍스트 입력하기 ... 109
      4. 텍스트 속성 바꾸기 ... 110
   10. 이미지 삽입하고 정렬하기 ... 114
      1. 배경 이미지 삽입하기 ... 115
      2. 페이지에 이미지 삽입하기 ... 117
      3. 이미지 정렬하기 ... 117
      4. 텍스트와 이미지의 정렬 ... 119
      5. 이미지 속성 변경하기 ... 122
   11. 하이퍼링크와 이미지맵 ... 126
      1. 심리테스트에 쓰일 문제 페이지 만들기 ... 127
      2. 이미지맵 설정하기 ... 130
      3. 텍스트와 이미지에 하이퍼링크 걸기 ... 131
   12. 책갈피 기능으로 긴 페이지 효율적으로 구성하기 ... 134
      1. 책갈피 삽입하기 ... 136
      2. 책갈피에 링크하기 ... 137
      3. 브라우저에서 확인하기 ... 139
      4. top 책갈피 만들기 ... 140
   13. 테이블로 화면 정리하기 ... 142
      1. 표 삽입하기 ... 143
      2. 표에 이미지와 텍스트 삽입하기 ... 143
      3. 셀 폭 지정하기 ... 145
      4. 셀 추가하고 합치기 ... 146
      5. 셀 여백 지정하기 ... 148
      6. 표 안에 표 삽입하기 ... 148
      7. 셀 나누기 ... 150
   14. 프레임과 롤오버 이미지 ... 152
      1. 현재 문서에서 프레임 삽입하기 ... 153
      2. 프레임 창과 프레임 속성 창 사용하기 ... 154
      3. 프레임셋 속성 창 사용하기 ... 156
      4. 롤오버 이미지 만들기 ... 158
      5. 복잡한 프레임 만들기 ... 162
   15. 심플한 페이지로 변신, 점프 메뉴 ... 166
      1. 문서 레이아웃 잡기 ... 167
      2. 점프 메뉴 삽입하기 ... 168
      3. 점프 메뉴 항목 추가하기 ... 171
      4. Marquee 태그 로 흐르는 텍스트 효과 내기 ... 173
3부 DHTML로 다이나믹한 홈페이지 만들기
   16. 드림위버와 자바 스크립트 ... 178
      1. 자바 스크립트란? ... 178
      2. 자바 스크립트 기초 문법 이해하기 ... 179
      3. 드림위버의 자바 스크립트 마법사, 비헤이비어 ... 184
   17. 까다로운 스타일시트 쉽게 이해하기 ... 188
      1. 내부 Class 스타일 만들기 ... 189
      2. 외부 스타일시트 추가하고 수정하기 ... 192
      3. Html Tag 스타일 적용하기 ... 195
      4. CSS Selector로 링크에 효과주기 ... 196
   18. 레이어, 무엇에 쓰는 물건인고
      1. 레이어 이해하기 ... 202
      2. 레이어 만들기 ... 202
      3. 레이어에 이미지 삽입하기 ... 203
      4. 레이어 속성 변경하기 ... 204
   19. 표도 그림 그리듯 자유롭게, 레이아웃 테이블 ... 206
      1. 레이아웃 셀 만들기 ... 207
      2. 레이아웃 셀에 이미지 삽입하기 ... 208
      3. 레이아웃 테이블과 레이아웃 셀 크기 조절하기 ... 210
      4. 레이아웃 테이블 내에 또 다른 테이블 추가하기 ... 211
      5. 셀 높이 조절하기와 이동하기 ... 212
   20. Drag Layer를 이용해 내 맘대로 움직이는 이미지 ... 214
      1. 드래그에 쓰일 레이어 추가하기 ... 216
      2. 비헤이비어에서 드래그 레이어 액션 등록하기 ... 217
      3. 비헤이비어에서 이벤트 수정하기 ... 218
   21. 요리조리 쓸모 많은 Show-Hide Layer 마스터 ... 220
      1. 레이어 복사하고 붙여넣기 ... 222
      2. 레이어 보이기 ... 225
      3. 레이어 감추기 ... 226
      4. Go To URL 액션 ... 229
      5. 레이어 보이기와 감추기 ... 231
      6. Button form 삽입하기 ... 233
   22. 신바람 애니메이션 기초 ... 236
      1. 직선 애니메이션 ... 238
      2. 곡선 애니메이션 ... 241
      3. 다중 애니메이션 ... 244
   23. 고급 애니메이션 응용 ... 246
      1. 자연스럽게 이어지는 애니메이션 ... 248
      2. 새로운 타임라인 추가하기 ... 251
      3. 애니메이션 제어하기 ... 253
      4. 경로 따라 움직이는 애니메이션 ... 254
      5. 타임라인에 비헤이비어 추가하기 ... 256
4부 드림위버의 무한 확장, Extensions
   24. Extension 다운로드와 설치 ... 260
      1. Extension 다운로드하기 ... 261
      2. Manage Extensions ... 262
   25. 좌우로 스크롤되는 포트리스 탱크 ... 266
      1. Slide Layer ... 267
   26. 일정 간격으로 자동 교체되는 배너 ... 272
      1. Banner Image Builder ... 273
   27. 마우스를 따라다니는 미사일 ... 276
      1. Mouse Trail ... 277
   28. 열렸다가 닫히는 슬라이딩 메뉴 ... 280
      1. MFX_SlideMenu ... 281
   29. 좁은 공간을 효율적으로 활용하는 스크롤 리스트 ... 288
      1. Scrollable Link List ... 289
   30. 페이지 안에 프레임 삽입하기 ... 292
      1. Floating Frame ... 293
   31. 접속할 때 마다 랜덤하게 바뀌는 이미지 ... 296
      1. Random Image ... 297
   32. 가운데에 정렬되는 레이어 ... 300
      1. Center Layers ... 301
5부 초보들을 위한 웹 디자인 기초 다지기
   33. 웹 디자인에 대한 짧은 단상 ... 306
      1. 웹 디자인에 대한 주절거림 ... 306
      2. 웹 디자인 알짜배기 정보 사이트 ... 307
   34. What's New Photoshop 6.0 ... 310
      1. 편리해진 인터페이스의 변화 ... 311
      2. 확장된 툴의 기능 ... 311
      3. 벡터 쉐이프 기능 추가 ... 313
      4. 막강해진 텍스트 에디팅 ... 314
      5. 향상된 레이어 기능 ... 316
      6. 스타일 적용과 스타일 저장 ... 317
      7. 웹을 위한 이미지 슬라이스 기능의 추가 ... 318
      8. 알파 채널을 이용한 이미지 최적화 ... 319
      9. 기타 추가된 기능 ... 320
   35. 브라우저에 안전한 색상 ... 322
      1. 브라우저에 안전한 색상이란? ... 322
      2. 브라우저에 안전한 216 색상 코드 ... 323
      3. 브라우저에 안전한 색상 사용하기 ... 324
   36. 웹 그래픽 파일 포맷 삼총사 ... 328
      1. 웹 그래픽 파일 포맷의 종류 ... 328
   37. 깔끔한 투명 GIF 만들기 비법 전수 ... 332
      1. 새로운 투명 GIF 만들기 ... 333
      2. 배경이 단색인 이미지를 투명 GIF로 만들기 ... 336
      3. 배경이 복잡한 이미지를 투명 GIF로 만들기 ... 337
      4. GIF89a로 투명 GIF 만들기 ... 338
6부 포토샵 6을 이용한 재미있는 인물 디자인
   38. 기미, 주근깨를 히스토리 팔레트로 치료하기 ... 342
      1. History 팔레프 이해하기 ... 343
      2. 히스토리 브러쉬 툴로 주근깨 없애기 ... 345
   39. 듀오톤으로 분위기 있는 사진 만들기 ... 348
      1. 포토샵 색상 mode의 이해 ... 349
      2. 듀오톤으로 세련된 색감 연출하기 ... 351
   40. RGB 채널로 연예인 사진처럼 뽀사시하게 만들기 ... 354
      1. RGB 채널 이해하기 ... 355
      2. RED 채널과 Overlay 모드로 뽀사시한 사진 만들기 ... 356
   41. 알파 채널로 머리 염색하고 립스틱 바르기 ... 360
      1. 알파 채널 이해하기 ... 361
      2. 퀵 마스크를 이용하여 머리카락 쉽게 선택하기 ... 363
      3. 저장해 둔 알파 채널에 색상 입히기 ... 366
   42. 레이어 마스크를 이용한 배꼽 잡는 패러디 합성 ... 368
      1. 레이어 마스크 이해하기 ... 369
      2. 레이어 마스크를 이용한 패러디 합성 ... 370
      3. 패러디한 Copy 문구 입력하기 ... 374
7부 고급 웹 페이지 디자인
   43. 이미지 슬라이스와 웹 그래픽 최적화
      1. 단일 레이어로 이루어진 이미지 슬라이스 ... 380
      2. 슬라이스된 이미지 최적화 ... 383
   44. 레이어 기반 슬라이스로 롤오버 버튼 만들기 ... 386
      1. 포토샵에서 버튼 이미지 만들기 ... 387
      2. 이미지레디에서 레이어 기반 슬라이스하기 ... 390
      3. 롤오버 이미지 만들기 ... 390
      4. Save for web으로 저장하기 ... 393
   45. 불규칙한 폰트 배열로 타이포 디자인 하기 ... 394
      1. 사춘기의 감성이 듬뿍 담긴 화면 디자인 ... 396
      2. 들쑥날쑥한 글자의 크기와 불규칙한 문단의 배열 ... 398
      3. 오른쪽, 왼쪽, 가운데로 텍스트 정렬하기 ... 400
      4. 단락과 단락 사이의 간격 조절하기 ... 402
      5. Save for web으로 저장하기 ... 404
   46. 합성 모드를 이용한 환상적인 분위기 꾸미기 ... 406
      1. 여행스케치 멤버 이미지로 메인 화면 디자인하기 ... 407
      2. Extract 명령으로 이미지의 윤곽선 따기 ... 409
      3. Hard Light 합성 모드로 환상적인 분위기 만들기 ... 410
      4. Save for web으로 이미지 저장하기 ... 413
   47. 이미지맵을 이용하여 메뉴 프레임에 링크걸기 ... 416
      1. 이미지의 불규칙한 정렬로 메뉴 디자인하기 ... 418
      2. 메뉴 글자 디자인하기 ... 421
      3. 붓 툴을 이용하여 점선 긋기 ... 422
      4. 이미지레디에서 이미지맵 걸기 ... 424
   48. GIF 애니메이션으로 영화 같은 인트로 만들기 ... 426
      1. 프레임 바이 프레임 애니메이션 ... 428
      2. Tween기능으로 투명하게 사라지는 장미 만들기 ... 430
      3. 슬라이스 기반 애니메이션 ... 432
      4. WWW GIF Animator로 영화 같은 인트로 GIF 만들기 ... 435
8부 플래시로 꾸미는 영화 같은 홈페이지 인트로
   49. 웹 애니메이션의 최강자 플래시 ... 440
      1. 왜 플래시인가? ... 440
   50. 무비의 기본 속성 지정하기 ... 444
      1. 8부에서 만들어 볼 플래시 무비 미리 보기 ... 444
      2. 무비의 기본 값 설정하기 ... 446
   51. 텍스트 입력하고 심벌로 저장하기 ... 448
      1. 텍스트 입력하기 ... 449
      2. 그래픽 심벌로 저장하기 ... 450
      3. 새로운 레이어 추가하기 ... 451
   52. 모션 트위닝과 알파 효과 적용하기 ... 454
      1. 모션 트위닝에 의한 애니메이션 ... 455
      2. 알파 효과로 이미지 투명하게 하기 ... 457
      3. 애니메이션 막대 바 이동하기 ... 460
      4. 텍스트 서서히 사라지게 하기 ... 461
   53. 비트맵 이미지 불러와 최적화하기 ... 464
      1. 새로운 Scene 추가하기 ... 465
      2. 비트맵 파일 import 하여 최적화하기 ... 465
      3. Break Apart로 이미지 분해하기 ... 466
      4. Fade in Fade out 효과 내기 ... 468
      5. 교차하여 나타나는 이미지 ... 472
   54. 무비 클립을 이용한 애니메이션 ... 476
      1. 새로운 무비 클립 만들기 ... 477
      2. 무비 클립 삽입하기 ... 480
   55. 마우스에 반응하는 버튼 심벌 만들기 ... 484
      1. 새로운 버튼 심벌 만들기 ... 485
      2. Hit 영역 지정하기 ... 487
      3. getURL 액션으로 버튼 심벌에 링크 걸기 ... 489
   56. if Frame is Loaded 액션으로 로딩중 효과 내기 ... 492
      1. 로딩중임을 나타내는 무비 만들기 ... 493
      2. 스크립트를 이용하여 로딩중 효과 처리하기 ... 494
      3. Scene의 순서 변경하기 ... 497
      4. Show Streaming으로 무비 테스트하기 ... 498
   57. swf 파일과 html 문서 생성하기 ... 500
      1. Export Movie로 파일 생성하기 ... 501
      2. Publish로 swf 파일과 html 문서 생성하기 ... 502
   58. 드림위버로 문서에 플래시 무비 삽입하기 ... 504
      1. 문서에 플래시 무비 삽입하기 ... 505
      2. SKIP 링크 만들기 ... 506
9부 내가 이끌어가는 내 홈페이지 속의 커뮤니티
   59. 호박같이 둥근 情이 떴습니다 ... 510
      1. 커뮤니티가 뭐야? ... 510
      2. 동호회 증후군 ... 512
   60. 미친 게시판 설치하기 ... 516
      1. 프로그램 다운받기 ... 517
      2. 리모트 사이트 설정하기 ... 517
      3. 프로그램 인스톨하기 ... 520
      4. 새로운 DB 생성하기 ... 523
      5. 게시판 환경 설정하기 ... 525
   61. 신기한 그림 게시판 오에카키 설치하기 ... 528
      1. 프로그램 설치하기 ... 529
      2. 퍼미션 설정하기 ... 531
   62. 웍더글덕더글 대화방 설치하기 ... 534
      1. 삼바 서버 프로그램 설치하기 ... 535
      2. 지오채트 설치하기 ... 536
      3. 대화방 접속하기 ... 537
   63. 이젠 목소리로 말한다. 음성 게시판 설치하기 ... 540
      1. Voice Board 설치하기 ... 541
10부 인터넷에 집 짓자!
   64. Ws_ftp로 탐색기 쓰듯 쉽게 사이트 관리하기 ... 546
      1. Ws_ftp 설치하기 ... 547
      2. 리모트 사이트 설정하기 ... 548
      3. 기본 폴더 지정하기 ... 549
      4. 파일 관리하기 ... 550
      5. Ws_ftp Explorer 사용하기 ... 553
   65. 웹 호스팅 업체 똑똑하게 고르기 ... 554
      1. 웹 호스팅이란? ... 554
      2. 웹 호스팅의 종류 ... 555
      3. 웹 호스팅 업체로부터 받을 수 있는 서비스 ... 555
      4. 웹 호스팅 업체를 고를 때 유의할 점 ... 556
      5. 웹 호스팅 업체 찾기 ... 556
   66. 나도 닷컴의 주인! 개인 도메인 갖기 ... 560
      1. 도메인 네임이란? ... 560
      2. 도메인 검색 & 신청 ... 562
      3. 등록한 도메인 사용법 ... 564
   67. 무료 홈페이지 계정 벤치마킹 ... 566
      1. 무료 계정 제공 업체 비교 분석표 ... 566
   68. 그리고 아무 말도 하지 않을 수 없었다. ... 570
      1. 검색엔진에 홈페이지 등록하기 ... 570
      2. 드림위버에서 홈페이지 설명과 키워드 입력하기 ... 572
      3. 그 외 웹 사이트 홍보 방법 ... 574
      4. 달마가 다른 홈으로 간 까닭은? ... 574
닫기