목차
제1일 World Wide Web이란 무엇인가?
   제1장 World Wide Web의 세계
      World Wide Web이란 무엇인가 ? ... 4
        다양한 종류의 프로토콜(Protocol)을 지원한다는 것은 무슨 의미인가? ... 5
        하이퍼텍스트(Hypertext) 기반의 정보 검색이란 무엇인가? ... 6
        정보의 분산이란? ... 8
        그래픽 인터페이스란? ... 8
        멀티미디어 지원이란? ... 10
        대화형 검색이란 무엇인가? ... 11
        동적인 정보의 제공이란? ... 12
        다양한 시스템의 지원이란? ... 13
      World Wide Web을 누가 소유하고 있는가? ... 13
        W3 Consortium ... 13
      Web 브라우저(browser) ... 14
        Web 브라우저의 동작 원리는? ... 15
      Web 서버(server) ... 17
      홈 페이지(Home page) ... 17
        Web 브라우저의 홈 페이지 ... 18
        Web 서버의 홈 페이지 ... 18
        개인의 홈 페이지 ... 19
      요약 ... 19
      Workshop ... 19
        질문과 답 ... 20
        Quiz ... 21
        실습 ... 21
   제2장 Netscape Navigator를 사용해보자
      Netscape의 개발 배경 ... 24
        NCSA Mosaic ... 24
        Netscape Navigator ... 25
      Netscape 2.0을 사용하기 위해서 필요한 요구 사항 ... 27
        윈도우 3.x ... 27
        윈도우 95 ... 28
        Apple 매킨토시 ... 29
        UNIX ... 30
      Netscape Navigator 2.0 프로그램을 얻는 방법 ... 31
        Web 브라우저를 이용한 Netscape Navigator 2.0의 다운로드 ... 31
        FTP를 이용한 Netscape Navigator 2.0의 다운로드 ... 31
        디스켓 형태의 구매 ... 32
      Netscape 2.0 설치 방법 ... 32
        윈도우와 윈도우 95 ... 32
        Apple 매킨토시 ... 33
        UNIX 버전 ... 33
      Netscape 2.0 사용 방법 ... 33
        Netscape 2.0의 실행 ... 33
        문서 영역(Document Area) ... 34
        하이퍼링크(Hyperlink) ... 35
        제어판(Control Console) ... 35
        상태표시 바(Status Bar) ... 39
      Netscape 2.0 환경 설정 방법 ... 39
        General Preferences... ... 39
        Mail and News Preferences... ... 40
        Network Preferences ... 41
        Security Preferences ... 42
        Show Toolbar ... 42
        Show Location ... 43
        Show Directory Buttons ... 43
        Show Java Console ... 43
        Auto Load Images ... 43
        Document Encoding ... 45
        Save Options ... 45
      Netscape 2.0의 고급 기능 ... 45
        Forms ... 45
        E-mail ... 47
        Newsgroups ... 48
        FTP ... 49
        Plug-ins ... 49
        Java ... 51
        JavaScript ... 51
      요약 ... 52
      Workshop ... 52
        질문과 답 ... 52
        Quiz ... 53
        실습 ... 54
   제3장 HTML 문서작성기 : 에디터 및 변환기
      태그 에디터(Tag Editor) ... 57
        Microsoft 윈도우(Window)용 태그 에디터 ... 58
        매킨토시용 프로그램 ... 62
        UNIX용 프로그램 ... 63
      WYSIWYG 에디터 ... 64
        Microsoft 윈도우용 프로그램 ... 65
        매킨토시용 프로그램 ... 68
        UNIX용 프로그램 ... 70
      변환기(Converter) ... 70
        윈도우용 프로그램 ... 71
        매킨토시용 변환기 ... 71
        UNIX용 변환기 ... 72
      HTML 에디터를 이용하는 문서작성과 HTML 변환기를 이용하는 작성 방법의 장단점 비교 ... 73
      요약 ... 75
      Workshop 75
제2일 간단한 HTML 문서를 작성해보자
   제4장 시작하기 전에
      Web 사이트 설치 전에 고려해야 할 사항 ... 80
        World Wide Web을 통하여 무엇을 할 수 있는가? ... 80
        Web 페이지는 무엇으로 구성될 수 있는가? ... 83
        과감히 시작하자 ... 90
      Netscape 기능을 둘러싼 논의들 ... 91
        HTML 3.0 ... 92
        Netscape Navigator 2.0과 NHTML ... 94
        Netscape 2.0에 관련된 논란의 결론 ... 96
      Web 사이트 설치 계획 ... 97
        구체적인 목표를 설정하자 ... 97
        Web 사이트에 포함될 내용의 개요(outline) 작성 ... 98
        각 Web 페이지에 포함시킬 내용 정의 ... 98
        자신의 사이트의 성능 평가 ... 99
        스토리보드(storyboard)의 작성 ... 99
        실제 Web 페이지 작성 ... 100
      요약 ... 100
      Workshop ... 101
        질문과 답 ... 101
        Quiz ... 102
        실습 ... 102
   제5장 HTML과 World Wide Web의 기초
      HTML이란 무엇인가? ... 104
        HTML은 페이지 레이아웃이 아니라 그 구조를 정의한다 ... 104
        스타일(style) 기능과 HTML ... 106
        태그와 텍스트 ... 107
        태그 속성(Attribute) ... 108
      HTML 문서의 구조 ... 110
      기본적인 문서 태그 ... 114
        문서 타이틀(title) ... 114
        제목(Heading) ... 115
        제목용 태그의 속성 ... 116
        문단(Paragraph) 포매팅 ... 117
        문자 포매팅 ... 121
        Comment 태그 ... 125
      요약 ... 125
      Workshop ... 127
        질문과 답 ... 127
        Quiz ... 127
        실습 ... 128
   제6장 Web 페이지들의 연결 방법
      〈A〉: 연결(link) 태그 ... 132
        Hotspot ... 132
        HREF 속성 ... 133
      자신의 Web 페이지들을 연결하는 방법 ... 134
        절대적인 위치지정 ... 134
        상대적인 위치지정 ... 135
        절대 URL과 상대 URL 중 어는 것을 사용할 것인가? ... 136
      World Wide Web 상에 존재하는 다른 Web 페이지로 연결을 설정하는 방법 ... 139
        통신 프로토콜 ... 139
        도메인 이름(Domain Name) ... 139
        디렉토리 경로명 ... 140
        문서 이름 ... 140
      링크 사용시 주의해야 될 사항 ... 142
        Inline 링크 ... 143
        링크 리스트 ... 145
      요약 ... 147
      Workshop ... 147
        질문과 답 ... 147
        Quiz ... 148
        실습 ... 149
제3일 좀더 세련된 HTML 문서를 작성해보자
   제7장 고급 스타일 지정 방법
      리스트의 작성 ... 154
        Unordered List ... 155
        Ordered List ... 157
        네스팅(Nesting) 리스트 ... 161
        Definition list ... 162
        디렉토리와 메뉴 리스트 ... 165
      고급 단락 포매팅 방법 ... 165
        Preformatted 텍스트 태그 ... 166
        주소(Address) 태그 ... 167
        인용(Quotation) 태그 ... 168
        디비전(Division) 태그 ... 169
        수평선(Horizontal rule) 태그 ... 171
        확장된 줄 바꿈(Line break extension) 태그 ... 172
        고급 텍스트 포매팅 방법 ... 173
        베이스(base) 폰트의 정의 ... 177
      특수 문자 표시 방법 ... 178
        특수 문자 엔터티(special character entity) ... 179
        Named 엔터티와 수치(Numeric) 엔터티 ... 180
      요약 ... 180
      Workshop ... 183
        질문과 답 ... 183
        Quiz ... 183
        실습 ... 184
   제8절 테이블 사용 방법
      기본적인 테이블 작성법 ... 186
        〈TABLE〉…〈/TABLE〉 ... 186
        행(row)과 셀(cell)을 정의하는 방법 ... 187
        테이블 보더(border) 지정 방법 ... 189
        테이블 헤딩(heading) ... 191
      고급 테이블 작성법 ... 194
        너비(WIDTH)와 높이(HEIGHT) 지정 방법 ... 194
        텍스트 정렬(alignment) ... 196
        둘 이상의 열이나 행에 포함되는 데이터 셀의 작성 방법 ... 200
        데이터 셀에 또 다른 테이블을 포함시킬 수 있다 ... 206
        Blank 셀과 empty 셀의 작성 ... 207
      테이블 정렬 방법 ... 208
      요약 ... 211
      Workshop ... 213
        질문과 답 ... 213
        Quiz ... 213
        실습 ... 214
   제9장 URL과 하이퍼링크의 사용 방법
      문서의 서로 다른 부분을 연결하는 하이퍼링크의 작성 ... 218
        Reference Anchor ... 218
        Reference 링크 ... 219
      URL ... 222
        URL이란 무엇인가? ... 222
        URL의 구성 ... 222
        공백(space)과 다른 특수 문자 ... 226
      URL의 종류 ... 226
        HTTP ... 227
        Files ... 228
        Gopher ... 229
        Newsgroup ... 231
        Anonymous FTP ... 232
        Private FTP ... 233
        telnet: ... 233
        wais: ... 233
        mailto: ... 234
      요약 ... 234
      Workshop ... 235
        질문과 답 ... 235
        Quiz ... 236
        실습 ... 236
제4일 Web 페이지의 모양을 향상시켜 보자
   제10장 Web 문서에 이미지를 사용하는 방법
      이미지 형식 ... 240
        GIF ... 240
        JPEG 형식 ... 241
        XBM 형식 ... 242
        다른 이미지 형식들 ... 242
        Inline 이미지 ... 243
        Web 페이지에 사용할 이미지를 얻는 방법 ... 243
      〈IMG〉 태그 ... 245
        이미지 정렬 ... 246
        BORDER 속성 ... 252
        ALT 속성 ... 253
      투명 배경색(transparent background)을 갖는 이미지 ... 256
        투명 이미지(Transparent Image)를 만드는 방법 ... 257
      이미지 hotlink ... 260
      문서에 배경 이미지 추가 ... 261
        배경 이미지 만들기 ... 261
        배경 이미지의 온라인 소스 ... 262
        BACKGROUND 속성 ... 263
      이미지 로딩 시간을 개선할 수 있는 방법 ... 263
        Interlaced GIF 이미지 사용 ... 264
        Progressive JPEG 이미지 사용 ... 265
        Image Scaling ... 265
        Lo/High Image 로딩 ... 267
      요약 ... 267
      Workshop ... 269
        질문과 답 ... 269
        Quiz ... 269
        실습 ... 270
   제11장 외부 미디어와 Plug-in의 사용 방법
      '외부 미디어'란 무엇인가? ... 272
      HTML 문서에 외부 미디어를 포함시키는 방법 ... 274
      외부 이미지의 사용 방법 ... 274
      사운드의 사용 방법 ... 278
        사운드 파일을 구하는 방법 ... 280
        사운드 형식의 변환 방법 ... 281
        Web 페이지에 사운드 파일을 포함시키는 방법 ... 282
      비디오의 사용 방법 ... 283
        비디오 파일을 얻는 방법과 변환 방법 ... 283
        Web 페이지에 비디오 파일을 포함시키는 방법 ... 284
      Plug-in이란 무엇인가? ... 291
        Plug-in과 helper application의 차이점 ... 292
        〈EMBED〉 태그 ... 294
        〈NOEMBED〉 태그 ... 295
      다른 Plug-in들 ... 297
      요약 ... 300
      Workshop ... 301
        질문과 답 ... 301
        Quiz ... 302
        실습 ... 302
   제12장 윈도우 프레임
      Netscape에 대한 논란 ... 306
      링크된 윈도우의 사용 방법 ... 308
        〈BASE〉 태그 ... 311
      프레임의 사용 방법 ... 312
        〈FRAMESET〉 태그 ... 313
        〈FRAME〉 태그 ... 316
        〈NOFRAME〉 태그 ... 318
      복잡한 형태의 프레임 작성 방법 ... 319
        Magic TARGET Names ... 327
      요약 ... 327
      Workshop ... 329
        질문과 답 ... 329
        Quiz ... 329
        실습 ... 330
제5일 실제로 World Wide Web에 연결해 본다
   제13장 Web 서버에 작성한 Web 페이지를 설치하는 방법
      Web 서버의 역할 ... 334
      Web 페이지를 설치할 Web 서버를 찾는 방법 ... 335
        학교나 회사의 Web 서버를 사용하는 방법 ... 335
        상업적인 인터넷 혹은 Web 서비스를 사용하는 방법 ... 335
        Anonymous FTP나 Gopher를 사용하는 방법 ... 336
        자신의 Web 서버를 구축하는 방법 ... 336
      Web 서버 프로그램의 선택 ... 338
        UNIX용 Web 서버 ... 338
        Microsoft 윈도우용 서버 ... 339
        매킨토시용 서버 ... 340
      Web 서버에 HTML 파일을 설치하는 방법 ... 340
        Web 서버에 실제로 파일을 설치하여 보자 ... 342
        Web 서버가 다른 시스템에 있는 경우 ... 342
      자신의 URL을 결정하는 방법 ... 344
      Web 서버에 설치한 후에는 여러 차례에 걸쳐 테스트를 해본다 ... 346
      Web 서버 관리 요령 ... 347
        도메인 이름을 www.yoursystem.com 형식으로 alias시켜 둔다 ... 347
        Webmaster 메일 alias 시켜 둔다 ... 347
        서버 홈 페이지의 작성 ... 348
        사이트 관리와 Web 페이지 디자인에 관한 지침서를 마련한다 ... 348
        Netscape Now 로고를 자신의 사이트에 사용할 수 있도록 한다 ... 348
      요약 ... 348
      Workshop ... 350
        질문과 답 ... 350
        Quiz ... 351
        실습 ... 352
   제14장 새로운 Web 사이트의 개설을 알리는 방법
      www 사이트 리스팅 ... 354
      Yahoo ... 355
      World Wide Web Virtual Library ... 357
      Yellow Pages ... 358
        WORLDWIDE Yellow Pages ... 359
        GTE SuperPages ... 359
        WWW Business Yellow Pages ... 360
      What's New Listings ... 361
      Private 디렉토리 ... 362
        Internet Mall ... 363
        Netscape SponSorship Rate Card ... 364
      사이트 인덱스 ... 364
        Lycos ... 364
        WebCrawler ... 365
        InfoSeek ... 366
        Submission 툴 ... 367
        Usenet을 통하여 자신의 사이트를 알린다 ... 369
      업무용 명함, 회사명등이 인쇄된 편지지나 팜플렛 등의 인쇄물을 사용하는 방법 ... 370
      다른 디렉토리와 관련 Web 페이지들 ... 371
      요약 ... 372
      Workshop ... 372
        질문과 답 ... 372
        Quiz ... 373
        실습 ... 373
   제15장 좋은 Web 페이지를 작성하는 요령
      좋은 글을 쓰는 방법 ... 376
        짧고 명료하게 문장을 작성한다 ... 377
        빨리 전체 내용을 파악할 수 있는 구성을 갖춘다(Scanability) ... 377
      각 페이지를 독립시킨다 ... 379
        강조 스타일의 사용에 주의한다 ... 380
        특정 Web 브라우저에만 해당하는 용어를 사용하지 않는다 ... 381
        오자 검사를 비롯하여 작성된 문서의 교정을 확실히 본다 ... 382
      Web 페이지 디자인과 레이아웃 ... 383
        이미지의 사용을 자제한다 ... 383
        이미지 대신 디스플레이될 텍스트를 항상 지정해 둔다 ... 384
        배경 이미지/색 그리고 링크의 색 ... 385
        제목 스타일은 제목에만 적용한다 ... 385
        연관된 부분이 뚜렷이 나타낼 수 있도록 한다 ... 386
        일정한 형식의 레이아웃을 사용한다 ... 387
      링크의 적절한 사용 방법 ... 388
        링크 메뉴에는 내용이 잘 요약된 텍스트를 사용한다 ... 388
        문장 중에 포함된 링크 ... 390
        'Here' 증후군을 피한다 ... 391
        링크의 사용 여부를 신중히 고려한다 ... 393
      그 밖에 HTML 문서 작성시 유의하여야 할 것들 ... 396
        홈 페이지로 연결되는 링크 ... 396
        하나의 주제를 여러 페이지에 걸쳐 설명하지 않는다 ... 396
        많지도 적지도 않는 적당한 개수의 문서를 작성한다 ... 396
        Web 페이지에 서명을 포함시킨다 ... 399
      하이퍼텍스트 문서의 일반 텍스트 버전을 제공한다 ... 400
      요약 ... 401
      Workshop ... 402
        질문과 답 ... 402
        Quiz ... 403
        실습 ... 403
제6일 대화형 Web 페이지를 만들어 보자
   제16장 CGI를 이용하여 Web 서버와 정보를 주고 받는 방법
      CGI 스크립트란 무엇인가? ... 408
        CGI 스크립트의 동작 원리 ... 409
        간단한 예제 ... 410
      CGI 스크립트를 사용하기 위한 요구 사항 ... 412
        자신의 Web 서버가 CGI 스크립트를 사용할 수 있도록 환경 설정이 되어 있는가? ... 412
        프로그램을 작성할 수 있는가? ... 413
        어떤 프로그래밍 언어를 사용할 것인가? ... 413
        CGI 기능을 지원할 수 있도록 서버를 설정하는 방법 ... 414
        CGI 사용을 위한 W3C httpd 서버 환경 설정 ... 414
        CGI 사용을 위한 NCSA HTTPd 서버 환경 설정 ... 415
        UNIX 시스템을 사용하지 않는 경우 ... 417
      CGI Script의 동작 ... 418
        출력 헤더 ... 418
        출력 데이터 ... 419
        대화형 검색 기능의 구현 ... 422
        스크립트 ... 424
        〈ISINDEX〉 태그 ... 424
        검색 스트링과 스크립트의 URL ... 426
      특수한 스크립트 출력 생성 방법 ... 431
        다른 HTML 문서를 출력으로 보내주는 방법 ... 431
        출력을 내지 않는 경우 ... 433
      CGI 스크립트의 디버깅 ... 434
      요약 ... 434
      Workshop ... 435
        질문과 답 ... 435
        Quiz ... 437
        실습 ... 437
   제17장 Form과 CGI
      Form의 구조 ... 440
        Form 입력 : GET와 POST ... 441
        Form 처리를 위한 CGI 스크립트 ... 441
      기본적인 form 요소 ... 448
        Submit 버튼 ... 449
        Text field ... 450
        Radio 버튼 ... 451
        Check box ... 453
        HTTP File Upload ... 455
        디폴트 값의 지정 ... 457
        Form의 작성 ... 458
      다른 form 요소들 ... 464
        Selection ... 464
        Text Area ... 467
        Hidden Field ... 469
        Form과 프레임 ... 470
        Form의 이름 ... 470
      요약 ... 471
      Workshop ... 473
        질문과 답 ... 473
        Quiz ... 474
        실습 ... 474
   제18장 이미지 맵과 동적으로 갱신되는 문서 작성
      이미지 맵이란 무엇인가? ... 476
      Server-Side 이미지 맵 ... 477
        Client-Side 이미지 맵 ... 477
        이미지 맵과 텍스트 브라우저 ... 478
      Server-Side 이미지 맵의 작성 ... 478
        이미지 맵용 이미지 ... 478
        맴(map) 파일의 작성 ... 479
        맵 파일과 이미지 맵 CGI 프로그램의 설치 ... 483
        모든 부분을 결합해 보자 ... 483
      Client-side 이미지 맵의 작성 ... 486
        〈MAP〉, 〈AREA〉 태그 ... 487
        USEMAP 속성 ... 488
      Server-side & client-side 이미지 맵을 모두 지원하는 Web 페이지의 작성 방법 ... 490
      동적으로 갱신되는 문서의 작성 ... 490
        Client Pull ... 494
        Client Pull을 이용한 사운드 플레이 ... 495
      요약 ... 496
      Workshop ... 497
        질문과 답 ... 497
        Quiz ... 498
        실습 ... 499
제7일 Java와 JavaScirpt를 이용한 프로그래밍
   제19장 JavaScript
      JavaScript 소개 ... 505
        JavaScript란 무엇인가? ... 505
        JavaScript를 사용하는 이유는 무엇인가? ... 505
      〈SCRIPT〉 태그 ... 509
        Javascript 스크립트의 구조 ... 509
        SRC 속성 ... 510
        기본 명령어와 언어 구조 ... 510
        Property와 Method ... 511
        Event와 JavaScript ... 513
        변수(Variable) ... 515
        Operator와 Expression ... 516
        기초적인 JavaScript 프로그래밍 ... 517
        프로그램이란 무엇인가? ... 517
        온라인 JavaScript 문서를 이용하라 ... 521
      요약 ... 521
      Workshop ... 522
        질문과 답 ... 522
        Quiz ... 522
        실습 ... 523
   제20장 JavaScript의 응용
      랜덤 링크 생성기(random link generator) ... 526
        프레임 정의 ... 544
        tourstart.html 문서 ... 545
        form의 작성 ... 545
      WebTop 계산기의 작성 ... 554
        'WebTop' 계산기의 JavaScript 코드 ... 555
      요약 ... 561
      Workshop ... 561
        질문과 답 ... 561
        Quiz ... 562
        실습 ... 562
   제21장 Java
      Java란 무엇인가? ... 564
        World Wid Web 프로그래밍 ... 565
        Java 언어 ... 565
        분산 처리 프로그래밍 ... 566
        Java는 어떤 기능을 제공할 수 있는가? ... 567
      Java 프로그래밍 ... 570
        Java Developers Kit(JDK) ... 571
        Java에 대하여 더 공부를 하고 싶은 경우 ... 582
      Web 페이지에 Java applet을 포함시키는 방법 ... 583
        〈APPLET〉 태그 ... 583
        〈PARAM〉 태그 ... 584
        Ticker Applet을 개선시켜 보자 ... 586
        이미 작성된 Java Applet을 사용하는 방법 ... 586
      요약 ... 589
      Workshop ... 589
        질문과 답 ... 589
        Quiz ... 590
        실습 ... 590
부록
   부록 A HTML 명령어 요약 ... 593
   부록 B 문자 엔터티 ... 619
   부록 C HTML 문서 작성시 사용할 수 있는 색과 16진수값 ... 627
   부록 D 유용한 사이트들의 리스트 ... 633
   부록 E Quiz 해답 ... 645
   부록 F 용어 해설 ... 655
닫기