(생동감 있는 웹 디자인을 위한) 드림위버 4 홈페이지 만들기

목차 (Table of Contents)

• 목차
• Part 1. 홈페이지 제작을 위한 기본 다지기
• Section 1. 홈페이지 제작 이해하기 = 54
• 1. 홈페이지란? = 54
• 하이퍼 텍스트(Hyper Text)와 링크(Link) = 54
• 2. 홈페이지 제작의 변천사 = 55
• 태그를 직접 작성하는 원초적인 방법 = 55
• HTML 에디터를 이용하는 방법 = 56
• 위지윅(WYSIWYG) 방식의 에디터를 이용하는 방법 = 57
• Section 2. 드림위버를 사용해야 하는 이유 알아보기 = 58
• 1. 드림위버란? = 58
• DHTML(Dynamic Hyper Text Markup Language) = 58
• 2. 드림위버의 특징 = 59
• 배우기 쉽고 직관적이다 = 59
• DHTML을 쉽게 제작할 수 있다 = 60
• 놀라운 기능들과 무한한 확장성을 가지고 있다 = 61
• 3. 드림위버 4에 새로 추가된 파워 기능 = 62
• 전체 소스를 한꺼번에 보는 코드 보기(Code View) = 62
• 잘못된 자바스크립트 잡아내는 '자바스크립트 디버2' = 62
• 오릴리(O'Reilly) 레퍼런스 추가 = 63
• 레이아웃 뷰(Layout View) = 63
• 플래시 버튼 기능 = 63
• 플래시 텍스트 기능 = 64
• 효율적인 자산 관리를 위한 애셋(Asset) 패널 = 64
• 파이어웍스와 연결된 그래픽 편집 = 64
• 마이크로소프트 워드와의 연계 = 65
• 사이트 보고서(Site Reporting) 기능 = 65
• 익스텐션 관리 프로그램 '익스텐션 매니저' 추가 = 65
• Section 3. 다이나믹한 홈페이지 구경하기 = 66
• Section 4. 드림위버 4 설치하기 = 70
• 드림위버 4 평가판 사용 시 주의할 사항 = 71
• Section 5. 드림위버 4 화면 구성 살펴보기 = 72
• 설치 후 바로 드림위버를 시행하면 = 72
• 1. 오브젝트 팔레트 = 73
• 2. 속성 상자 = 74
• 3. 런처바 = 74
• 4. 작업 화면(도큐먼트 윈도우) = 75
• 스페셜 페이지 : 정확해야 할 그 순간! 눈금자, 그리드 활용하기 = 76
• 스페셜 페이지 : 편집 화면과 소스 화면 활용하기 = 77
• Section 6. 드림위버의 숨겨진 작업 환경 엿보기 = 78
• 1. 드림위버의 팔레트 맘대로 보이게 하고 감추기 = 78
• 드림위버 단축기 사용하기 = 78
• 2. 오브젝트 팔레트 맘대로 조정하기 = 79
• 특수 문자 오브젝트(Character) = 79
• 폼 오브젝트(Forms) = 79
• 프레임 오브젝트(Frames) = 80
• 헤드 오브젝트(Head) = 80
• 보이지 않는 오브젝트(Invisibles) = 80
• 스페셜 오브젝트(Sepcial) = 81
• 3. 속성 상자는 선택되어 있는 구성 요소에 따라 바뀐다! = 81
• 4. 구성 요소 이동시키고 감추기 = 82
• 5. 서로 다른 패널 합치고 분리하기 = 83
• Section 7. 드림위버로 간단한 홈페이지 만들기 = 84
• 도구 상자의 위치를 옮기려면? = 84
• Part 2. 드림위버4 기본 기능 완벽하게 활용하기
• Section 8. 드림위버 처음 시작은 이렇게! = 90
• 1. 웹 문서 저장하기 = 90
• 맨 처음 파일을 저장해야만 하는 이유, 하나 더! = 90
• 2. 작업 화면의 크기인 해상도 설정하기 = 91
• 내 맘대로 작업 화면의 크기를 맞추려면? = 91
• Section 9. 홈페이지를 만들 작업 공간 마련하기 = 92
• 1. 로컬 사이트? 리모트 사이트? = 92
• 사이트 관리자로 로컬 사이트와 리모트 사이트 연결하기 한 번에 살펴보기! = 92
• 2. 로컬 사이트 만들기 = 93
• part 02를 로컬 사이트로 만드는 이유는? = 93
• 3. 로컬 사이트 삭제하기 = 94
• 로컬 사이트 수정하려면? = 94
• 4. 로컬 사이트 관리중 유의할 점 = 95
• 여러 개의 홈페이지를 동시에 만들 때 = 95
• 외부 프로그램에서 관련 파일을 수정했을 때 = 95
• 로컬 사이트가 아닌 다른 폴더에서 파일 불러올 �� = 95
• Section 10. 웹 문서 제작의 첫 걸음! 페이지 속성 설정하기 = 96
• 1. 페이지 등록 정보 살펴보기 = 96
• 2. 페이지 등록 정보에서 설정하는 속성 이해하기 = 96
• 3. 웹 문서의 기본 속성 설정하기 = 97
• 웹 문서의 여백 없애는 방법 = 97
• Section 11. 홈페이지 내용 입력하기 = 98
• 1. 타이틀 입력하고 가운데 정렬시키기 = 98
• 2. 문단 나누고 줄바꾸기 = 100
• 일본어 사이트 만들기 = 100
• 스페셜 페이지 : 윈도우에서 제공하는 특별한 문자 넣기 = 101
• Section 12. 글자 속성을 맘대로! 글자 모양 변경하기 = 102
• 1. 글자 크기 바꾸기 = 102
• 글자에 효과를 주는 텍스트 스타일 = 103
• 2. 팔레트에서 마음에 드는 색으로 글자색 바꾸기 = 104
• 기본 색상 모아둔 색상 팔레트 살펴보기 = 104
• 3. 나만의 특별한 글자색 만들기 = 105
• 사용자 정의 색을 만드는［색］대화상자 살펴보기 = 105
• Section 13. 드림위버에 새로운 글꼴 추가하기 = 106
• 1. 드림위버에 한글 글꼴 추가하기 = 106
• 2. 추가된 글꼴로 글자 모양 바꾸기 = 107
• Section 14. 복잡한 내용을 깔끔한 목록으로 정리하기 = 108
• 1. 목록의 종류 알아보기 = 108
• 2. 순서 없는 목록 만들기 = 109
• 목록 만들어 주는 대화상자 살펴보기 = 109
• 3. 순서 있는 목록 만들기 = 110
• 4. 목록 밑에 있는 하위 목록 만들기 = 111
• 상위 목록으로 변경하고 목록 삭제하기 = 111
• Section 15. 수평선 이용하여 내용 구분하기 = 112
• 1. 수평선 속성 조절하기 = 112
• 2. 웹 문서에 수평선 넣기 = 112
• 수평선의 색상 마음대로 바꾸기 = 113
• Section 16. 드림위버에서 제공하는 특수문자 넣기 = 114
• 1. 웹 문서에 저작권 정보 넣기 = 114
• 2. 다른 특수 문자 삽입하기 = 115
• 그림과 텍스트를 정렬하는 방법 = 115
• Section 17. 그림 삽입을 위한 기본 개념 이해하기 = 116
• 세부 설정을 담당하는［그림］속성 상자 살펴보기 = 116
• 그림이 저장된 위치에 맞게 경로 설정하기 = 116
• 스페셜 페이지 : 홈페이지에서 사용되는 그림 파일의 종류 = 117
• Section 18. 웹 문서에 그림 넣기 = 118
• 저장하지 않은 웹 문서에 그림 넣었을 때 = 119
• Section 19. 그림과 문단 자연스럽게 배치하기 = 120
• 1. 그림과 문단 정렬하기 = 120
• 그림과 텍스트를 정렬하는 방법 = 121
• 2. 그림 크기 조절하고 여백 설정하기 = 122
• 그림에 설명 글 추가하기 = 122
• 그림에 테두리 지정하기 = 123
• Section 20. 롤오버 이미지로 다이나믹한 메뉴 만들기 = 124
• Section 21. 웹 문서 연결하기! 하이퍼링크 이해하기 = 126
• 1. 하이퍼링크란? = 126
• 2. 링크 설정 방법 이해하기 = 126
• 인터넷에 올렸더니 링크가 안되네요 = 127
• Section 22. 텍스트에 하이퍼링크 설정하기 = 128
• 1. 다른 사이트로 이동하는 링크 걸기 = 128
• 2. 링크 걸린 텍스트 색 웹 문서에 어울리게 바꾸기 = 129
• Section 23. 그림에 하이퍼링크 설정하기 = 130
• 1. 내부 웹 문서로 이동하는 링크 걸기 = 130
• 2. 링크된 웹 문서에 타겟 지정하기 = 131
• ［Point-to-File］아이콘으로 링크 걸기 = 132
• 스페셜 페이지 : 전자 우편 링크 설정하기 = 133
• Section 24. 웹 문서의 특정 위치로 이동하는 앵커 설정하기 = 134
• 1. 원하는 부분만 골라 이동하는 앵커 기능 = 134
• 2. 앵커 설정하는 기본 방법 = 134
• 3. 긴 웹 문서의 특정 위치로 이동하는 앵커 만들기 = 135
• 앵커 표시하는 노란 표식 없애기 = 135
• 4. 다른 사이트의 특정 위치로 이동하는 앵커 만들기 = 137
• Section 25. 이미지 맵 사용하여 하나의 이미지로 다중 링크 걸기 = 138
• 1. 이미지 맵이란? = 138
• 2. 이미지 맵 만들기 = 139
• 잘못 링크 건 이미지 맵 영역 삭제하기 = 139
• 3. 이미지 맵 조절하기 = 141
• 이미지 맵 영역을 지정하는 요소들 = 141
• 이미지 맵 영역 수정하기 = 141
• 이미지 맵의 이름은 언제 필요하죠? = 141
• Section 26. 드림위버에서 공백 넣는 비법 공개 = 142
• 1. 텍스트를 이용해 공백 삽입하기 = 142
• 2. 투명 이미지로 공백 삽입하기 = 143
• 드림위버에서 원하는 만큼 띄어쓰기 = 143
• Section 27. 헤드 오브젝트로 유용한 기능 삽입하기 = 144
• 1. 메타 태그 이용하여 홈페이지 설명 글 입력하기 = 144
• 2. 홈페이지를 대표하는 키워드 삽입하기 = 145
• 메뉴에서 메타 태그 삽입하기 = 145
• 3. 자동 타이머 기능 Refresh 활용하기 = 146
• ［Insert Refresh］대화상자 살펴보기 = 146
• 4. 메타 태그로 페이지 전환 효과 주기 = 147
• Part 3. 표와 프레임으로 웹 문서 레이아웃 잡기
• Section 28. 드림위버에서 표 활용하기 = 150
• 1. 표란? = 150
• 웹 문서의 틀을 잡아주는 레이아웃 기능 = 150
• 2. 드림위버에서 표 만들기 = 151
• 표의 구조 이해하기 = 151
• 3. 표 삽입(Insert Table) 대화상자 살펴보기 = 151
• Section 29. 표 관련 기본 기능 익히기 = 152
• 1. 표 관련 세부 속성 살펴보기 = 152
• 2. 표의 크기 픽셀과 퍼센트로 설정하기 = 153
• 3. 표와 셀 선택하기 = 153
• 표 전체 선택하는 방법 = 153
• 셀 선택하기 = 154
• 행과 열 통째로 선택하기 = 154
• 4. 표 크기 조절하기 = 155
• 작업 화면에서 표 크기 늘리기 = 155
• 표 속성 상자에서 표 크기 늘리기 = 155
• 5. 특정 셀의 크기 변환하기 = 156
• 작업 화면에서 셀 크기 변환하기 = 156
• 셀 속성 상자에서 크기 변환하기 = 156
• 6. 웹 문서에서 표 정렬하기 = 157
• 표의 위치 정렬하기 = 157
• 표의 내용물 정렬하기 = 157
• 7. 표에 테두리와 여백 설정하기 = 158
• 외곽 테두리와 내부 테두리 같은 모양의 표 만들기 = 158
• 8. 표에 열과 행 추가하고 삭제하기 = 159
• 셀의 테두리 색상 바꾸기 = 159
• 9. 셀 합치고 나누기 = 160
• 셀을 합치고 나누는 또 다른 방법! = 160
• 10. 특정 셀 픽셀로 고정시키기 = 161
• 11. 셀 흐름 방지 기능과 셀 헤더 사용하기 = 163
• 자동으로 셀의 넓이가 맞춰지는 경우 = 163
• Section 30. 필요한 모양의 표 만들기 = 164
• Section 31. 표를 그림과 텍스트로 채우기 = 166
• Section 32. 표에 배경색과 배경 그림 지정하기 = 168
• 1. 몇 개의 셀만 선택하여 배경색 적용하기 = 168
• 2. 표에 배경 그림 적용하기 = 169
• 여러 개의 셀에 배경 그림 지정하기 = 169
• 스페셜 페이지 : MS 워드에서 만든 웹 문서의 태그 정리하기 = 170
• Section 33. 표로 특별한 모양의 레이아웃 잡기 = 172
• 1. 표로 원하는 모양의 레이아웃 구성하기 = 172
• 2. 표로 웹 문서의 상단 메뉴 만들기 = 173
• 3. 표로 웹 문서의 왼쪽 메뉴 만들기 = 175
• 표로 그림 조각 합칠 때 주의할 점 = 176
• 4. 웹 문서의 내용 채우고 테두리 효과 주기 = 177
• Section 34. 복잡한 레이아웃 단숨에 만드는 '레이아웃 뷰' = 180
• 1. 레이아웃 뷰 기능이 뭐죠? = 180
• 2. 레이아웃 뷰 작업은 어디에서 하나요? = 180
• 3. 레이아웃 뷰 화면으로 이동하기 = 181
• 다시 일반 작업 화면으로 돌아가기 = 181
• Section 35. 레이아웃 표 만들어 활용하기 = 182
• 1. 레이아웃 표 만들어 보기 = 182
• 2. 레이아웃 표 크기 조절하고 이동시키기 = 183
• ［레이아웃 표］속성 상자 살펴보기 = 183
• 3. 레이아웃 표에 배경색 지정하기 = 184
• 레이아웃 표에 있는 녹색 탭과 숫자는 뭐예요? = 184
• 4. 텍스트와 그림으로 레이아웃 표 채우기 = 185
• 표 안에 비어있는 공간 없애주기 = 185
• Section 36. 레이아웃 셀 만들어 활용하기 = 186
• 1. 레이아웃 셀 만드는 방법 = 186
• 2. 레이아웃 셀 이동시키고 크기 조절하기 = 187
• 레이아웃 표의 크기를 크게 하세요 = 187
• 3. 레이아웃 셀 안의 내용 정렬하기 = 188
• ［레이아웃 셀］속성 상자 살펴보기 = 188
• 4. 투명 이미지 삽입하기 = 189
• 5. 레이아웃 셀 간격과 여백 지정하기 = 189
• Section 37. 레이아웃 뷰로 복잡한 레이아웃 쉽게 만들기 = 190
• 1. 트레이싱 이미지로 밑그림 설정하기 = 190
• 2. 레이아웃 뷰에서 웹 문서 레이아웃 잡기 = 191
• 3. 완성된 레이아웃을 그림과 텍스트로 채우기 = 193
• Section 38. 효율적인 공간 활용! 프레임 이해하기 = 196
• 1. 프레임 이해하기 = 196
• 홈페이지 프레임으로 만들까 아님 표로 만들까! = 196
• 2. 프레임의 구조 이해하기 = 197
• 프레임셋(frameset) 문서란? = 197
• Section 39. 프레임 만들고 저장하기 = 198
• 1. 드림위버 메뉴를 이용하여 프레임 생성하기 = 198
• 다른 페이지에서 현재의 페이지를 링크 하려면? = 199
• 2. 마우스로 드래그 하여 프레임 추가하기 = 200
• 프레임의 크기를 마우스로 조절할 수 있나요? = 200
• 3. 프레임 오브젝트 팔레트를 이용하여 프레임 만들기 = 201
• 프레임 제거하는 방법 = 201
• Section 40. 프레임 제어하는 여러 가지 방법 배우기 = 202
• 1. 프레임 제어하기 = 202
• 프레임 경계선 감추고 스크롤 바 달아주기 = 203
• 2. ［프레임］속성 상자와 ［프레임셋］속성 상자 이용하기 = 205
• ［프레임］속성 상자 = 205
• ［프레임셋］속성 상자 = 205
• Section 41. 여러 개의 프레임 한꺼번에 바꾸기 = 206
• Section 42. 실전 예제! 프레임 셋으로 홈페이지 만들기 = 208
• 1. 위아래로 나뉘어진 홈페이지 첫 화면 만들기 = 208
• 2. 첫 화면과 링크 시킬 또 다른 프레임 셋 문서 만들기 = 210
• 프레임 문서와 프레임 셋 문서 선택하기 = 210
• 3. 두 개의 프레임 문서 한꺼번에 불러오기 = 212
• Section 43. 표 안에 외부 문서 불러오는 아이프레임 기능 = 214
• 1. 아이프레임이란? = 214
• 2. 아이프레임에 외부 웹 문서 불러오기 = 215
• 아이프레임에 링크된 웹 문서 보여주기 = 215
• Part 4. 레이어와 타임라인으로 다이나믹한 애니메이션 만들기
• Section 44. 어디서든 사용 가능한 레이어 이해하기 = 218
• 1. 레이어? 레이어! = 218
• 2. 레이어의 특징 = 218
• 레이어의 모양 살펴보기 = 219
• Section 45. 레이어 생성 방법과 기본 활용법 = 220
• 1. 레이어 활용의 기본! ［레이어］속성 상자 = 220
• 레이어 패널 살펴보기 = 221
• 2. 레이어 만들고 그림 넣기 = 221
• 3. 레이어 크기 조절하고 이동하기 = 222
• ［레이어］속성 상자에서 크기와 위치 지정하기 = 222
• 4. 키보드 방향키로 레이어 세밀하게 제어하기 = 223
• 메뉴에서 한번에 레이어 속성 설정하기 = 223
• 5. 레이어 선택하기 = 224
• 6. 레이어에 배경색 지정하기 = 225
• 7. 부모 레이어와 자식 레이어 만들기 = 225
• 레이어 패널에서 부모 레이어와 자식 레이어 만들기 = 225
• Section 46. 레이어만의 특별한 속성 활용하기 = 226
• 1. 여러 개의 레이어 한꺼번에 정렬하기 = 226
• 2. 레이어 순서 결정하기 = 227
• 3. 레이어 보이고 감추는 속성 알아두기 = 228
• ［레이어］속성 상자에서 레이어 감추기 = 228
• 4. 레이어에 스크롤 바 달아주기 = 229
• 스크롤 바가 항상 보이게 설정하기 = 229
• 5. 레이어를 표로 변환시키기 = 230
• ［레이어를 표로 변환하기］대화상자 살펴보기 = 230
• 6. 표를 레이어를 변환시키기 = 231
• 레이어 겹쳐지지 않게 설정하기 = 231
• Section 47. 애니메이션 제작 공장! 타임라인 이해하기 = 232
• 1. 타임라인 기능 이해하기 = 232
• 2. 타임라인 활용을 위해 알아야할 개념 = 232
• 3. 타임라인 구조와 세부 옵션 이해하기 = 233
• 드림위버에서 타임라인 불러오기 = 233
• Section 48. 기본적인 애니메이션 효과 만들기 = 234
• 1. 왼쪽에서 오른쪽으로 이동하는 애니메이션 효과 = 234
• 타임라인에 레이어 등록시킬 때 주의할 점! = 235
• 2. 곡선을 따라 이동하는 애니메이션 효과 = 236
• 원하는 모양에 필요한 키프레임 추가하기 = 236
• 3. 경로를 따라 자유롭게 움직이는 애니메이션 = 237
• 타임라인의 오른쪽 버튼 메뉴 = 237
• Section 49. 한 글자씩 떨어지는 타이틀 애니메이션 만들기 = 238
• Section 50. 보였다 사라졌다하는 애니메이션 만들기 = 240
• Section 51. 화면에서 꽃이 뿌려지는 애니메이션 만들기 = 242
• Section 52. 자동으로 그림 바뀌는 배너 광고 만들기 = 244
• Section 53. 자동으로 내용이 스크롤 되는 애니메이션 만들기 = 246
• Part 5. 홈페이지에 상큼한 멀티미디어 효과 넣기
• Section 54. 멀티미디어로 홈페이지 다이나믹하게 꾸미기 = 250
• 1. 멀티미디어 파일이란? = 250
• 홈페이지에서 멀티미디어 파일 활용하기 = 250
• 2. 멀티미디어 홈페이지에서는 음악파일을 어떻게 사용하죠? = 251
• 배경음악과 효과음 설정하기 = 251
• 배경음악 이어듣기와 실시간으로 음악 감상하기 = 251
• 3. 멀티미디어 홈페이지에서는 동영상 파일을 어떻게 사용하죠? = 252
• 홈페이지에서 동영상 활용하기 = 252
• 4. 드림위버에서 멀티미디어 파일 넣기 = 253
• 5. 미디어 파일 관련 속성 상자 이해하기 = 254
• 미디어 파일의 세부 속성을 설정하는 파라미터 = 254
• 6. 멀티미디어 삽입 태그 이해하기 = 255
• 플러그인 매개변수 설정에 대하여 = 255
• Section 55. 플러그인으로 웹 문서에 배경 음악 넣기 = 256
• 다양한 미디 파일과 효과음 구하기 = 257
• Section 56. 비헤이비어로 아이콘 클릭하면 음악 흐르게 하기 = 258
• 이런 현상이 생길 수도 있습니다 = 259
• Section 57. 숨어 있는 프레임으로 배경 음악 이어듣기 = 260
• Section 58. 동영상을 원하는 위치에 삽입하기 = 262
• 최신 영화 감상을 위한 필수품 '코덱' = 263
• Section 59. 동영상에 세부 속성 추가하기 = 264
• 1. 동영상 밑에 있는 컨트롤 막대 없애기 = 264
• 2. 롤오버 되면 자동으로 재생되는 동영상 만들기 = 265
• 그림 삽입 태그 〈Img〉로 동영상 삽입하기 = 265
• Section 60. 방문자의 미디어 플레이어로 동영상 감상하기 = 266
• 동영상의 정지화면을 캡쳐 했는데 화면이 까맣게 나와요! = 267
• Section 61. 실시간 재생되는 스트리밍 파일 만들기 = 268
• 1. 스트리밍 파일은 어떻게 사용되나요? = 268
• 웹 상에서 라디오 듣기 = 268
• 웹 상에서 영화 감상하기 = 268
• 2. 대표적인 스트리밍 파일의 종류 = 269
• 윈도우 미디어 파일 형식(asf, wma, wmv) = 269
• 리얼미디어 파일 형식(ra, rm) = 269
• 마음에 드는 스트리밍 파일 내 컴퓨터에 저장하기 = 269
• 3. 멀티미디어 파일을 스트리밍 파일로 전환해 주는 프로그램 = 270
• 윈도우 미디어 인코더에서 스트리밍 파일 만들기 = 270
• 리얼프로듀서(RealProducer)에서 스트리밍 파일 만들기 = 270
• 스트리밍 파일을 저장해주는 ASF 레코더(ASFRecorder) = 271
• 멀티미디어 동영상 파일은 어떻게 만드나요? = 271
• Section 62. 스트리밍 파일 변환 프로그램 설치하기 = 272
• 1. 윈도우 미디어 인코더 설치하기 = 272
• 2. 윈도우 미디어 인코더의 화면 살펴보기 = 273
• Section 63. 나만의 인터넷 라디오 방송국 만들기 = 274
• 1. MP3를 스트리밍 음악 파일(WMA)로 변환하기 = 274
• 원본 파일 선택할 때 파일 형식 확인하기 = 275
• 2. 홈페이지에 스트리밍 음악 파일 연결하기 = 276
• 왜 'mms'를 사용해야 되나요? = 276
• 스페셜페이지 : 음악CD에서 마음에 드는 노래 MP3로 저장하기 = 277
• Section 64. 나만의 인터넷 방송국 만들기 = 278
• 1. MPG를 스트리밍 동영상 파일(WMV)로 변환하기 = 277
• 인터넷 방송국의 필수 조건 '스트리밍 서버' = 279
• 2. 홈페이지에 스트리밍 동영상 파일 연결하기 = 280
• 리얼프로듀서에서 스트리밍 파일 만들기 = 280
• 스페셜페이지 : 여러 곡이 순서대로 재생되는 asx 파일 만들기 = 281
• Section 65. 드림위버에서 플래시 무비 편집하기 = 282
• 1. 드림위버 4에서 플래시 활용 방법 알아보기 = 282
• 플래시 무비 삽입하기 = 282
• 플래시 버튼 만들기 = 282
• 플래시 텍스트 만들기 = 282
• 2. 웹 문서에 플래시 무비 삽입하는 방법 = 283
• 3. 플래시 속성 상자 살펴보기 = 283
• 4. 웹 문서에 플래시 무비 파일(swf) 삽입하기 = 284
• 플래시 무비를 보기 위한 필수품! 플러그인 = 284
• 스페셜페이지 : 드림위버에서 플래시 무비 배경 투명하게 만들기 = 285
• 플래시 파일이 보이지 않을 때! = 285
• Section 66. 드림위버에서 플래시 버튼 만들기 = 286
• 1. 플래시 버튼으로 선택 매뉴 만들기 = 286
• 2. 플래시 버튼 스타일 추가하기 = 288
• 외부 익스텐션 관리자! 매크로미디어 익스텐션 매니저 = 288
• 자동으로 저장되는 플래시 무비 파일(swf) = 289
• Section 67. 드림위버에서 플래시 텍스트 만들기 = 290
• 1. 플래시 텍스트 만드는 대화상자 살펴보기 = 290
• 2. 롤오버 효과나는 플래시 텍스트 삽입하기 = 290
• Section 68. 자바 애플릿으로 톡톡 튀는 홈페이지 만들기 = 292
• 자바 애플릿의 기본구조 = 292
• 자바 애플릿 속성 상자 살펴보기 = 292
• 자바 애플릿 소스를 구할 수 있는 추천 사이트 = 293
• Section 69. 호수에 비치는 듯한 효과 내는 자바 애플릿 = 294
• 1. 호수 효과 자바 애플릿 속성 이해하기 = 294
• 2. 보름달이 호수에 비치는 효과 연출하기 = 294
• Section 70. 빛이 통과하는 하이라이트 효과 내는 자바 애플릿 = 296
• 1. 하이라이트 효과 자바 애플릿 속성 이해하기 = 296
• 2. 자바 애플릿으로 타이틀에 하이라이트 효과 주기 = 296
• Section 71. 텍스트가 파도처럼 출렁이는 자바 애플릿 = 298
• 1. 출렁이는 자바 애플릿 속성 이해하기 = 298
• 2. 자바 애플릿으로 출렁이는 환영 인사말 넣기 = 298
• Part 6. 나만의 스타일로 홈페이지 휘어잡기
• Section 72. 스타일 시트 이해하기 = 302
• 1. 스타일 시트란? = 302
• 2. 스타일 시트의 태그 구성 알아보기 = 302
• 3. 스타일 시트의 종류 = 303
• ［Defing IN］에서 적용 범위 결정 = 303
• ［Type］에서 적용 대상 결정 = 303
• 4. 스타일 시트를 어디에서 만들죠? = 304
• 5. 드림위버에서 스타일 시트를 어떻게 만드나요? = 305
• Section 73. 자주 사용하는 글자 모양 HTML 스타일로 저장하기 = 306
• 1. HTML 스타일 관련 대화상자 살펴보기 = 306
• 2. HTML 스타일로 빠르게 문단 모양 바꾸기 = 307
• 저장된 HTML 스타일 수정하기 = 307
• Section 74. 사용자 정의 스타일 시트로 글자 관련 속성 바꾸기 = 308
• 1. 사용자가 텍스트 속성을 정의하는 ［Type］설정 화면 = 308
• 2. 내가 정의한 글자 속성대로 문단 한 번에 바꾸기 = 309
• Section 75. 사용자 정의 스타일 시트로 줄 간격 수정하기 = 310
• 글자 간격과 정렬 방식을 설정하는 ［Block］설정 화면 = 311
• Section 76. 드림위버 외부 스타일 〈span〉태그로 형광 펜 효과 만들기 = 312
• 형광 펜 효과주는 〈span〉태그 이해하기 = 312
• 스페셜페이지 : 마우스 커서의 모양 바꾸기 = 313
• Section 77. HTML 태그 정의 스타일로 모든 그림에 테두리 넣기 = 314
• 웹 문서 전체에 스타일 시트 적용시키기 = 314
• 테두리 속성을 설정하는 ［Border］살펴보기 = 315
• Section 78. 링크 관련 스타일 시트로 링크 모양 바꾸기 = 316
• 1. 링크 설정된 텍스트의 밑줄 없애고 롤오버 효과 주기 = 316
• 웹 문서 전체에 적용된 스타일 시트 해제하기 = 317
• 2. 클릭하는 순간과 방문한 적 있는 링크 색상 바꾸기 = 318
• 텍스트에 스타일 시트를 지정했는데 제대로 보이지 않을 경우 = 318
• 텍스트 메뉴는 한번 방문한 이후에는 롤오버 되지 않아요 = 319
• Section 79. 사용자 정의 스타일 시트로 나만의 목록 아이콘 만들기 = 320
• 1. 목록의 모양을 설정하는 ［List］설정 화면 = 320
• 2. 예쁜 아이콘으로 목록 꾸미기 = 320
• Section 80. 사용자 정의 스타일 시트로 배경 그림 원하는 곳에 위치시키기 = 322
• 1. 스타일 시트로 배경 그림을 설정하면 뭐가 다르죠? = 322
• 배경 관련 스타일을 지정하는 ［Background］대화상자 = 322
• 2. 지정한 위치에 한 번만 나타나는 배경 그림 만들기 = 323
• 내 마음에 쏙 드는 색상 선택하기 = 323
• 사용자 정의 스타일 시트로 배경 그림 원하는 위치에 정렬하기 = 325
• 3. 배경 그림 스크롤 되지 않도록 고정시키기 = 326
• 적용된 스타일 시트 해제하기 = 326
• Section 81. 스타일 시트로 스크롤바 모양 바꾸기 = 328
• 1. 스크롤바 만들어주는 스타일 시트 소스 분석하기 = 328
• 2. 스크롤바를 나만의 색상으로 바꾸기 = 328
• Section 82. 외부 스타일 시트 활용하기 = 330
• 1. 외부 스타일 시트 불러와 사용하기 = 330
• 2. 외부 스타일 시트 만들어 저장해 두고 사용하기 = 331
• 외부 스타일 시트를 불러오는 또 다른 방법! = 331
• 3. 외부 스타일 시트 수정하기 = 333
• Section 83. 소스 보관소 '라이브러리' 활용하기 = 334
• 라이브러리(Library) 작업 환경 이해하기 = 335
• Section 84. 라이브러리에 저장한 아이템 활용하기 = 336
• 1. 라이브러리에 저장된 아이템으로 웹 문서 꾸미기 = 336
• 2. 라이브러리에 등록된 아이템 수정하기 = 338
• 라이브러리 파일은 어디에 저장되지? = 338
• 라이브러리 속성 상자 살펴보기 = 339
• Section 85. 템플릿 기능으로 웹 문서 복제하기 = 340
• 1. 템플릿 문서 만들고 편집 가능 영역 설정하기 = 340
• 템플릿 문서 일반 웹 문서로 전환하기 = 341
• 템플릿 문서는 어디에 저장되지? = 342
• 2. 앞에서 만든 템플릿 문서로 웹 문서 만들기 = 343
• 3. 템플릿 문서 수정하기 = 344
• 편집 가능 영역 삭제하기 = 344
• 4. 템플릿이 적용된 웹 문서 한꺼번에 업데이트하기 = 345
• Part 7. 폼 문서 & CGI 활용하기
• Section 86. 폼 문서와 작동 원리 이해하기 = 348
• 폼 문서가 뭐예요? = 348
• 폼 문서는 어떻게 작동되나요? = 348
• 공개 CGI 프로그램 이용하기 = 349
• 공개 CGI 소스 제공하는 강좌 사이트 = 349
• Section 87. 주문서 만들기 = 350
• Section 88. 텍스트 필드 삽입하고 속성 설정하기 = 352
• 텍스트 필드의 길이와 입력 가능한 글자 수 제한하기 = 352
• 텍스트 필드 속성 상자 살펴보기 = 353
• Section 89. 체크 박스와 라디오 버튼으로 선택 항목 만들기 = 354
• 동일 범위의 체크 박스의 이름은 같게 값은 다르게 설정하기 = 354
• Section 90. 파일 첨부 버튼과 전송 버튼 만들기 = 356
• 버튼 관련 속성 상자 살펴보기 = 356
• 그림으로 전송 버튼 만들기 = 357
• Section 91. CGI 게시판 설치를 위해 알아야할 기본 정보 = 358
• 1. CGI 게시판이 왜 좋아요? = 358
• 2. CGI 설치 가능한 홈페이지 계정 정보 = 358
• 3. CGI 게시판 설치 과정 짚어보기 = 359
• FTP로 CGI 소스 계정에 등록하기 = 359
• CGI 관련 파일에 퍼미션 설정하기 = 359
• 퍼미션을 표시하는 숫자의 정체는? = 359
• Section 92. 세팔 보드 설치하고 홈페이지에 연결하기 = 360
• 1. WS_FTP로 세팔 보드 계정에 등록하기 = 360
• 아스키 모드(ASCII)와 바이너리 모드(Binary) 이해하기 = 361
• 2. CGI 파일에 퍼미션 설정하기 = 362
• 게시판을 여러 개 만들고 싶어요! = 363
• 3. 세팔 보드 환경 설정하기 = 364
• 내가 만든 그림으로 타이틀과 배경 꾸미기 = 364
• 4. 홈페이지에 CGI 게시판 연결하기 = 365
• Part 8. 전문가 기능 비헤이비어 따라잡기
• Section 93. 비헤이비어 완전 정복을 위한 기본 다지기 = 368
• 1. 비헤이비어 개념과 기능 이해하기 = 368
• 비헤이비어 패널 불러오기 = 368
• 2. 웹 문서에 비헤이비어 적용시키는 방법 = 369
• 선택하려는 이벤트가 보이지 않을 경우 = 369
• 3. 드림위버 4에서 제공하는 액션(Action)의 종류 = 370
• 4. 자주 사용하는 이벤트(Event) 이해하기 = 371
• Section 94. 방문자의 컴퓨터 환경을 고려한 비헤이비어 = 372
• 1. 브라우저에 따라 적합한 웹 문서 보여주기 : Check Browser = 372
• ［Check Browser］액션에 필요한 3개의 웹 문서 = 372
• 2. 큰 그림을 보다 빠르게 로딩 시키기 : Preload images = 375
• 〈body〉태그에 비헤이비어 적용하기 = 375
• 3. 플러그인 설치 여부 확인하기 : Check Plugin = 377
• 플러그인(Plugin) 플래시 플레이어 = 377
• ［Check Plugin］액션 대화상자 살펴보기 = 378
• 사용하는 브라우저에 적합한 플러그인 설치하기 = 379
• Section 95. 플래시 무비 움직임 제어하기 = 380
• 1. 플래시 무비 제어하기 : Control Shockwave or Flash = 380
• ［Control Shockwave or Flash］액션 대화상자 살펴보기 = 381
• 적용된 액션 변경하기 = 382
• 2. 플래시 무비의 특정 프레임으로 이동하기 = 383
• 플래시 무비 처음으로 되돌리기 = 383
• 3. 버튼에 '딸깍' 소리나는 효과음 주기 : Play Sound = 384
• 같은 이벤트에 설정된 액션 순서 바꾸기 = 384
• Section 96. 보다 빠르고 효과적인 링크 관련 비헤이비어 = 386
• 1. 특정 프레임에 링크된 웹 문서 불러오기 : Go To URL = 386
• ［Go To URL］액션 대화상자 이해하기 = 387
• 여러 개의 프레임 한꺼번에 바꾸기 = 388
• 2. 관련 사이트로 점프하기 : Jump Menu = 389
• 폼 요소인 점프 메뉴에 비헤이비어 적용하기 = 389
• 속성 상자에서 점프 메뉴 수정하기 = 390
• 비헤이비어 적용하는 프레임 이름 알아내기 = 391
• 3. 점프 메뉴에 ［Go］버튼 추가하기 : Jump Menu Go = 392
• 폼 요소인 버튼에 비헤이비어 적용하기 = 392
• Section 97. 상황에 따라 달라지는 네비게이션 바 만들기 = 394
• 1. 네비게이션 바를 만들기 위한 준비물 점검하기 = 394
• ［네비게이션 바］대화상자 살펴보기 = 394
• 2. 특별한 네비게이션 바 만들기 = 395
• 3. 비헤이비어로 네비게이션 바 편집 : Set Nav Bar Image = 397
• ［Advanced］탭의 설정값 이해하기 = 399
• Section 98. 간단하지만 유용한 비헤이비어 = 400
• 1. 문서에 삽입한 자바스크립트 호출하기 : Call JavaScript = 400
• 2. 레이어 배경색 마음대로 바꾸기 : Change Property = 402
• ［chang Property］액션 대화상자 살펴보기 = 402
• 비헤이비어를 적용할 객체의 속성과 이름 알아두기 = 404
• 3. 홈페이지에 환영 인사말 띄우기 : Popup Message = 405
• 홈페이지를 나갈 때 인사말 보여주기 = 405
• Section 99. 특정 부분을 텍스트로 교체해 주는 비헤이비어 : Set Text = 406
• 1. 특정 프레임을 다른 텍스트로 대체하기 : Set Text of Frame = 406
• ［Set Text of Frame］액션 설정 값 살펴보기 = 407
• 2. 레이어 내용을 다른 텍스트로 대체하기 : Set Text of Layer = 408
• 대체될 텍스트 HTML 태그로 꾸미기 = 408
• 3. 상태 표시줄에서 텍스트 보여주기 : Set Text of Status Bar = 409
• 상태 표시줄에 환영 인사말 표시하기 = 409
• 4. 텍스트 필드에 텍스트 표시하기 : Set Text of Text Field = 410
• 텍스트 필드 삽입하기 = 410
• 작업 화면에서 폼 영역 표시와 레이어 표식 없애기 = 411
• Section 100. 그림 조각 끼워 맞추기(Drag Layer) = 412
• 1. 그림 조각 레이어 만들고 위치 정확하게 잡아주기 = 412
• 2. 그림 조각 드래그할 수 있는 비헤이비어 적용하기 = 414
• ［Drag Layer］대화상자 살펴보기 = 414
• Section 101. 홈페이지에 공지 사항 띄우기(Open Browser Window) = 416
• 1. 공지 사항으로 사용할 웹 문서 만들기 = 416
• 팝업 윈도우에서 보여질 영역 파악하기 = 417
• 2. 원하는 크기의 팝업 윈도우 띄우기 = 418
• 팝업 윈도우 구성 요소 선택하기 = 418
• ［Open Browser Window］액션 대화상자 살펴보기 = 419
• Section 102. 작은 그림 클릭하면 큰 그림 보여주기(Show-Hide Layers) = 420
• 1. 이미지 갤러리 페이지 만들기 = 420
• 2. 작은 그림 클릭하면 관련 그림만 보이게 하기 = 423
• ［Show-Hide Layers］액션 대화상자 이해하기 = 424
• 마우스를 대면 나타나고, 떼면 사라지는 비헤이비어 = 425
• Section 103. 메뉴에 마우스 대면 관련 그림 보여주기(Swap Image) = 426
• 1. 메뉴와 관련된 그림 삽입하고 위치 지정하기 = 426
• 2. 메뉴 관련 그림으로 바꾸기 = 427
• ［Swap Image］대화 상자 살펴보기 = 427
• 스페셜페이지 : ［Swap Image］로 바뀐 그림을 원래 그림으로 보여주는 ［Swap Image Restore］ = 430
• Section 104. 비헤이비어로 애니메이션 제어하기(Timeline) = 432
• 1. 자유자재로 움직이는 애니메이션 만들기 = 432
• 한번 읽은 메시지 다시 나타나지 않게 설정하기 = 433
• 2. 비헤이비어로 애니메이션 제어하기 = 434
• 버튼을 클릭하면 액션 실행시키기 = 434
• Part 9. 드림위버에 날개를 다는 익스텐션 1 - 레이어·윈도우 관련 익스텐션
• Section 105. 드림위버에 날개를 다는 익스텐션 이해하기 = 438
• 1. 외부 익스텐션의 종류 살펴보기 = 438
• 오브젝트(Object) 익스텐션 = 438
• 비헤이비어(Behavior) 익스텐션 = 438
• 커맨드 익스텐션(Command) = 439
• 2. 매크로미디어에 가입하여 익스텐션 다운로드 받기 = 439
• 외부 익스텐션 개발 관련 사이트 = 440
• 3. 익스텐션 카테고리 구성 이해하기 = 441
• 익스텐션 목록 정렬하기 = 441
• 4. 익스텐션 매니저로 익스텐션 설치하기 = 442
• 익스텐션 설치 과정에서 나타날 수 있는 메시지 = 442
• 5. '즐겨찾기' 익스텐션 활용하기 = 443S
• Section 106. 미끄러지며 나타나는 공지사항 만들기(Layer Ani-Magic by PVII) = 444
• 1. 미끄러지며 나타나는 공지사항 만들기 = 444
• 2. 클릭하면 제자리로 돌아가는 애니메이션 추가하기 = 446
• ［Layer AniMagic by PVII］애니메이션 원리 이해하기 = 446
• ［Layer AniMagic by PVII］대화상자 설정 값 이해하기 = 447
• Section 107. 여러 개의 레이어 한꺼번에 이동시키기(Align Layer) = 448
• 1. 레이어로 선택 메뉴 초기 위치 잡기 = 448
• 브라우저에서 수평으로 정렬될 위치 알아두기 = 449
• 2. 선택 메뉴 수평으로 정렬하기 = 450
• 3. 선택 메뉴 수직으로 정렬하기 = 452
• 메뉴를 수직으로 배열하기 위한 레이어 위치 확인하기 = 452
• 스페셜페이지 : 레이어를 가운데 위치시키는 ［Center Layer］익스텐션 = 455
• 레이어를 가운데 위치시키기 위한 옵션 = 455
• Section 108. 정해진 위치로 레이어 이동시키기(Move Layer) = 456
• 1. 왼쪽에 레이어 만들고 그림 넣어 정렬하기 = 456
• 2. 그림 클릭하면 반대편으로 이동하기 = 458
• ［Move Layer］설정 화면 이해하기 = 458
• 3. 더블 클릭하면 원래 위치로 돌아가기 = 460
• 레이어의 이름과 좌표 값 활용하기 = 460
• Section 109. 레이어에 웹 문서를 불러오는 익스텐션(MFX URLintoLayer) = 462
• Section 110. 선택한 그림 팝업 윈도우에서 보여주기(JustSo Picture Window) = 464
• Section 111. 점점 커지면서 나타나는 애니메이션 윈도우(Animate Browser Window) = 466
• 1. 지정한 크기까지 점점 커지며 나타나는 윈도우 = 466
• ［Animate Browser Window］익스텐션 세부 항목 살펴보기 = 467
• 드림위버4 메뉴를 한글로 바꾸기 = 468
• 2. 윈도우가 전체화면으로 커지도록 설정하기 = 469
• Section 112. 전체 화면을 채우는 풀 스크린 효과(MFX_FullScreen) = 470
• Section 113. 비활성화되면 자동으로 닫히는 팝업 윈도우(Close onBlur) = 472
• Section 114. 즐겨찾기를 나만의 아이콘으로 표시하기(Insert Short Icon) = 474
• Part 10. 드림위버에 날개를 다는 익스텐션 1 - 메뉴·그림·기타 익스텐션
• Section 115. 필요할 때만 나타나는 슬라이드 메뉴(MFX SlideMenu) = 478
• 1. 텍스트로 슬라이드 메뉴 꾸미기 = 478
• 슬라이드 메뉴(MFX SlideMenu) 설정 화면 살펴보기 = 479
• 2. 슬라이드 메뉴 그림으로 교체하기 = 482
• 슬라이드 메뉴의 높이에 맞게 레이어 높이 변경하기 = 482
• Section 116. 브라우저 크기에 따라 자동으로 변하는 배경 그림(Background that Fit) = 486
• 페이지 등록정보에서 배경 그림을 지정한 경우 = 487
• Section 117. 변화무쌍한 배너 광고 만들기(Banner Image Builder) = 486
• Banner Image Builder 대화상자 살펴보기 = 489
• Section 118. 방문할 때마다 달라지는 그림(Ramdom Images) = 490
• Section 119. 마우스 오른쪽 버튼 메뉴 정의하기(Right Click Menu Builder) = 492
• 1. 기본 형태의 마우스 오른쪽 버튼 메뉴 만들기 = 492
• ［Right Click Menu Builder］대화상자 살펴보기 = 493
• 2. 마우스 오른쪽 버튼 관련 메뉴 특별한 모양으로 만들기 = 493
• 설정한 마우스 오른쪽 버튼 메뉴 수정하기 = 495
• Section 120. 자동으로 입력되는 전자우편 서비스(Super Email) = 496
• Section 121. 페이지 바뀔 때 특별한 전환 효과 주기(Page Transitions) = 498
• Section 122. 글자가 스크롤 되며 움직이는 마키 효과(Marquee) = 500
• ［Marquee］익스텐션의 세부 설정 값 살펴보기 = 501
• Section 123. 링크된 텍스트에 롤오버 효과 주기(Text Link Rollover) = 502
• 1. 텍스트 메뉴에 롤오버 되는 버튼 효과 주기 = 502
• 2. 롤오버 되는 텍스트 메뉴의 글자색과 배경색 수정하기 = 504
• 롤오버 효과를 주는 스타일 시트와 ［Text Link Rollover］익스텐션의 비교 = 504
• Part 11. 홈페이지 제작! 처음부터 끝까지
• Section 124. 홈페이지 제작을 위한 기본 다지기 = 508
• 1. 홈페이지 제작을 위한 준비물 점검하기 = 508
• 홈페이지 소스 구하기 = 508
• 웹용 그래픽 파일 제작 프로그램(포토샵 6) = 508
• 웹 애니메이션 제작 프로그램(플래시 5) = 508
• HTML 문서를 만드는 웹 에디터(드림위버 4) = 509
• 홈페이지 계정 = 509
• 부가 서비스(게시판) = 509
• 2. 홈페이지 계정 마련하기 = 510
• 인터넷 서비스에서 제공하는 유료계정(ISP) = 510
• 웹 호스팅 서비스(WSP) = 510
• 국내 무료 계정 서비스업체 = 511
• 홈페이지 계정 제공 업체 선정시 고려 사항 = 511
• 3. 홈페이지 제작시 고려해야할 사항 = 512
• 로딩 속도를 빠르게 하기 = 512
• 한 눈에 들어오게 메뉴 구성하기 = 512
• 다양한 환경의 사용자 고려하기 = 512
• 4. 홈페이지 제작 과정 알아보기 = 513
• 1단계 : 사이트 주제와 메뉴 결정하기 = 513
• 2단계 : 관련된 내용과 정보 수집하기 = 513
• 3단계 : 홈페이지 레이아웃 구상하기 = 513
• 4단계 : 텍스트, 그림 등 필요한 소스 다듬기 = 514
• 5단계 : 웹 에디터로 HTML 문서 제작하기 = 514
• 6단계 : 최종 점검한 후 인터넷에 등록하기 = 514
• 5. 함께 만들 예제 홈페이지 미리 보기 = 515
• Section 125. 최강의 웹 애니메이션 제작 툴 '플래시' = 516
• 1. 플래시 5 활용을 위한 기본 개념 = 516
• 플래시 파일 형식 *.fla와 *.swf = 516
• 벡터 그림과 비트맵 그림 이해하기 = 516
• 심볼의 개념과 종류 = 517
• 라이브러리 = 517
• 프레임 개념과 기본 활용법 = 517
• 모션 트위닝 = 518
• 쉐이프 트위닝 = 518
• 2. 플래시 5 작업화면 이해하기 = 518
• 3. 드로잉 툴박스 이해하기 = 519
• 4. 애니메이션 작업소 '타임라인' 이해하기 = 519
• Section 126. 플래시에서 잔상 효과있는 타이틀 만들기 = 520
• 타이틀 제작 과정 살펴보기 = 520
• 1. 타이틀 모양 꾸미기 = 520
• 2. 모션 트위닝으로 타이틀에 잔상 효과주기 = 523
• Section 127. 그림이 슬라이드 되는 플래시 무비 만들기 = 526
• 슬라이드 무비 제작 과정 살펴보기 = 526
• 1. 그림이 좌우로 움직이는 애니메이션 만들기 = 526
• 2. 지정한 곳에서만 보여지는 슬라이드 쇼 = 529
• Section 128. 플래시에서 롤오버 버튼 만들고 링크 설정하기 = 532
• 1. 메인 페이지로 이동하는 롤오버 버튼 만들기 = 532
• 버튼 심볼 이해하기 = 532
• 완성된 심볼 수정하기 = 534
• 2. 플래시 무비 HTML 문서로 출판하기 = 535
• ［Publish Settings］대화상자 설정 탭 알아보기 = 535
• 스페셜페이지 : 플래시 5에서 입체 버튼 만들기 = 537
• Section 129. 로컬 사이트 구축하고 서브 페이지 만들기 = 538
• 1. 홈페이지 작업할 로컬 사이트 만들기 = 538
• 2. 메인 서브 페이지 만들기 = 539
• 서브 페이지는 어디에 사용되죠? = 540
• 3. 스피드 요리 관련 페이지 만들기 = 541
• 필요한 여백 고려하여 레이어 위치 지정하기 = 543
• 아무런 메뉴를 선택하지 않은 맨처음 로딩시 보여지는 레이어 선택하기 = 545
• 4. 스페샬 요리 관련 페이지 만들기 = 546
• Section 130. 마음에 드는 공짜 게시판 마련하기 = 548
• 1. 게시판은 어떻게 사용되나요? = 548
• 자유 게시판 = 548
• 질문／답변 게시판 = 548
• 정보 공유 게시판 = 548
• 방명록 = 548
• 2. 게시판을 어떻게 구할 수 있나요? = 549
• 계정 제공업체의 게시판 = 549
• 무료 게시판 서비스 = 549
• 무료 CGI 게시판 = 549
• 유료 게시판 서비스 = 549
• 3. 무료 게시판 제공 업체에 가입하기 = 550
• 한번 가입으로 방명록, 카운터, 통계 서비스가 모두 공짜! = 550
• 4. 무료 게시판 신청하기 = 551
• 5. 게시판 사용을 위한 환경 설정하기 = 552
• 스페셜페이지 : 내 맘에 쏙 드는 공짜 게시판 구하기 = 553
• Section 131. 프레임으로 구성된 메인 페이지 만들기 = 554
• 1. 프레임 셋 문서 만들고 저장하기 = 554
• 메인 페이지를 구성하는 프레임 문서와 프레임 셋 문서 저장하기 = 555
• 링크 설정을 고려하여 메인 페이지 이름 지정하기 = 557
• 2. 메인 페이지 레이아웃 잡고 디자인 완성하기 = 558
• 왜 여백을 '0'으로 설정하죠? = 558
• 선택 메뉴의 롤오버 이미지 = 559
• 3. 선택 메뉴와 관련 서브 페이지 링크 설정하기 = 560
• Section 132. 완성된 홈페이지 인터넷에 등록하기 = 562
• 1. 인터넷에 공짜로 내 집 마련하기 = 562
• 2. 드림위버의 사이트 관리자를 이용하여 홈페이지 등록하기 = 564
• 네띠앙에 FTP 접속이 안될 때 = 565
• 등록한 홈페이지가 보이지 않아요! = 566
• 3. 세상속으로! 검색엔진에 홈페이지 등록하기 = 567
• WS_FTP에서 홈페이지 등록하기 = 567