(몽실이와 함께하는) 드림위버3 입문 처음부터 끝까지

목차 (Table of Contents)

• 목차
• 1장 홈페이지 기초다지기
• Step 1 인터넷과 홈페이지 두 가지 다 알고 가자
• 1 인터넷의 기원과 역사 = 92
• 인터넷이란 = 92
• 인터넷의 기원과 역사에 대해 알아보자 = 93
• 월드 와이드 웹(World Wide Web)의 개발(1991년) = 93
• 최초의 그래픽 지원 브라우저 "모자이크"의 개발(1993년) = 94
• 넷스케이프의 개발 그리고 넷스케이프와 인터넷 익스폴로러의 경쟁 = 95
• 2 인터넷의 구현 원리 = 96
• 따라하기 도메인과 IP 알아보기 = 97
• IP란 무엇인가? = 97
• 도메인이란? = 97
• 따라하기 도메인 주소가 가지고 있는 뜻 알아보기 = 98
• 따라하기 웹 사이트의 도메인 이름으로 IP 주소 알아내기 = 100
• 서버와 클라이언트 = 101
• 3 인터넷이 어떻게 활용되고 있는가? = 102
• 멀티미디어 정보제공 서비스 = 102
• 월드 와이드 웹 = 102
• 정보를 손쉽게 주고 받을 수 있는 서비스 = 103
• FTP 서비스 = 103
• 웹 메일 서비스 = 104
• 전자상거래 = 104
• 인터넷 방송국 = 105
• FTP 서비스 이용하기 = 105
• 전자우편 = 106
• 따라하기 텔넷(TelNet)을 이용하여 다른 컴퓨터 조작하여 사용하기 = 106
• 4 월드 와이드 웹을 알아야 홈페이지를 알 수 있다 = 107
• 웹의 특징을 알아보자 = 107
• 웹은 모든 종류의 인터넷 서비스가 가능하다 = 107
• 웹은 하이퍼링크로 이루어져 있다 = 108
• 웹은 디자인이 가능하다 = 108
• 웹은 멀티미디어 형태의 의사소통이 가능하다 = 109
• 웹 페이지와 홈페이지의 같은 의미와 다른 의미 = 110
• 따라하기 넷스케이프에서 홈페이지(시작 페이지)를 지정하는 방법 알아보기 = 111
• 따라하기 익스플로러에서 홈페이지(시작 페이지)를 지정하는 방법 알아보기 = 112
• 5 홈페이지의 구현 원리 = 113
• 홈페이지 구현 원리를 알아보자 = 113
• 따라하기 세계가 공통으로 사용하는 HTML로 약속하기 = 114
• Step 2 HTML 알고 넘어가기
• 1 HTML과 태그 = 116
• 2 간단한 HTML 따라하기 = 117
• 따라하기 본격적으로 HTML 문서, 아니 간단한 홈페이지를 만들어 보자 = 117
• 브라우저로 HTML 문서 열기 = 119
• 3 HTML 문서 해석 = 120
• 4 DHTML에 대하여 = 122
• Client Side Script와 Server Side Script에 대하여 = 123
• Step 3 드림위버로 HTML 문서 쉽게 입력하기
• 1 드림위버를 워드프로세서처럼 사용하자 = 124
• 따라하기 드림위버로 글자쓰기 = 124
• 드림위버의 원리 = 127
• 따라하기 브라우저로 드림위버에서 작업한 결과 보기 = 127
• 2장 드림위버로 시작하기
• Step 1 드림위버의 기본 메뉴 설명
• 1 File 메뉴 알아보기 = 130
• 2 Edit 메뉴 알아보기 = 133
• 3 View 메뉴 알아보기 = 134
• 4 Insert 메뉴 알아보기 = 137
• 5 Modify 메뉴 알아보기 = 141
• 6 Text 메뉴 알아보기 = 145
• 7 Command 메뉴 알아보기 = 148
• 8 Site 메뉴 알아보기 = 150
• 9 Window 메뉴 알아보기 = 152
• 10 Help 메뉴 알아보기 = 156
• Step 2 드림위버 환경 설정
• 1 기본 옵션 설정하기 = 158
• 따라하기 드림위버의 기본 인터페이스 환경 설정하기 = 158
• 2 Css 스타일 옵션 설정하기 = 161
• 따라하기 Css 스타일에 관한 다양한 옵션을 설정 = 161
• 3 External Editors 설정하기 = 162
• 따라하기 HTML Editor 지정하기 = 162
• 따라하기 이미지, 사운드, 동영상 편집기와 연결하기 = 163
• 4 Floating Palettes = 164
• 따라하기 팔레트 설정하기 = 164
• 5 Fonts／Encoding = 165
• 따라하기 폰트 설정하기 = 165
• 6 Highlighting 설정 = 166
• 7 HTML Colors (HTML 컬러 설정) = 166
• 8 HTML Format 설정 = 167
• 9 HTML Rewrithing = 168
• 10 Invisible Elements = 169
• 11 Layers = 169
• 12 Preview in Browser = 170
• 13 Quik Tag Editor = 171
• 14 Site FTP = 172
• 15 Status Bar = 174
• 16 Transtation = 175
• Step 3 페이지 속성 설정
• 1 Page Properties 창 띄우기 = 176
• 2 Title = 177
• 타이틀 입력하기 = 177
• 3 Background Image = 177
• 배경 이미지 설정하기 = 177
• 4 Background = 178
• 배경색 지정하기 = 178
• 본문색과 링크색 설정하기 = 178
• 5 드림위버 3.0에서 추가된 기능 좌, 상 여백 설정하기 = 179
• 웹 문서 여백 설정하기 = 179
• 6 Document Encoding = 180
• 문서의 기본 인코딩 지정하기 = 180
• 7 Tracing Image (투명이미지 삽입하기) = 180
• 투명이미지 삽입하기 = 180
• 트레이싱 이미지 불러오기 = 181
• Image Transparendy (트레이싱 이미지의 투명도 조절하기) = 181
• 그밖에 트레이싱 이미지 설정하기 = 182
• 8 Set Color Scheme Commands = 183
• 대화상자로 배경색과 본문색 지정하기 = 183
• Set Color Scheme Commands 대화상자 보기 = 183
• Step 4 기본 작업창들 이해하기(오브젝트 윈도우, 프로퍼티 인스펙터 등 이해)
• 1 작업 창 이해하기 = 184
• 2 오브젝트 팔레트 = 185
• 오브젝트 팔레트의 6개의 패널별로 아이콘에 대한 설명보기 = 185
• 3 Launcher = 188
• HTML Source 인스펙터 등을 바로 열 수 있는 기능 = 188
• 4 프로퍼티 인스펙터 (Properties Inspector) = 189
• 5 윈도우와 팔레트 제어하기 = 190
• 따라하기 팔레트 병합 기능을 사용하여 팔레트 합치기 = 191
• 따라하기 팔레트 분리하기 = 192
• 따라하기 원하는 팔레트 선택하기 = 193
• Step 5 컬러 팔레트 사용하기
• 1 16진수 컬러 표시법 이해하기 = 194
• 2 드림위버에서의 컬러 표시법 = 195
• 3 컬러 팔레트 사용하기 = 195
• 따라하기 원하는 컬러 선택하기 = 196
• 따라하기 새로운 컬러 만들기 = 197
• 따라하기 내 맘대로 컬러 지우기 = 199
• 따라하기 배경무늬의 페이지를 만들어 보자 = 201
• 따라하기 프레임 오브젝트 팔레트 열어 보기 = 202
• 따라하기 좌단과 상단에 여백이 없는 웹 페이지를 만들어 보자 = 203
• 3장 드림위버로 문서 편집하기
• Step 1 이장의 주요 학습내용
• 1 예제 파일 보기 = 206
• 2 예제 파일 살펴보기 = 207
• Step 2 텍스트 편집하기
• 문서편집 기능을 배우자 = 208
• 1 텍스트 서체 바꿔주기 = 209
• 드림위버의 작업 창에서 텍스트 입력하기 = 209
• 드림위버에서의 텍스트 속성 바꾸기 = 209
• 따라하기 폰트 리스트에 원하는 서체목록을 등록시키자 = 210
• 따라하기 Font List에 순서 변경하기 = 213
• 따라하기 폰트 리스트 삭제하기 = 213
• 따라하기 폰트 리스트 항목 수정하기 = 214
• 특정 서체를 수정하자 = 214
• 따라하기 원하는 서체로 바꿔 주기 = 215
• 따라하기 입력한 텍스트 다양한 크기로 바꾸기 = 216
• Heading 포맷을 이용하여 머리말 크기 지정하기 = 216
• Preformatted 포맷을 이용하여 원하는 레이아웃을 자유롭게 = 217
• 따라하기 본문 글자 크기 지정하기 = 218
• 2 텍스트 색상 바꾸기 = 219
• 3 텍스트 편집 한 걸음 더 = 220
• 텍스트에 볼드체 주기 = 220
• 텍스트에 이탤릭체 주기 = 221
• 그 밖의 텍스트 스타일 적용하기 = 221
• 따라하기 문장의 줄 바꾸기 = 222
• 따라하기 띄어쓰기 추가( ) = 223
• 4 텍스트 정렬 = 225
• 따라하기 원하는 위치로 문장 맞추기 = 225
• 따라하기 들여쓰기와 내어쓰기 = 226
• 5 수평선 사용하기 = 228
• 수평선 삽입하기 = 228
• 수평선 속성 변경하기 = 229
• 수평선의 길이 및 두께 조절하기 = 229
• 수평선에 그림자 효과 사용하기 = 230
• 수평선 정렬하기 = 230
• 6 HTML 스타일 이용하기 = 231
• HTML Style 팔레트 = 231
• 따라하기 HTML 스타일 적용하기 = 232
• 따라하기 Define HTML Style 대화상자 설정하기 = 233
• 따라하기 스타일 편집하기 = 235
• 따라하기 스타일 복제하기 = 235
• 스타일 삭제하기 = 236
• 7 웹 브라우저로 결과 확인하기 = 236
• Preview 웹 브라우저 지정하기 = 237
• 드림위버에서의 작업결과를 웹 브라우저로 확인하기 = 237
• Step 3 페이지 연결하기(하이퍼링크)
• 1 하이퍼링크에 대한 이해 = 238
• 2 텍스트로 하이퍼링크 연결하기 = 239
• 다른 페이지로 하이퍼링크 걸기 = 239
• 따라하기 URL로 하이퍼링크 걸기 = 242
• 따라하기 E-mail로 하이퍼링크 시키기 = 243
• 따라하기 문서 내에서 Name Anchor로 링크 걸기 = 244
• Step 4 리스트 정렬하기
• 1 리스트란? = 246
• 2 리스트 사용하기 = 248
• 따라하기 새로운 리스트를 만들자 = 248
• 리스트의 속성 바꿔주기 = 250
• 이미 입력된 글자를 리스트로 = 251
• Step 5 QuickTagEditor 사용하기
• 1 Quick Tag Editor란? = 252
• 2 Quick Tag Editor 사용하기 = 252
• 따라하기 Insert HTML 이용하기 = 253
• Quick Tag Editor를 오픈시키는 방법입니다 = 253
• 따라하기 Edit Tag 이용하기 = 254
• Edit Tag를 이용하여 HTML 태그를 수정하자 = 254
• 따라하기 Wrap Tag 이용하기 = 255
• 따라하기 Remove Tag 이용하기 = 255
• Step 6 테이블로 할 수 있는 일들
• 1 테이블로 표 만들기 = 256
• 따라하기 테이블 삽입하기 = 257
• 따라하기 테이블 프로퍼티 인스펙터 설정하기 = 258
• 테이블 속성창의 각 부분에 대한 설명입니다 = 258
• 따라하기 셀 합치기, 나누기 = 262
• 따라하기 테이블 안에 개체 삽입하기 = 264
• 따라하기 셀 복사하고 붙이기 = 265
• 따라하기 테이블에 테이블 넣기 = 266
• 따라하기 Format 테이블에 대하여 = 267
• Format Table 대화상자의 각 부분에 대한 설명입니다 = 268
• 따라하기 테이블의 정렬 Sort Table = 269
• Sort Table 대화상자의 각 부분에 대한 설명입니다 = 269
• 따라하기 다른 프로그램에서 데이터 불러오기 = 271
• 메모장에서 데이터 불러오기를 합니다 = 271
• Insert Tubular Data 대화상자에 대한 설명 = 272
• 따라하기 엑셀에서 데이터 가져오기 = 274
• 따라하기 다른 프로그램으로 데이터 보내기 = 275
• 테이블 팝업 메뉴 = 278
• 2 테이블로 문서 레이아웃 잡기 = 279
• 문서 레이아웃 잡아보기 = 280
• 3 테이블과 텍스트 편집을 이용한 활용 예제 = 281
• 따라하기 이력서 양식 만들기 = 281
• 따라하기 간단한 인터넷 시작 페이지 만들기 = 284
• 4장 드림위버로 세련된 홈페이지 디자인하기
• Step 1 이 장의 주요 학습내용
• 1 예제 파일 열어 보기 = 288
• 2 예제 파일 살펴보기 = 289
• Step 2 이미지 사용하기
• 1 웹에서 사용하는 이미지 파일 = 290
• JPG(Joint Photographic Esport Group) = 291
• PNG(Portable Network Graphics) = 291
• GIF(Graphic Interface Format) = 292
• 2 웹 문서에 이미지 삽입하기 = 293
• 따라하기 새로운 이미지를 삽입하는 방법 = 293
• 따라하기 웹상의 이미지를 불러오기 = 294
• 3 배경 이미지 사용하기 = 296
• 따라하기 배경 이미지 설정하기 = 296
• 배경 이미지사용의 다양한 예 = 298
• 4 이미지 속성 설정하기 = 299
• 이미지 프로퍼티 인스펙터의 각 부분에 대한 설명 = 300
• Align의 드롭다운 리스트 항목에 대한 결과는 다음과 같습니다 = 303
• Link Target에 대한 설명입니다 = 307
• 5 롤오버 이미지 = 310
• 따라하기 롤오버 이미지(Rollover Images)를 삽입하는 방법 = 311
• 따라하기 Insert Rollover Image 대화상자 알아보기 = 311
• Insert Rollover Image 대화상자의 각 부분에 대한 설명입니다 = 311
• 따라하기 Rollover Image 수정하기 = 312
• 6 네비게이션 바(Navigation Bar) 사용하기 = 313
• 따라하기 네비게이션 윈도우 오픈메뉴 선택하기 = 313
• 따라하기 Insert Navigation Bar 대화상자 설정하기 = 314
• Insert Navigation Bar 대화상자의 각 부분에 대한 설명입니다 = 314
• 3 이미지에 링크걸기
• 1 하이퍼 이미지에 대하여 = 316
• Hyper Link와 하이퍼 텍스트 이미지 = 316
• 2 하이퍼 이미지 사용하기 = 317
• 하이퍼 이미지 삽입하기 = 317
• 따라하기 이미지에 하이퍼링크 연결하기 = 317
• 4 이미지 맵 최대한 활용하기
• 1 이미지 맵이란? = 320
• 이미지 맵을 이용하면 = 320
• 2 이미지 맵 사용하기 = 321
• 이미지 맵 Hotspots에 대하여 = 321
• Hotspots 프로퍼티 인스펙터에 대한 설명입니다 = 322
• 따라하기 이미지 맵 사용하기 = 323
• 따라하기 이미지 맵끼리 정렬시키기 = 326
• Layers and Hotspots의 이미지 맵 정렬 기능를 설명하고 있습니다 = 327
• 3 이미지 맵 파워 활용 = 329
• Image Map으로 롤오버 이미지 만들기 = 329
• 이미지 맵 롤오버 이미지란? = 329
• 따라하기 이미지 맵 영역 지정하기 = 330
• 따라하기 이미지 맵에 롤오버 이미지 적용하기 = 331
• 따라하기 이미지 숨겨주기 = 332
• 따라하기 비헤비어를 사용해 롤오버 이미지 완성하기 = 333
• 5 파이어웍스 이용한 이미지 최적화
• 1 이미지를 최적화시키기 = 334
• 이미지 맵기능을 이용하자 = 334
• 이미지를 최적화하면 전송속도가 빨라집니다 = 335
• 2 파이어웍스 소개 = 335
• 따라하기 파이어웍스로 이미지 최적화시키기 = 336
• 파이어웍스에서 이미지를 최적화시키는 방법 알아보기 = 336
• 3 파이어웍스 HTML 삽입하기 = 340
• 따라하기 드림위버에서 파이어웍스 HTML을 삽입하기 = 340
• 따라하기 Insert Fireworks HTML 대화상자 = 341
• 4 파이어웍스를 이용해 웹 포토 앨범 만들기 = 342
• 포토 앨범 예제보기 = 342
• 따라하기 Web Photo Album 기능을 이용하여 포토 앨범 만들기 = 343
• Create Web Photo Album 대화상자에 대해 알아보자 = 343
• 5 파이어웍스를 이용해 이미지의 속성 바꿔주기 = 345
• 6 레이어를 이용해 홈페이지 레이아웃 잡기
• 1 레이어 사용하기 = 346
• 레이어란? = 346
• 따라하기 레이어 만들기 = 347
• 따라하기 레이어 선택하기 = 348
• 따라하기 레이어 이동하기 = 350
• 따라하기 레이어 환경 설정 = 351
• Preferences 대화상자에 대해 알아보자 = 351
• 2 레이어 속성 설정 = 353
• 레이어 프로퍼티 인스펙터 사용하기 = 353
• 따라하기 레이어 크기 변경하기 = 357
• 3 레이어에 개체 삽입하기 = 358
• 따라하기 레이어에 텍스트 삽입하기 = 358
• 따라하기 레이어에 이미지 넣기 = 358
• 4 레이어 팔레트 사용하기 = 359
• 레이어 이름 바꿔주기 = 359
• 따라하기 레이어 선택하기 = 360
• 따라하기 레이어 순서 바꿔주기 = 360
• 따라하기 레이어 숨기기, 보여주기 = 362
• 5 레이어 정렬하기 = 363
• 따라하기 레이어 보기좋게 정렬시키기 = 363
• 따라하기 룰러와 함께 레이어 정렬하기 = 365
• 웹 문서에 룰러를 보이게 하는 방법 = 365
• 룰러의 기준점 조정하기 = 366
• 룰러의 눈금 단위 설정하기 = 367
• 따라하기 그리드와 함께 레이어 정렬하기 = 367
• 그리드 보기, 감추기 = 368
• 그리드 스냅걸기 = 368
• 그리드 셋팅 = 369
• 그리드 셋팅 대화상자에 대한 설명입니다 = 369
• 6 레이어와 테이블의 전환 작업 = 370
• 따라하기 레이어를 테이블로 전환하기 = 370
• 따라하기 테이블을 레이어로 전환하기 = 372
• 5장 보다 편리한 인터페이스 제공하기
• Step 1 이장의 주요 학습내용
• 1 예제 파일 열기 = 376
• 2 예제 파일 살펴보기 = 376
• 따라하기 프레임이 사용된 홈페이지 살펴보기 = 376
• 따라하기 프레임을 이용하여 만든 웹 문서의 장점 = 378
• 효과적인 사용자 인터페이스 = 378
• 빠른 전송 = 379
• 정보교환의 편리성 = 379
• Step 2 프레임 이해하기
• 1 프레임의 기초 = 380
• Columns & Rows의 구조를 배우자 = 380
• 프레임과 프레임셋에 대해 알아보자 = 381
• 프레임의 크기를 조정해보자 = 382
• 프레임 윈도우에 대해 알아보자 = 383
• 프레임 프로퍼티 인스펙트에 대해 알아보자 = 383
• 2 프레임 시작하기 = 384
• 따라하기 프레임 만들기 = 384
• 따라하기 프레임 선택하기 = 387
• 따라하기 프레임 안에 프레임 삽입하기 = 387
• 3 프레임 문서 저장하기, 불러오기 = 388
• 따라하기 프레임 문서 저장하기 = 388
• 프레임 저장하기 Save = 389
• 프레임셋 저장하기 Save Frameset = 389
• 다른 이름으로 프레임셋 저장하기 : Save Frameset As = 390
• 프레임과 프레임셋을 한꺼번에 저장하기 : Save All = 390
• 따라하기 프레임에 웹 문서 불러오기 : Open in Frame = 391
• Step 3 프레임속성 설정
• 1 프레임셋 프로퍼티 인스펙터를 이용하여 프레임셋 속성 설정하기 = 392
• 따라하기 프레임셋 크기 지정하기 = 393
• 프레임셋 크기 지정 방법 = 393
• 따라하기 프레임셋 보더값 지정하기 = 395
• 프레임셋 보더 두께 변경하기 = 395
• 프레임셋 보더의 색상 변경하기 = 395
• 2 프레임 프로퍼티 인스펙터를 이용해 프레임 속성 설정하기 = 396
• 따라하기 프레임 이름 지정하기 = 396
• 따라하기 프레임 내부에 다른 문서 불러오기 = 397
• 따라하기 프레임 보더 설정하기 = 397
• 따라하기 프레임 스크롤 바 = 398
• 따라하기 No Resize = 399
• 따라하기 프레임 여백설정 = 400
• 3 프레임 문서로 작업하기 = 400
• 프레임셋 문서의 Page Properties 설정하기 = 401
• 따라하기 프레임 문서 편집하기 = 402
• 4 링크의 Targer 설정하기 = 403
• 따라하기 기본적인 Target 설정= 403
• 따라하기 특정 프레임을 Target으로 하는 하이퍼링크 지정하기 = 404
• 따라하기 Noframe Content = 407
• 6장 다이나믹 HTML 배우기
• Step 1 이장의 주요 학습내용
• 1 예제 파일 열기 = 410
• 2 예제 파일 살펴보기 = 411
• CSS 이용하기 = 411
• 따라하기 비헤비어 이용해 다양한 효과 예제 = 411
• 3 다이나믹 HTML이란? = 413
• 4 다이나믹 HTML로 가능한 작업들 = 413
• Step 2 스타일 시트로 DHTML 구현하기
• 1 스타일 시트 시작하기 = 414
• 따라하기 스타일 시트에 대하여 = 414
• 따라하기 스타일 시트 팔레트 이해하기 = 415
• 따라하기 Edit Style Sheet 대화상자 이해하기 = 416
• 〔Edit Style Sheet〕 대화상자의 각 버튼에 대한 설명입니다 = 416
• 따라하기 새로운 스타일 시트 만들기 = 417
• 〔New Styles〕 대화상자에 대한 설명입니다 = 417
• 따라하기 외부 스타일 시트 사용하기 = 419
• 2 스타일 시트 사용하기 = 421
• 따라하기 Type Category 지정하기 = 421
• Type 옵션의 각 설정항목에 대해 설명입니다 = 422
• 따라하기 이미지는 그대로 내용만 스크롤하는 방법 = 425
• Background 옵션의 각 설정 항목에 대한 설명입니다 = 425
• 따라하기 문서내의 이미지와 텍스트 정렬하는 방법 = 427
• Block 옵션의 각 설정항목에 대한 설명입니다 = 427
• 따라하기 모든 문서 요소에 테두리를 지정하는 방법 = 429
• 따라하기 여러가지 요소의 보더값을 설정하는 방법 = 430
• 따라하기 이미지를 보다 다양한 모양으로 바꾸는 방법 = 431
• 따라하기 레이어와 레이어에 포함된 요소에 관련된 스타일 지정방법 = 432
• Positioning 옵션의 각 설정항목에 대한 설명입니다 = 432
• 따라하기 마우스 포인터 모양과 이미지에 필터 효과를 주는 방법 = 434
• Extensions 옵션의 각 설정항목에 대한 설명입니다 = 434
• Step 3 비헤비어 사용하기
• 1 비헤비어 시작하기 = 437
• 따라하기 비헤비어 인스펙터 사용하기 = 437
• 비헤비어 인스펙터 각 부분에 대한 설명입니다 = 437
• 따라하기 비헤비어 할 수 있는 일들 = 440
• 2 다양한 이벤트 메뉴 알아보기 = 442
• 비헤비어로 이벤트 바꿔주기 = 442
• 이벤트의 종류 = 442
• 3 액션 사용하기 = 444
• 따라하기 Call JavaScript 액션을 이용해 자바 스크립트 호출하기 = 444
• 따라하기 Change Property 기능으로 개체의 속성값 변경하기 = 446
• 따라하기 Check Browser 이용하기 = 447
• 따라하기 Check Plugin 설치하기 = 448
• 따라하기 Control Shockwave or Flash = 450
• 따라하기 Drag Layer 배우기 = 452
• Basic 탭에 대한 설명입니다 = 452
• Advanced 탭에 대한 설명입니다 = 453
• 따라하기 Go to URL 기능 이용하기 = 455
• 따라하기 Jump Menu 이용하기 = 455
• 따라하기 Jump Munu Go 기능 이용하기 = 456
• 따라하기 Open Browser Window 기능 이용하기 = 457
• Open Browser Window 기능에 대한 설명입니다 = 457
• 따라하기 Play Sound로 사운드 재생시키기 = 460
• 따라하기 Popup Message로 특정 이벤트에 메시지를 띄우는 방법 = 461
• 따라하기 Preload Image 액션으로 이미지 지정하기 = 462
• 따라하기 HTML 내용을 다른 HTML로 바꿀 수 있는 방법 = 462
• 따라하기 HTML 내용을 이벤트에 따라 바꿔주는 방법 = 464
• 따라하기 원하는 메시지를 보여주는 방법 = 464
• 따라하기 Set Text of Text Field 액션 사용 방법 = 465
• 따라하기 Show-Hide Layers 기능 배우기 = 466
• Show-Hide Layers 기능을 특정 레이어에 적용하기 = 466
• 따라하기 Swap Image로 버튼을 하나로 사용할 수 있게 묶어주는 방법 = 468
• Swap Image 기능을 사용하기 전 이미지를 삽입합니다 = 468
• 따라하기 Swap Image Restore로 이전 이미지로 되돌리기 = 469
• Swap Image가 적용되기 전의 이미지로 되돌리기 = 469
• 따라하기 TimeLine 기능으로 애니메이션 활용하기 = 470
• TimeLine의 각 부분에 대한 설명입니다 = 470
• 따라하기 Validate Form으로 입력을 확인하기 = 472
• validate Form 대화상자에 대한 설명입니다 = 472
• 따라하기 Get More Behaviors로 비헤비어의 종류를 확장하기 = 473
• Step 4 타임라인 애니메이션 만들기
• 1 타임라인 훑어보기 = 474
• 타임라인 생성하는 방법을 알아보자 = 475
• 타임라인 동작하는 방법을 알아보자 = 476
• 2 타임라인 처음부터 끝까지 = 477
• 따라하기 타임라인 인스펙터 이해하기 = 477
• 타임라인 인스펙터의 각 부분에 대한 설명입니다 = 477
• 따라하기 타임라인 메뉴 알아보기 = 481
• 타임라인 메뉴에 각 부분에 대한 설명입니다 = 481
• 따라하기 타임라인 다루기 = 484
• 애니메이션 바 위치 바꾸기 = 484
• 키프레임 위치 바꾸기 = 485
• 수동으로 프레임 조절하기 = 485
• 비헤비어 위치 바꾸기 = 485
• 키프레임을 사용하여 애니메이션 경로 바꿔주기 = 485
• 따라하기 타임라인에서의 비헤비어 응용하기 = 486
• 비헤비어 채널에 비헤비어를 삽입해 보자 = 486
• 따라하기 비헤비어를 이용한 타임라인 제어하기 = 487
• 타임라인 제어에 대한 설명입니다 = 487
• 7장 보다 고급스러운 기능들 배우기
• Step 1 드림위버로 폼 잡아보자
• 1 이 장의 주요 학습내용 = 490
• 예제 파일 열기 = 490
• 예제 파일 살펴보기 = 490
• 2 폼 양식 = 491
• 따라하기 폼에 대한 이해 = 491
• 게시판 웹의 폼 제작 = 491
• 검색 엔진의 검색어 입력 폼 = 492
• 회원 가입 신청서 = 492
• 주문서 작성 = 492
• 웹 메일 = 493
• 채팅방 대화 입력 창 = 493
• 사용자 로그 인 = 493
• 그 밖에 모든 입력 양식 = 494
• 3 Server Side Script를 알고 넘어가자 = 494
• 스크립트란? = 494
• 스크립트의 종류 = 494
• 클라이언트 사이드 스크립트(Client Side Script) = 495
• 서버 사이드 스크립트(Server Side Script) = 495
• 따라하기 폼 양식 만들기 = 496
• 따라하기 Insert Form 배우기 = 496
• 프로퍼티 인스펙터에 각 부분에 대한 설명입니다 = 497
• 따라하기 Text Field 배우기 = 498
• 텍스트 필드 프로퍼티 인스펙터 사용법입니다 = 499
• 따라하기 Check Box 배우기 = 501
• 체크 박스 프로퍼티 인스펙터에 대한 설명입니다 = 501
• 따라하기 Radio Button 배우기 = 502
• Radio Button 프로퍼티 인스펙터에 대한 설명입니다 = 503
• 따라하기 List／Menu 배우기 = 504
• List／Menu 프로퍼티 인스펙터에 대한 설명입니다 = 504
• 따라하기 File Field 배우기 = 506
• File Field 프로퍼티 인스펙터에 대한 설명입니다 = 506
• 따라하기 Hidden Field 삽입하기 = 507
• Hidden Field 프로퍼티 인스펙터에 대한 설명입니다 = 507
• 따라하기 Jump Menu 배우기 = 508
• Jump Menu 대화상자에 대한 설명입니다 = 508
• 따라하기 Button 기능 배우기 = 511
• Button을 선택했을 때 Button 프로퍼티 인스펙터에 대한 설명입니다 = 511
• 따라하기 Image Field 배우기 = 512
• 이미지 필드 프로퍼티 인스펙터에 대한 설명입니다 = 512
• 4 폼과 자바 스크립트를 활용해 상호대화형 홈페이지 만들기 = 513
• 따라하기 폼 제작하기 = 513
• 따라하기 자바 스크립트로 체크하기 = 514
• Step 2 드림위버에 멀티미디어 요소 삽입하기
• 1 플래시와 쇽웨이브 = 516
• 따라하기 플래시 무비 삽입하기 = 517
• 따라하기 쇽웨이브 삽입하기 = 519
• 쇽웨이브 파일을 드림위버로 삽입하는 방법입니다 = 520
• 따라하기 플래시와 쇽웨이브의 속성 다루기 = 521
• 따라하기 드림위버에서 플래시나 쇽웨이브 무비 제어하기 = 525
• 2 Generator 오브젝트 = 526
• 따라하기 Generator 오브젝트 삽입하기 = 526
• 따라하기 Insert Generator 대화상자 설정하기 = 527
• 3 자바 애플릿 삽입하기 = 528
• JAVA란 무엇인가? = 528
• JAVA로 가능한 작업들 = 528
• JAVA 다루기 = 529
• 따라하기 특수효과를 삽입하는 Java Applet 개발하는 방법을 알아보자 = 530
• Anfy Java로 할 수 있는 특수효과들에 대해 알아보자 = 534
• 따라하기 드림위버에서 JAVA Applet 삽입하기 = 535
• 따라하기 Java Applet 프로퍼티 인스펙터 사용하여 Applet 수정하기 = 537
• Applet 프로퍼티 인스펙터에 대한 설명과 Applet을 수정하는 방법 = 537
• 4 드림위버에서 자바 스크립트 사용하기 = 539
• Java Script란 무엇인가? = 539
• Java Script로 가능한 일들 = 539
• 자바 스크립트로 할 수 있는 일반적인 작업 = 540
• 따라하기 드림위버로 Java Script 다루기 = 540
• 드림위버에서 Script 입력기 사용하기 = 540
• Insert Script 대화상자에 대한 설명입니다 = 541
• 따라하기 Script 프로퍼티 인스펙터 사용하기 = 542
• Script 프로퍼티 인스펙터에 대한 설명입니다 = 542
• 따라하기 비헤비어로 자바 스크립트 호출하기 = 543
• 5 Plug-In 사용하기 1 (Video) = 544
• Video(동영상) 파일 이해하기 = 545
• 따라하기 드림위버에 비디오 파일 삽입하기= 546
• 따라하기 비디오 파일의 속성 변경하기 = 547
• 6 Plug-In 사용하기 2 (Sound) = 550
• Sound 파일 이해하기 = 550
• 따라하기 드림위버에 사운드 삽입하기 = 550
• 따라하기 사운드 파일의 속성 변경하기 = 551
• 따라하기 익스플로러에 〈BGSound〉 태그로 사운드 삽입하기 = 553
• 7 ActiveX 콘트롤 = 554
• 따라하기 ActiveX 오브젝트 삽입하기 = 554
• 따라하기 ActiveX로 사운드 삽입하기 = 555
• 따라하기 ActiveX 프로퍼티 인스펙터로 속성 설정하기 = 555
• 8장 드림위버 완벽 활용
• Step 1 이 장의 주요 학습내용
• 1 History 기능에 대해 알아보자 = 558
• 2 녹화작업 수행하기 = 559
• 3 불필요한 HTML 태그 청소하기 = 559
• 4 HTML Source 인스펙터 = 560
• 5 다양한 개체 삽입하기 = 560
• 6 디자인 노트 사용하기 = 561
• 7 링크 체크와 브라우저 체크 = 561
• Step 2 History 사용하기
• 1 History 기능 이해하기 = 562
• 2 History 사용하기 = 563
• History 인스펙터 = 563
• 실행 명령 되돌리기(Undo) = 563
• 선택한 Steps의 작업 반복 기능 = 564
• Steps 복사 = 564
• 실행 명령 저장하기 = 565
• Step 3 녹화 작업 수행하기
• 1 작업 녹화 과정을 알아보자 = 566
• 녹화 작업 시작하기 = 566
• 녹화 작업 수행하기 = 566
• 녹화 작업 끝내기 = 567
• 2 녹화 작업의 재생 방법을 알아보자 = 567
• Step 4 불필요한 HTML 청소
• 1 Clean Up HTML = 568
• 2 Clean Up HTML 사용하기 = 569
• Clean Up HTML 옵션 기능 익히기 = 569
• Clean Up HTML 대화상자의 각 옵션에 대한 설명 = 569
• 따라하기 Clean Up Word HTML 옵션 기능익히기 = 571
• Clean Up Word HTML 대화상자의 각 옵션에 대한 설명 = 571
• Step 5 HTML Source 인스펙터
• 1 HTML Source 인스펙터 = 572
• 2 HTML Source 인스펙터 사용하기 = 573
• 따라하기 HTML Source 인스펙터 열기 = 573
• 따라하기 HTML Source 인스펙터 사용하기 = 574
• HTML Source 인스펙터 기능들에 대한 설명입니다 = 574
• Step 6 그 밖의 개체삽입
• 1 날짜 삽입하기 = 576
• Insert Date = 576
• Insert Date 대화상자 = 576
• Insert Date 대화상자에 대한 설명 = 577
• 2 Head 태그 삽입하기 = 578
• 메타 태그 삽입하기 = 578
• Insert Meta 대화상자에 대한 설명 = 578
• Keywords = 579
• Description = 579
• Refresh = 580
• Refresh 대화상자에 대한 설명 = 580
• Base = 581
• Insert Base 대화상자에 대한 설명 = 581
• Link = 581
• 3 주석 삽입하기 = 582
• 따라하기 코딩작업을 위한 주석 삽입방법을 알아보자 = 582
• 4 특수문자 사용하기 = 583
• 따라하기 Characters를 이용하여 특수문자 삽입하기 = 583
• Characters 사용하기 = 584
• 5 SSI(Server-Side Include) = 584
• SSI란 무엇인가? = 584
• 따라하기 SSI사용하기 = 585
• SSI 프로퍼티 인스펙터 사용하기 = 585
• Step 7 디자인 노트 사용
• 1 디자인 노트란? = 586
• 2 디자인 노트 사용하기 = 586
• 디자인 노트 열기 = 586
• 디자인 노트 대화상자 = 587
• Step 8 체크 링크 체크 브라우저 기능
• 1 체크 링크 이용하기 = 588
• 따라하기 Link Checker 대화상자 사용하기 = 588
• 2 체크 브라우저(Check Target Browsers)란? = 589
• 따라하기 Check Target Browsers 사용하기 = 589
• 9장 작업의 효율을 극대화하자. Site! 라이브러리! 템플릿!
• Step 1 이 장의 주요 학습내용
• 1 드림위버의 Site 기능을 아시나요 = 592
• 2 라이브러리 200% 활용하기 = 593
• 3 템플릿을 사용하면 아주 편리합니다 = 593
• Step 2 Site 기능 이용하기
• 1 새로운 사이트 등록하기 = 594
• Site Definition 대화상자 열기 = 594
• 따라하기 Site Definition 대화상자를 오픈시키는 다양한 방법 = 595
• 따라하기 Local Into 항목 설정하기 = 596
• 따라하기 Web Server Info 항목 설정하기 = 597
• 따라하기 Check In／Out 항목 설정하기 = 598
• 따라하기 Site Map Layout 항목 설정하기 = 600
• 따라하기 Design Notes 항목 설정하기 = 601
• 2 Site 윈도우 사용 = 602
• Site 윈도우 열기 = 602
• 따라하기 Site 윈도우(Site Map 윈도우)를 오픈시키는 방법 = 602
• Site 윈도우 영역 = 604
• Site 네비게이션 = 605
• 따라하기 Site Map 구조 편집하기 = 607
• 따라하기 Site 메뉴로 Site 관리하기 = 608
• 따라하기 Site 윈도우의 Site 메뉴 이용하기 = 610
• Step 3 라이브러리를 이용하면 홈페이지 제작이 쉬워집니다
• 1 라이브러리란? = 612
• 2 라이브러리의 기초를 배워보자 = 613
• 따라하기 라이브러리 팔레트 열기 = 613
• 라이브러리 팔레트 = 614
• 라이브러리 메뉴 = 615
• 라이브러리 팔레트에서 Library 메뉴 아이콘을 클릭했을 때 나타나는 Library 메뉴에 대한 설명 = 615
• 라이브러리 프로퍼티 인스펙터 = 617
• 라이브러리 프로퍼티 인스펙터에 대한 설명 = 617
• 3 라이브러리 사용하기 = 618
• 따라하기 라이브러리 등록하기 = 618
• 따라하기 라이브러리 삽입하기 = 620
• 따라하기 라이브러리 수정하기 = 621
• 라이브러리 편집 윈도우를 오픈시키는 방법 = 621
• 따라하기 라이브러리 해체 방법 알아보기 = 623
• Step 4 템플릿 응용하기
• 1 템플릿 등록하기 = 624
• 따라하기 현재의 문서를 템플릿으로 등록하기 = 624
• 따라하기 새로운 템플릿 등록하기 = 625
• 2 템플릿 적용하기 = 627
• 따라하기 현재의 문서에 템플릿 적용하기 = 627
• 따라하기 새로운 문서에 템플릿 적용하기 = 628
• 따라하기 편집 영역 지정하기 = 629
• 따라하기 템플릿 해체하기 = 630
• 부록 1
• STEP 1 들어가기
• 1 드림위버의 확장 기능이란 무엇인가? = 7
• 2 드림위버 EXtensions 설치하기 = 10
• STEP 2 Behaviors Actions 추가하기
• 1 Actions 다운받기 = 15
• 2 Actions 설치하기 = 16
• 3 Actions 사용 예 = 16
• STEP 3 Objects 사용하기
• 1 Objects Extensions 다운받기 = 23
• 2 Objects Extensions 설치하기 = 24
• 3 Objects Extensions 사용 예 = 24
• STEP 4 Commands 사용하기
• 1 Commands 다운받기 = 30
• 2 Commands 설치하기 = 31
• 3 Commands 사용 예 = 32
• STEP 5 Inspector 사용하기
• 1 Inspector 다운받기 = 36
• 2 Inspector 설치하기 = 37
• 3 Inspector 사용 예 = 37
• STEP 6 그 밖에 드림위버 Extensions를 구입할 수 있는 사이트
• 부록 2
• STEP 1 Internet Explorer 소개
• 1 Internet Explorer의 개요 = 6
• 2 Internet Explorer의 특징 = 7
• 3 Internet Explorer 다운로드 하기 = 9
• 4 Internet Explorer 설치하기 = 11
• STEP 2 Internet Explorer 시작 및 환경 설정하기
• 1 Internet Explorer 시작하기 = 14
• 2 도구 모음 1 = 15
• 3 도구 모음 2 = 16
• 4 환경 설정하기 = 18
• 5 검색 엔진을 이용한 인터넷 항해하기 = 21
• STEP 3 E-Mail과 뉴스 그룹
• 1 인터넷 E-Mail 계정 설정 및 추가하기 = 22
• 2 아웃룩 익스프레스로 인터넷 E-Mail 확인하기 = 27
• 3 새로운 메일 확인하기 = 28
• 4 새로운 메일 작성 및 보내기 = 30
• 5 편지지 사용해서 메일 작성하기 = 32
• STEP 4 뉴스그룹
• 1 뉴스 서버 설정하기 = 36
• 2 뉴스 그룹 가입하기 = 40
• 3 뉴스 그룹 내용 보기 및 뉴스 그룹에 글 올리기 = 42