Dreamweaver 4.01 & fireworks : 기가막힌 홈페이지 만들기

목차 (Table of Contents)

• 목차
• Part 1 드림위버 시작하기 = 20
• Chapter 1 드림위버 준비하기 = 22
• 드림위버란? = 24
• 드림위버 왜 좋은가? = 26
• 유연한 인터페이스를 가지고 있습니다. = 26
• 깔끔한 태그를 생성해줍니다. = 26
• DHTML을 강력하게 지원합니다. = 27
• 사이트 관리와 FTP 기능을 지원합니다. = 27
• 프로그램의 기능 확장이 가능합니다. = 27
• Special 웹 에디터 비교 분석표 = 28
• 드림위버 설치하기 = 30
• 시스템 요구 사양 = 30
• 설치하기 = 30
• 드림위버 실행하기 = 34
• 드림위버 4 무엇이 달라졌나? = 35
• 향상된 코드 에디팅이 가능합니다. = 35
• 디자인 기능이 강화되었습니다. = 37
• 효율적인 공동 작업이 가능합니다. = 39
• Chapter 2 드림위버 살펴보기 = 42
• 드림위버 화면 구성 = 44
• 도큐먼트 윈도우(Document Window) = 44
• 도큐먼트 윈도우의 크기 목록 추가하기 = 45
• 런처(Launcher) = 47
• 오브젝트 패널(Object Panel) = 48
• 속성 인스펙터(Property Inspector) = 50
• 플로팅 패널들 = 51
• Part 2 드림위버 기본 기능 익히기 = 54
• Chapter 3 사이트 생성과 문서 설정하기 = 56
• 사이트 정의하기 = 58
• 문서의 추가와 저장하기 = 62
• 새 문서를 사이트 폴더에 저장하기 = 62
• 사이트 윈도우에서 새 파일을 생성하기 = 63
• 웹 페이지의 속성 지정하기 = 65
• 페이지 속성 창 살펴보기 = 65
• 문서 제목 지정하기 = 66
• 배경 색상과 배경 이미지 지정하기 = 67
• Special 외부 색상 지정하기 = 72
• 웹 브라우저로 확인하기 = 74
• 미리보기 브라우저 추가하기 = 75
• Chapter 4 텍스트 다루기 = 78
• 텍스트 입력하기 = 80
• 여러 줄의 글 입력하기 = 80
• 여러 칸의 공백 삽입하기 = 81
• 글자 모양 바꾸기 = 83
• 텍스트 속성 바꾸기 = 86
• 텍스트 정렬하기 = 90
• 기본적인 정렬 방식 = 90
• 들여쓰기와 내어쓰기 = 91
• 목록 정렬 사용하기 = 91
• 특수 문자 사용하기 = 94
• 텍스트의 이동과 복사하기 = 96
• 텍스트 이동하기 = 96
• 외부의 텍스트를 도큐먼트 윈도우로 복사하기 = 96
• Special Undo와 히스토리 패널 사용하기 = 98
• Chapter 5 링크와 앵커로 문서를 엮어보자 = 100
• 링크 설정하기 = 102
• Browse to File 아이콘으로 링크 설정하기 = 102
• Point to File 아이콘을 이용해서 링크 설치하기 = 105
• 외부 사이트와 이메일 링크의 설정 = 107
• 서울시 인터넷 홈페이지 연결하기 = 107
• 이메일 주소 링크 = 109
• 링크의 확인과 해제하기 = 111
• 링크 확인하기 = 111
• 설정된 링크 해제하기 = 112
• Special 텍스트에 마우스 커서를 놓으면 설명 나타나게 하기 = 114
• 문서 내를 순간 이동하는 앵커 만들기 = 116
• 설명 부분으로 바로 이동하는 앵커 만들기 = 116
• 상단으로 돌아가는 앵커 만들기 = 120
• Chapter 6 이미지 다루기 = 122
• 이미지 삽입하기 = 124
• 메뉴를 사용하여 이미지 삽입하기 = 124
• 오브젝트 패널 사용하기 = 125
• 사이트 윈도우에서 드래그하기 = 125
• 외부 이미지 삽입하기 = 126
• 이미지의 크기 변경하기 = 127
• 이미지 정렬하기 = 129
• 이미지의 정렬 = 129
• 이미지와 텍스트의 정렬 = 130
• 이미지 주위의 여백 설정하기 = 131
• 외부 프로그램 지정하기 = 132
• Special 외부 프로그램 실행하는 여러 가지 방법 = 136
• Special 이미지 포맷과 최적화하기 = 138
• 이미지 맵 만들기 = 146
• 그림에 하이퍼 링크 만들기 = 146
• 롤오버 이미지 = 149
• 롤오버 이미지 삽입하기 = 149
• 롤오버 이미지 수정하기 = 154
• 네비게이션 바 만들기 = 155
• Chapter 7 문서 정렬의 마술사 테이블 다루기 = 160
• 테이블의 이해 = 162
• 기본적인 테이블 작업하기 = 163
• 중첩 테이블로 작업한 테이블 수정하기 = 171
• 테이블과 셀 속성 설정하기 = 174
• 테이블 인스펙터 살펴보기 = 174
• 셀 인트펙터 살펴보기 = 175
• 메뉴를 사용한 셀의 추가와 삭제 = 176
• 테이블 정렬하기 = 177
• 테이블 데이터 불러오기 = 179
• 테이블을 레이어로 변환하기 = 181
• 실전! 테이블 만들기 = 183
• 타이틀을 표시하는 테이블 만들기 = 183
• 모서리가 둥근 테이블 만들기 = 185
• 파이어웍스에서 이미지 슬라이싱 하기 = 191
• Chapter 8 레이아웃 뷰와 향상된 이미지 작업 = 196
• 레이아웃 셀과 테이블 생성하기 = 198
• 레이아웃 뷰에서 메인 페이지 만들기 = 203
• 해상도에 따라 자동으로 폭이 조절되는 Auto Stretch = 208
• Spacer Image로 컬럼의 간격 고정하기 = 212
• Chapter 9 페이지의 마술사 프레임 다루기 = 216
• 프레임의 생성과 저장 = 218
• 프레임 이해하기 = 218
• 프레임 생성하기 = 219
• 프레임 문서 저장하기 = 222
• 프레임 문서 만들기 = 224
• 프레임과 프레임 셋의 속성 설정하기 = 230
• 프레임 문서의 링크 설정 = 236
• 링크 설정하기 = 236
• 링크의 타겟 속성 = 238
• Chapter 10 홈페이지의 업로드와 사이트 관리하기 = 240
• 무료 계정 마련하기 = 242
• 네이버에서 무료 계정 받기 = 242
• 무료로 계정을 제공하는 업체는 어디 어디가 있나? = 244
• 웹호스팅 이용하기 = 248
• 주요 웹호스팅 업체 = 249
• 리모트 사이트의 설정과 파일 올리기 = 251
• 사이트 윈도우에서 파일 및 링크 관리하기 = 255
• 사이트 윈도우와 사이트 파일들을 다양한 형태로 보기 = 260
• Part 3 드림위버의 고급 기능 익히기 = 264
• Chapter 11 스타일 시트로 문서의 한계 뛰어넘기 = 266
• HTML 스타일 사용하기 = 268
• CSS 스타일 시트 다루기 = 271
• Special 여러 단위에 대한 크기 이해하기 = 276
• CSS 셀렉터를 사용하여 하이퍼링크의 표시 변경하기 = 278
• ID 형식의 스타일을 사용하여 깔끔한 메뉴 만들기 = 281
• 외부 스타일 시트 사용하기 = 287
• 특정 영역을 스크롤되게 하기 = 291
• 스타일 시트로 배경 이미지 다루기 = 295
• Chapter 12 레이어 난 어디든 갈 수 있어! = 300
• 레이어의 삽입과 기본 조작 = 302
• 다양한 레이어 속성 다루기 = 306
• Special 레이어의 표시 형태 = 310
• 타임라인 인스펙터 사용하기 = 314
• 타임라인 인스펙터의 이해 = 314
• 기본 애니메이션 만들기 = 315
• 곡선 애니메이션 만들기 = 319
• 마우스로 애니메이션의 경로 만들기 = 322
• 여러 개의 레이어를 사용한 애니메이션 만들기 = 325
• 화면 바깥에서 날아 들어오는 레이어 애니메이션 = 325
• 새 타임라인을 사용한 애니메이션 만들기 = 329
• 레이어의 특정 프레임에 Vis 속성 변경하기 = 332
• 문자 애니메이션 만들기 = 337
• 한 글자씩 위에서 떨어지는 애니메이션 = 337
• 왼쪽부터 서서히 나타나는 문자 이미지 만들기 = 340
• 스크롤 되는 문자의 특정 영역만 보이는 애니메이션 = 343
• Chapter 13 비헤비어로 톡톡 튀는 홈페이지 만들기 = 346
• 이벤트와 액션의 이해 = 348
• 뒤로, 앞으로 이동하는 버튼 만들기 - Call JavaScript = 350
• 레이어의 배경색 바꾸기 - Change Property = 354
• 사용자의 브라우저에 적합한 문서로 이동하기 - Check Browser = 357
• 설치된 플러그인 확인하기 - Check Plugin = 360
• 무비 컨트롤하기 - Control ShockWave or Flash = 364
• 간단한 학습용 퍼즐 만들기 - Drag Layer = 367
• 애니메이션 인트로 페이지 만들기 - Go to URL = 371
• 간결한 메뉴 구성하기 - Jump Menu = 373
• 점프 메뉴 만들기 = 373
• 점프 메뉴 수정하기 = 376
• 점프 메뉴 항목 실행하기 - Jump Menu Go = 379
• 공지 사항 띄우기 - Open Browser Window = 382
• 문서에 배경 음악 삽입하기 - Play Sound = 385
• 지정한 메시지 보여주기 - Popup Message = 387
• 이미지의 로딩을 빠르게 - Preload Images = 389
• 네비게이션 바 수정하기 - Set Nav Bar Image = 393
• 다른 프레임에 메뉴 설명 표시하기 - Set Text of Frame = 396
• 자동 반복되는 텍스트 만들기 - Set text of Layer = 402
• 펼침 메뉴 만들기 - Show Hide Layers = 406
• 첫번째 주 메뉴와 서브 메뉴 만들기 = 406
• 나머지 메뉴를 완성하기 = 412
• 배너광고 만들기 - Swap Image = 416
• 애니메이션 제어하기 = 420
• 입력 데이터의 오류 표시하기 - Validate Form = 424
• Chapter 14 확장 비헤비어로 드림위버 진화시키기 = 428
• 확장 비헤비어 설치하기 = 430
• 비헤비어 파일을 폴더에 복사하여 설치하기 = 430
• 익스텐션 매니저로 확장 비헤비어 설치하기 = 432
• Special 익스텐션의 다운로드 = 434
• 상황선에 흐르는 텍스트 만들기 - Scroll Message = 438
• 레이어 안에서 위, 아래로 스크롤되는 텍스트 = 440
• 배경색을 방문자 마음대로! - Change BG Color = 445
• Special 색상 코드와 관련된 유틸리티 사용하기 = 448
• 배경색이 변화되는 문서 만들기 - Cross Browser Background Fade = 452
• 문서를 풀 스크린으로열기 - Fullscreen Window = 454
• 레이어에 다양한 전환 효과 적용하기 = 456
• 오픈 창 - 메인 페이지 연결하기 Open location = 458
• 오픈 창을 지정된 위치에 나타내기 - Window Launcher = 462
• 오픈 창을 다양한 방법으로 제어하기 - Window Crusher = 463
• 색다른 브라우저로 튀는 문서 만들기 = 468
• 크기가 변하면서 나타나는 오픈 창 만들기 = 470
• 익스텐션 설치하기 = 470
• 익스텐션 적용하기 = 471
• 내 사이트를 방문객의 즐겨찾기에 추가시키기 = 474
• '즐겨찾기 추가' 단추 만들기 = 474
• 자동으로 즐겨찾기 대화상자가 나타나게 하기 = 476
• Part 4 다양한 요소로 앞서가는 홈페이지 만들기 = 478
• Chapter 15 자바스크립트와 애플릿으로 마음껏 재주 부리기 = 480
• 자바스크립트 삽입하기 = 482
• 자바스크립트의 태그 이해하기 = 484
• 공개 자바스크립트와 애플릿 구하기 = 485
• 상황선에 왼쪽, 오른쪽으로 이동하는 텍스트 만들기 = 487
• 상황선에 타이핑 하듯 나타나는 텍스트 만들기 = 490
• 지진인가? 고장인가? 브라우저를 덜덜 떨게 만들기 = 492
• 마우스를 따라다니는 십자선 만들기 = 495
• 마우스를 졸졸 따라다니는 텍스트 = 497
• 이미지가 서서히 나타났다 사라지는 효과주기 = 500
• 마우스를 따라다니는 아날로그 시계 = 503
• Special 호수 위에 떠 있는 이미지 만들기 = 506
• Special 이미지 위에 뚝뚝 떨어지는 빗방울 효과 = 510
• Special 계절에 관계없이 이미지 위에 눈 내리게 하기 = 512
• Chapter 16 멀티미디어 요소로 생생한 홈페이지 만들기 = 514
• 플래시 무비 삽입하기 = 516
• 플래시 버튼 삽입하기 = 518
• 플래시 텍스트 삽입하기 = 522
• 여러 개의 플래시 버튼이나 플래시 텍스트를 빠르게 추가하기 = 526
• Special 실시간 동영상으로 차별화된 서비스 제공하기 = 528
• Chapter 17 라이브러리와 템플릿으로 일관성있는 홈페이지 만들기 = 538
• 라이브러리 아이템 만들고 삽입하기 = 540
• 라이브러리 아이템 수정하고 업데이트 하기 = 544
• 라이브러리 아이템 파일 수정하기 = 544
• 문서에 삽입된 라이브러리 아이템 수정하기 = 547
• 라이브러리 아이템 삭제하기와 재생성하기 = 548
• 템플릿으로 동일한 디자인의 문서를 빠르게 만들기 = 550
• 템플릿 수정하고 업데이트 하기 = 555
• 템플릿 사용 시 알아두면 유용한 Tip = 557
• Part 5 실전 홈페이지 제작을 위한 기법 = 561
• Chapter 18 살아 숨쉬는 홈페이지를 위한 CGI 활용의 모든 것 = 562
• CGI의 이해와 주요 사용처를 알아보자 = 564
• 무료 CGI 링크 서비스 이용하기 = 567
• 서비스 이용을 위하여 회원으로 가입하기 = 567
• 내 홈에 다녀간 방문객 수를 알려주는 카운터 달기 = 569
• 카운터의 옵션 설정하기 = 573
• 대화와 나눔이 있는 게시판 만들기 = 575
• 게시판의 다양한 템플릿 보기 = 577
• 방문객의 흔적을 고이 간직하기 위한 방명록 만들기 = 582
• 무료로 CGI 링크 서비스를 제공하는 사이트 = 586
• Special CGI 프로그램의 설치를 위한 WS_FTP 사용하기 = 588
• 이제는 CGI도 직접 설치해 사용한다 = 592
• 디자인 선택이 가능한 세팔 게시판 CGI의 다운로드와 설치 = 592
• 게시판 생성하기 = 598
• 질리면 바꾼다! 다양하게 변신할 수 있는 스킨 사용하기 = 605
• 무료 CGI 소스를 얻을 수 있는 곳 = 609
• 답변 글도 달수 있고 디자인 선택도 가능한 세팔 방명록 설치하기 = 611
• 게시판에 플래시 무비나 동영상 링크하기 = 619
• Chapter 19 다양한 CGI로 초강력 홈페이지 만들기 = 622
• 통계 카운터 사용하기 = 624
• 부담 없이 글을 남길 수 있는 메모장 만들기 = 634
• 알릴 건 알려야지! 공지 사항 CGI 설치하기 = 639
• Special IFRAME를 사용하여 공지 사항 삽입하기 = 645
• 온라인에서는 항상 투표가 가능하다! = 650
• 폼 요소와 CGI를 연결하여 온라인 주문서 만들기 = 657
• 폼 요소 삽입하기 = 657
• 파일을 전송하고 온라인 주문서 작성해보기 = 662
• Special CGI와 온라인 주문서를 입맛에 맞게 수정하기 = 666
• Chapter 20 못하는 것이 없는 드림위버 익스텐션 = 676
• 브라우저의 팝업 메뉴를 내 맘대로 만들어보자 = 678
• Collapsible 메뉴 만들기 = 681
• 미끄러져 나타나는 슬라이드 메뉴 만들기 = 685
• Special 커맨드 만들기 = 690
• 더욱 다양한 플래시 버튼을 추가하기 = 692
• 텍스트와 블릿을 다양한 이미지로 변환하기 = 694
• 음악을 들으면서 드림위버 작업하기 = 699
• 특수 전환 효과까지 구현되는 배너 만들기 = 701
• Special 강력하고 깔끔한 포토 앨범 만들기 = 704
• Chapter 21 홈페이지 만들기 = 708
• 메인 페이지 디자인하기 = 710
• 이미지를 분할하고 저장하기 = 718
• 가요 Top 10 감상을 위한 뮤직 사이트 만들기 = 720
• Special 파이어웍스 HTML 삽입하기 = 728