목차
Part 01 홈페이지는 어떻게 만들어야 하는가? = 26
 Section 01 홈페이지란 무엇인가? = 28
 Section 02 홈페이지 제작 순서 = 30
  홈페이지 주제를 정하는 과정 = 31
   활용 Tip. 브레인스토밍(Brainstorming)방법 = 31
  분석을 위한 벤치마킹과 유형 = 32
   웹페이지의 크기 = 32
   프레임의 사용 = 36
   웹페이지의 정렬 = 36
    활용 Tip. 벤치마킹(Benchmarking)이란? = 37
  메뉴 구성 및 사이트 맵 작성 과정 = 37
  스토리보드와 플로우차트, 그리고 작업 일정 과정 = 38
   스토리보드 = 38
   플로우차트(웹사이트 구조도) = 40
    보충수업 플로우차트(Flow Chart)와 스토리보드(Story Board) = 41
    활용 Tip. 웹사이트 기획을 체계적으로 배울 수 있는 곳 = 41
  자료를 근거로 한 디자인 직업 과정 = 42
  HTML을 통한 문서 제작 과정 = 42
  데이터베이스 작업 과정 = 43
  데이터 전송 및 테스트 과정 = 44
  최종 검수 과정 = 45
  광고를 통해 홈페이지를 알리는 과정 = 45
  유지관리 = 45
 Section 03 홈페이지를 제작할 때 기억할 사항 = 46
  웹서핑과 캡처 = 47
  홈페이지의 통일감 유지 = 48
  업데이트와 성실함 = 49
  로딩 속도 고려 = 49
  문서 길이의 제한 = 50
  특정 환경에 맞춘 홈페이지 제작은 No! = 51
Part 02 홈페이지 제작에 필요한 도구 = 52
 Section 01 공식 사이트와 프로그램별 용도 = 54
  공식 사이트 = 55
   이스트소프트 = 55
   Adobe = 55
   MACROMEDIA = 56
  프로그램별 용도 = 57
   알툴즈 = 57
   Adobe Photoshop CS = 58
   Macromedia Dreamweaver MX 2004 = 59
   Macromedia Flash MX 2004 = 59
 Section 02 알툴즈 설치 방법 = 60
  시스템 요구 사항 = 61
  프로그램 설치 = 61
   활용 Tip. FTP란 무엇인가? = 63
 Section 03 포토샵 CS 설치 방법 = 64
  시스템 요구 사항 = 65
  프로그램 설치 = 65
   활용 Tip. 배포되는 프로그램 용어 = 67
 Section 04 드림위버 MX 2004 설치 방법 = 68
  Macromedia 회원가입 = 69
  프로그램 다운로드 = 70
  압축풀기 = 71
  시스템 요구 사항 = 72
  프로그램 설치 = 72
  드림위버 MX 2004 정품 인증 과정 = 74
   활용 Tip. 바로가기 아이콘을 만드는 방법 = 75
   활용 Tip. 폴더에서 확장자를 보게 하는 방법 = 75
 Section 05 플래시 MX 2004 설치 방법 = 76
  프로그램 다운로드 = 77
  압축풀기 = 78
   활용 Tip. 알집에서 압축풀기 = 78
  시스템 요구 사항 = 79
  프로그램 설치 = 80
   활용 Tip. MX 2004 패키지 업데이트 = 81
 Section 06 온라인에서 툴과 테크닉을 공부할 수 있는 곳 = 82
  포토샵 관련 온라인 사이트 = 83
  드림위버 관련 온라인 사이트 = 83
  플래시 관련 온라인 사이트 = 84
  HTML, 자바스크립트 관련 온라인 사이트 = 85
Part 03 홈페이지 계정 등록과 서버 사용 방법 = 86
 Section 01 홈페이지 계정 등록 방법 = 88
  무료 계정 정보 = 89
   국내에서 제공되는 무료 계정 목록 = 89
   네이버에 회원 가입하고 무료 계정 얻기 = 91
  호스팅 서비스 1개월 무료 이용하는 방법 = 93
   무료 계정 사양 = 93
   무료 계정 사용하기 = 94
 Section 02 서버 사용 방법 = 96
  사용자 계정 접속과 사용 방법 = 97
   알FTP를 이용해 서버에 접속하는 방법 = 97
   알FTP를 이용해 파일 업로드와 다운로드 하는 방법 = 98
   서버 접속 끊고 재접속하는 방법 = 99
    활용 Tip. 윈도우 탐색기나 웹브라우저를 이용해 계정해 접속하는 방법 = 100
  Outlook Express 사용 = 101
   메일 계정 셋팅 = 101
   Outlook Express를 이용한 메일 셋팅과 속성 = 102
   메일 보내기 = 105
Part 04 포토샵 CS, 홈페이지 이미지 멋지게 만들기 = 106
 Section 01 포토샵 CS 작업화면 구성 요소 = 108
  작업화면 구성 요소 = 109
   전체화면 구성 요소 = 109
   도구 상자 구성 요소 = 110
   팔레트 구성 요소 = 114
    보충수업 팔레트 웰(Palette Well) = 116
  내게 맞는 작업환경 설정 = 117
  레이어 팔레트 = 118
 Section 02 홈페이지 이미지 멋지게 만들기 = 120
  Power Exercise. 메뉴 디자인 만들기 = 121
   활용 Tip. 해상도(Resolution)와 픽셀(Pixel) = 121
   활용 Tip. 외곽 부분을 부드럽게 처리하는 Feather = 123
   활용 Tip. 좌표 읽는 방법 = 123
   활용 Tip. 웹 안전 컬러와 헥사 코드(Hex Code) = 124
   활용 Tip. 연필(Pencil) 도구와 Master Diameter = 125
   활용 Tip. 마술봉(Magic Wand) 도구와 Tolerance = 126
   활용 Tip. 글꼴의 외곽선 형태 지정 = 129
   활용 Tip. 글자 모양 왜곡시키기 = 131
  슬라이싱 하기 전 알아야 할 사항 = 132
   가이드(Guides) 색상 변경 = 132
   도큐먼트에 자(Rulers) 보이게 하기 = 133
   스냅(Snap) 기능 사용하기 = 133
   Power Exercise. 메뉴 디자인 슬라이싱하는 방법(크롭 도구 이용) = 134
    활용 Tip. 가이드(Guides)를 제거하는 방법 = 136
    활용 Tip. 크롭 영역의 바운딩 박스 사용하는 방법 = 136
    활용 Tip. 이미지 포맷의 최적화 방법 = 137
   Power Exercise. 메뉴 디자인 슬라이싱하는 방법(슬라이스 도구 이용) = 140
   Power Exercise. 최근 게시물 디자인 만들기 = 143
    활용 Tip. 올가미(Lasso) 도구 사용 방법 = 148
   Power Exercise. 최근 게시물 디자인 슬라이싱하는 방법 = 151
   Power Exercise. 그리드 디자인 만들기 = 154
    보충수업 이동 도구를 이용해서 선택한 이미지 이동하는 방법 = 165
   Power Exercise. 그리드 디자인 슬라이싱하는 방법 = 166
    보충수업 필터 갤러리(Filter Gallery) = 171
Part 05 드림위버 MX 2004, 무한한 상상의 세계= 172
 Section 01 드림위버 MX 2004, 작업화면 구성 요소 = 174
  작업화면 구성 요소 = 175
   전체화면 구성 요소 = 175
    활용 Tip. 시작 페이지 제어하는 방법 = 176
   삽입 막대 구성 요소 = 177
    보충수업 즐겨찾기 범주에서 항목을 추가, 삭제 및 관리하는 방법 = 182
   삽입 막대 사용 방법 = 183
   문서 툴바와 표준 툴바 = 185
   상태 표시줄 = 186
   패널 그룹 = 187
   속성 관리자 = 190
 Section 02 드림위버 MX 2004, 사용 전 꼭 체크해야 할 사항 = 202
  작업 폴더와 드림위버 MX 2004와의 로컬 사이트 설정 = 203
   작업 폴더 만들기 = 203
   로컬 사이트 설정 = 204
    보충수업 Remote Info = 204
   로컬 사이트 수정 = 205
    활용 Tip. 사이트 정보를 저장하고 불러들이는 방법 = 205
  신규 문서 열기와 저장, 그리고 미리보기 = 206
   신규 문서 열기와 저장 및 미리보기 = 206
    활용 Tip. 신규 문서를 여는 또 다른 방법 = 206
    활용 Tip. 미리보기가 안 되는 경우 = 207
    활용 Tip. htm과 html 확장자의 차이점 = 208
    활용 Tip. 기본 확장자를 html로 변경하는 방법 = 208
   문서를 저장할 때 이름을 결정하는 방법 = 209
    활용 Tip. 한글 이름을 사용할 경우 문제 해결 방법 = 210
  문서 속성(Page Properties) = 211
   CSS 문서 속성 = 211
   HTML 문서 속성 = 214
  로컬 폴더 및 리모트 폴더의 구조 이해 = 216
  문서 위치 및 경로 이해 = 217
   절대 경로 = 217
   문서 상대 경로 = 218
   사이트 루트 상대 경로 = 219
 Section 03 웹페이지 레이아웃 디자인 = 220
  Power Exercise
   영화정보 레이아웃 디자인 만들기 = 221
   준비단계 = 221
    보충수업 Local root folder = 222
    활용 Tip. 문서 여백(Margin) = 222
    활용 Tip. 문서 제목 = 223
   테이블을 이용한 레이아웃 = 223
    보충수업 Table 대화상자 = 224
    활용 Tip. Table Widths 안보이게 하는 방법 = 226
    보충수업  테이블 요소 = 226
    보충수업 셀을 선택하는 방법 = 227
    활용 Tip. 공백 문자와 셀 = 229
    활용 Tip. 미리보기를 할 때 저장하라는 경고 창이 뜨는 경우 = 230
    활용 Tip.〈br〉태그와 〈p〉 태그 = 231
    보충수업 셀의 크기 지정하는 원리 = 232
   테이블과 이미지를 이용한 레이아웃 = 233
    보충수업 문서 상대 경로 = 233
    활용 Tip. Files 패널을 통해 *.txt 파일 여는 방법 = 237
   내부문서 링크 = 239
    활용 Tip. 가상 링크란 무엇인가 ? = 240
   웹사이트 저작권 = 241
    활용 Tip. 저작권을 표현하는 형식과 의미 = 241
   스타일시트를 이용한 레이아웃 = 242
    보충수업 CSS Styles 패널에 있는 아이콘 구성 요소 = 242
    보충수업 New CSS Style 대화상자 = 243
    보충수업 하이퍼링크 속성 = 248
   자바스크립트를 이용한 팝업 윈도우 = 250
    보충수업 자기 자신의 윈도우를 닫을 때 발생하는 문제 = 252
    보충수업 내게 맞는 웹브라우저 버전 지정하는 방법 = 253
    보충수업 웹브라우저 명칭 = 254
    보충수업 Fonts 카테고리와 작업화면 = 255
 Section 04 메인페이지 레이아웃 디자인 = 256
  Power Exercise. 메인페이지 레이아웃 디자인 만들기 = 257
   준비단계 = 257
   레이아웃 1단계 = 257
   레이아웃 2단계 = 261
    보충수업 테이블 배치 = 261
   레이아웃 3단계 = 263
   레이아웃 4단계 = 264
    활용 Tip. 레이아웃 구성에 필수 요소인 투명 이미지 = 266
   레이아웃 5단계 = 267
   레이아웃 6단계 = 269
   레이아웃 7단계 = 270
Part 06 플래시 MX 2004, 동적인 무비와의 환상적인 만남 = 272
 Section 01  플래시 MX 2004, 작업화면 구성 요소 = 274
  Flash MX 2004 프로그램의 비교, 실행, 전환 방법 = 275
   프로그램 비교 = 275
   프로그램 초기 실행 방법 = 276
   프로그램 전환 방법 = 277
  작업화면 구성 요소 = 278
   전체화면 구성 요소 = 278
   시작 페이지(Start Page) 제어하는 방법 = 279
   도구 상자(Tools) = 280
   스테이지(Stage)와 작업 영역(Work Area) = 282
   타임라인(Timeline) = 282
   기본 도구 상자(Main Toolbar) = 283
   속성 관리자(Properties Inspector) = 284
   액션 스크립트(Action Script) = 289
   패널(Panels) = 291
    보충수업 패널 제어하는 방법 = 292
    보충수업 자유 변형 도구(Free Transform Tool) = 294
 Section 02 애니메이션 무작정 따라해 보기 = 296
  Power Exercise
   Frame by Frame 애니메이션 = 297
   준비단계 = 297
    활용 Tip. 읽기 전용 파일을 해제하는 방법 = 297
   스테이지와 심볼 삽입 = 298
    활용 Tip. FPS(Frames Per Second) = 298
   타임라인과 프레임 제어 = 299
    보충수업 키프레임(Keyframe) = 301
    보충수업 프레임(Frame) = 302
   저장과 무비 테스트 = 303
    보충수업 Bandwidth Profiler = 303
   퍼블리시(Publish) = 304
   SWF 파일 저장하는 방법 = 305
    활용 Tip. 저장하는 또 다른 방법 = 306
    활용 Tip. 사각형 도구와 옵션 = 306
  Power Exercise
   모션 트위닝 애니메이션 = 307
   준비단계 = 307
   타임라인과 프레임 제어 = 307
   모션 트위닝 = 309
    활용 Tip. 모션을 적용하는 위치 = 309
    보충수업 어니언 스킨(Onion Skin) = 309
   액션 스크립트 = 311
 Section 03 플래시 MX 2004, 오브젝트와 심볼 = 312
  분해 속성 = 313
   오브젝트의 분해 속성 모습 = 313
   분해 속성의 계층 구조 = 313
   오브젝트의 성질 = 313
   선택 도구로 오브젝트 선택 = 313
   텍스트, 비트맵 이미지, 심볼을 분해 속성으로 변경하는 방법 = 314
   오브젝트 정렬 = 315
  그룹 속성 = 316
   오브젝트의 그룹 속성 모습 = 316
   그룹 속성의 계층 구조 = 316
   오브젝트의 성질 = 316
   그룹 속성으로 변경하는 방법 = 317
    보충수업 선택 도구를 이용한 모양 변화 = 317
  심볼 속성 = 318
   심볼을 만드는 방법 = 318
   심볼의 중심점(Registration) 역할 = 319
   심볼의 종류 = 320
   라이브러리(Library) = 321
    활용 Tip. 오브젝트 유형 전환하는 방법 = 322
  편집 모드 = 322
   그룹 편집 모드 = 322
   심볼 편집 모드 = 324
    보충수업 심볼 편집 모드로 전환하는 또 다른 방법 = 324
    보충수업 연필 도구와 옵션 = 325
 Section 04 플래시 MX 2004, 간단한 애니메이션 만들기 = 326
  Power Exercise. 비트맵 이미지를 벡터 이미지로 변환하기 = 327
   보충수업 Import = 328
   보충수업 일련번호가 붙어있는 연속 파일을 불러들이는 방법 = 328
   보충수업 기본 도구 상자 = 329
   보충수업 Align 패널 = 330
   활용 Tip. 패널 결합하는 방법 = 330
   보충수업 Trace Bitmap 대화상자 = 331
   보충수업 Bitmap Image 대화상자 = 331
  Power Exercise
   위치, 크기, 색상 변환 애니메이션 = 332
   심볼 등록과 레이어 분리 = 332
   타임라인 제어 = 334
   위치와 색상 변화 애니메이션 = 335
    보충수업 Motion 원리 = 336
    보충수업 가속도(Ease) = 336
   크기와 색상 변화 애니메이션 = 337
    활용 Tip. 프레임과 키프레임 색성과 삭제 = 337
   레이어 분배 애니메이션 = 339
    보충수업 키프레임에 오브젝트가 있을 때와 없을 때 = 341
   프레임 이동 = 343
   저장 및 테스트 = 345
  Power Exercise
   메인 무비 만들기 = 346
   animation 무비클립 심볼 = 346
    보충수업 Color 옵션 = 349
   마스크를 이용한 무비클립 심볼 = 352
    보충수업 페인트 통을 이용한 색상 방향 = 354
    보충수업 Gap Size의 네 가지 옵션 = 357
  Power Exercise
   안내선을 따라 움직이는 애니메이션 = 358
   Add Motion Guide = 358
    보충수업 안내선의 색상 = 359
    보충수업 Snap = 360
   Orient to path = 361
  Power Exercise. 쉐이프 애니메이션 = 362
  Power Exercise. 버튼 심볼 = 366
   활용 Tip. 투명버튼 만드는 방법 = 370
 Section 05 플래시 MX 2004, 액션 스크립트 = 373
  액션 스크립트 = 373
   액션 스크립트란? = 373
   오브젝트 액션과 프레임 액션 = 374
   이벤트(Event)와 이벤트 핸들러(Event Handler) = 375
    Power Exercise. play, stop, goto 액션을 이용한 무비 제어하기 = 377
     오브젝트 액션(Object Action) = 377
      활용 Tip. gotoAndStop(); = 379
      활용 Tip. 주석(Comment) = 379
     프레임 액션(Frame Action) = 380
    Power Exercise. nextFrame과 prevFrame을 이용한 포토 갤러리 = 381
    Power Exercise. getURL을 이용한 링크하기 = 383
    Power Exercise. startDrag를 이용한 마우스 모양 바꾸기 = 386
     보충수업 좌표(L／T)와 영역(R／B) = 388
     활용 Tip. 드래그 가능한 무비클립 = 388
Part 07 제로보드 설치와 사용 방법 = 390
 Section 01 제로보드 설치 = 392
  CGI(Common Gateway Interface)란 무엇인가? = 393
  왜! 제로보드를 이용해야 하는가? = 394
  CGI를 얻을 수 있는 곳 = 395
  제로보드 설치 = 396
   MySQL 아이디와 데이터베이스 생성하는 방법 = 396
   제로보드 소스 구하는 방법 = 398
   알FTP를 이용해 제로보드 소스를 서버에 올리는 방법 = 400
    활용 Tip. 폴더와 디렉토리 = 400
    활용 Tip. 드림위버를 이용해 제로보드 소스를 서버에 올리는 방법 = 401
   제로보드 설치하기(install. php) = 403
    활용 Tip. 권한설정(Permission)이란? = 403
    활용 Tip. 퍼미션 문제 발생 = 403
   제로보드 관리자 페이지 설정하기(admin.php) = 405
    활용 Tip. EditPlus 설치 방법 = 406
 Section 02 간단한 제로보드 게시판 얻는 방법 = 408
  제로보드 게시판 생성하기 = 409
   새 그룹 추가 = 409
   게시판 관리 = 410
    활용 Tip. 권한설정과 카테고리 설정 = 411
  스킨 설치와 세부 옵션 = 412
   게시판 스킨 소스 구하는 방법 = 412
   게시판 스킨 소스 업로드 하는 방법 = 414
    활용 Tip. WS_FTP Pro = 414
   게시판 스킨 소스 적용하는 방법 = 415
    활용 Tip 생성된 게시판의 URL 확인하는 방법 = 415
  외부로그인 스킨 = 416
   외부로그인 스킨 소스 구하는 방법 = 416
   외부로그인 스킨 소스 업로드하는 방법 = 418
    활용 Tip. 알FTP 환경설정 = 420
   외부로그인 스킨 소스 적용하는 방법 = 419
    활용 Tip. PHP란 무엇인가? = 420
   회원가입과 회원관리하는 방법 = 421
  최근 게시물 스킨 = 423
   게시판 추가 = 423
   최근 게시물 스킨 업로드 및 수정하는 방법 = 431
    활용 Tip. 최근 게시물을 보여주기 위해서 꼭 필요한 내용 = 433
 Section 03 홈페이지에 게시판 연결하기 = 436
  메인페이지 연결하기 = 436
  원프레임 홈페이지에 게시판 연결하기 = 439
   SSI(Server-Side Include)란 무엇인가? = 439
   SSI의 장점과 단점 = 439
   SSI 실행 과정 = 440
   원프레임 홈페이지와 인클루드 = 440
   header.php 파일과 footer.php 파일 만들기 = 440
    활용 Tip. Line Numbers 표시하는 방법 = 441
    보충수업 찾기와 바꾸기(Find and Replace) = 442
    보충수업 결과 패널(Result Panel) = 443
    활용 Tip. 루트 상대 경로 지정하는 방법 = 444
    보충수업 삽입 패널을 이용한 인클루드 방법 = 447
Part 08 검색엔진 사이트에 홈페이지 등록 = 454
 Section 01 검색엔진 사이트에 등록하는 방법 = 456
  홈페이지를 광고할 수 있는 사이트 = 457
  네이버에 홈페이지 등록하기 = 458
  야후에 홈페이지 등록하기 = 460
 Section 02 상위 카테고리로 올리는 몇 가지 방법 = 462
  키워드형 검색엔진의 작동 원리 = 463
  검색 순위에 영향을 미치는 요소 = 463
INDEX
특별부록 HTML 가이드와 베껴쓰는 자바스크립트 = J-5
 Section 01 HTML 가이드 = J-6
  HTML과 웹페이지의 구성 = J-7
   HTML의 기본 구조 = J-7
    활용 Tip. 소스보기를 했는데 아무런 반응을 하지 않는 경우 = J-7
    활용 Tip. 소스가 메모장으로 열리지 않고 다른 에디터로 열리는 경우 = J-8
    활용 Tip. 소스 보기의 또 다른 방법 = J-8
    활용 Tip. WWW(World Wide Web) = J-9
   메모장을 통해 무작정 따라해 보기 = J-9
  BODY 태그의 역할과 구성 = J-11
   배경색 설정하기 = J-11
   배경이미지 설정하기 = J-12
   텍스트 기본 색상 설정하기 = J-12
   텍스트 링크의 색상 설정하기 = J-13
   웹페이지의 여백 설정하기 = J-13
  글자 속성에 관련된 태그 = J-14
   Hn 태그 속성 = J-14
   FONT 태그 속성 = J-15
   BASEFONT 속성 = J-16
   BR 속성 = J-17
   NOBR 속성 = J-17
  글자 스타일에 관련된 태그 = J-18
  문단 속성에 관련된 태그 = J-19
   〈P〉태그 속성 = J-19
   문단 정렬 방식 = J -20
   〈PRE〉태그 속성 = J-20
   〈BLOCKQUOTE〉태그 속성 = J-21
   문장 정렬 = J-22
   문장 중앙 정렬 = J-23
  리스트 속성에 관련된 태그 = J-23
   순서가 있는 리스트 = J-24
   순서가 없는 리스트 = J-24
   정의 리스트 = J-25
  이미지 속성에 관련된 태그 = J-26
   웹페이지에 이미지 삽입하기 = J-27
   웹페이지에서 이미지 정렬하기 = J-27
   이미지와 텍스트 정렬하기 = J-28
   이미지에 alt 속성을 이용한 설명글 달기 = J-30
   이미지의 테두리 두께 설정하기 = J-30
   이미지의 크기 설정하기 = J-31
  웹페이지에 하이퍼링크 설정하기 = J-32
   내부링크 = J-32
   외부링크 = J-33
   이미지에 링크 설정하기 = J-34
   〈BASE〉태그 사용하기 = J-35
  수평선에 관련된 속성 = J-35
  테이블 속성에 관련된 태그 = J-36
   테이블의 구성 = J-36
   테이블의 테두리선 설정하기 = J-37
   테이블의 크기 설정하기 = J-38
   테이블의 여백 설정하기 = J-39
   테이블의 배경 설정하기 = J-41
   테이블 내에서 텍스트 정렬하기 = J-43
   셀의 크기 설정하기 = J-45
    활용 Tip. 셀의 크기 지정 시 주의할 점 = J-46
   셀의 병합 설정하기 = J-46
    활용 Tip. colspan과 rowspan 사용 시 주의할 점 = J-48
   셀에 배경색과 배경 이미지 설정하기 = J-48
   테이블의 정렬 설정하기 = J-49
    활용 Tip. 테이블 오른쪽에 또 다른 테이블을 넣어 사용하는 방법 = J-50
  프레임 속성에 관련된 태그 = J-51
   프레임의 기본구조 = J-51
    활용 Tip. rows 속성을 이용해 프레임을 분할하는방법 = J-53
    활용 Tip. 프레임에 홈페이지를 바로 불러들이는 방법 = J-53
   프레임의 스크롤바 속성 = J-54
   프레임 네임과 링크 설정하기 = J-55
   프레임 보더 설정하기 = J-56
   프레임 보더 고정하기 = J-57
   프레임에서 특수 타깃 설정하기 = J-58
    활용 Tip. 웹브라우저가 프레임을 지원하지 못하는 경우 = J-61
  아이프레임 속성에 관련된 태그 = J-62
  폼 요소에 관련된 태그 = J-64
   Form 태그의 구성 = J-64
   Input Type 필드 = J-65
   Textarea 필드 = J-72
   Select 필드 = J-73
  헤드에 관련된 태그 = J-75
   TITLE = J-75
   META = J-76
 Section 02 베껴쓰는 자바스크립트 = J-78
  자바스크립트란? = J-79
  자바스크립트 웹페이지의 구성 = J-79
  onLoad 이벤트를 통한 자바스크립트 = J-79
  onClick 이벤트를 통한 자바스크립트 = J-80
  마우스 오른쪽 버튼 클릭하면 메시지 박스 띄우기 = J-81
  원하는 크기의 팝업 창 띄우기 = J-83
   활용 Tip. 버튼 클릭에 의한 팝업 창 띄우기 = J-85
  홈페이지에 접속할 때 마다 랜덤한 이미지 보이게 하는 방법 = J-86
   활용 Tip. 동일한 이벤트를 하나 이상 사용하는 방법 = J-87
  문장을 깜박거리게 하는 방법 = J-89
  팝업 창의 링크를 클릭하면 메인 창에 내용 표시하기 = J-90