저자의 글 ... 3 이 책을 보는 방법 ... 4 부록 CD-ROM 소개 ... 19 찾아보기 ... 412 chapter 01 여유 있게 포착한 드림위버 8과 홈페이지 기본기 01 최강 홈페이지를 위한 10단계 필수 코스 ... 22 1. 홈페이지 제작에 필요한 필수 프로그램 ... 22 2. 홈페이지 제작 과정 간단하게 살펴보기 ... 24 3. 웹 사이트의 제작 목적 ... 27 4. 홈페이지에 사용되는 그래픽 파일 포맷 ... 29 5. 홈페이지 해상도와 웹 디자인 ... 31 6. 훌륭한 웹 디자인의 필수 고려 요소 ... 32 7. 호스팅과 도메인 ... 33 8. 웹 디자인 시 반드시 피해야 할 사항 ... 34 9. HTML이란? ... 35 10. 웹 프로그래밍 언어 ... 35 02 반갑다! 드림위버 8 ... 36 1. 드림위버란(Dreamweaver)? ... 36 2. 드림위버 8 설치하기 ... 37 3. 드림위버 8, 무엇이 더 좋아졌을까? ... 40 비법전수 : XML 데이터 활용 과정 간단히 살펴보기 ... 45 03 드림위버 8의 주요 기능 접수하기 ... 46 1. 드림위버 8의 인터페이스 바로보기 ... 46 2. 드림위버 8의 작업 화면 설정하기 ... 48 비법전수 : 웹 에디터는 드림위버만 있나요? ... 51 chapter 02 낯선 드림위버를 친숙하게! 홈페이지, 무작정 만들어보기 01 기본 중의 기본! 사이트 정의하기 ... 54 1. 새 파일 만들기 ... 54 2. 사이트 정의하기 ... 54 02 페이지의 기본 속성 설정하고 저장하기 ... 58 1. 페이지 속성 설정하기 ... 58 2. 페이지 저장하기 ... 59 비법전수 : 작업 화면과 속성 설정창 살펴보기 ... 61 03 프레임 문서 간단히 만들기 ... 62 1. 프레임의 생성과 저장 ... 62 2. 프레임 속성 설정하고 문서 불러오기 ... 65 비법전수 : 좋은 홈페이지의 요건은? ... 67 04 표 삽입하여 페이지 레이아웃 구성하기 ... 68 1. 롤오버 메뉴 만들기 ... 68 2. 페이지 하단부 구성하기 ... 71 3. 페이지 중간부 구성하기 ... 72 비법전수 : 문서에 타이틀(Title) 지정하기 ... 75 05 인트로 페이지와 회원가입 양식 만들기 ... 76 1. 인트로 페이지(intro.htm) 만들기 ... 76 2. 회원가입 페이지(member.htm) 만들기 ... 77 06 모두 연결해주세요! 링크로 페이지 연결하기 ... 82 1. 링크와 대상(Target) 설정하기 ... 82 chapter 03 드림위버의 첫걸음! 텍스트, 이미지 그리고 하이퍼링크 01 텍스트 입력하고 예쁘게 꾸미기 ... 86 1. 텍스트 입력의 기본! 한글 입력하기 ... 86 2. 영문 입력하기 ... 88 3. 한자 입력하기 ... 89 4. 특수 문자 입력하기 ... 90 비법전수 : 윈도우 특수 문자표 미리 보기 ... 91 5. 텍스트 기본 꾸미기 : 색상／크기 ... 92 6. 텍스트 속성 설정창 살펴보기 ... 94 비법전수 : [글꼴 목록 편집] 대화 상자에서 글꼴 추가하기 ... 95 02 문단과 목록으로 페이지를 간결하고 보기 좋게! ... 96 1. 문단 간결하게 나누기 ... 96 2. 문단 보기 좋게 정렬하기 ... 98 3. 목록으로 깔끔하게 정리하기 ... 99 03 이미지 삽입하여 페이지 멋지게 꾸미기 ... 104 1. 이미지 삽입하기 ... 104 2. 이미지의 기본 속성 설정하기 ... 106 비법전수 : 이미지 속성 설정창 살펴보기 ... 109 3. 배경 이미지 설정하기 ... 110 비법전수 : 이미지와 텍스트 함께 정렬하기 ... 111 04 텍스트와 이미지에 하이퍼링크 연결하기 ... 112 1. 하이퍼링크와 대상 ... 112 2. 텍스트에 하이퍼링크 연결하기 ... 113 3. 이미지에 하이퍼링크 연결하기 ... 115 4. 이미지 맵으로 하이퍼링크 연결하기 ... 116 비법전수 : 하이퍼링크가 적용된 텍스트의 색상 바꾸기 ... 118 05 페이지 안에서 책갈피 링크로 이동하기 ... 120 1. 페이지 내의 특정 위치로 이동하는 링크 만들기 ... 120 2. 항상 페이지 상단으로 이동하는 링크 만들기 ... 123 비법전수 : Marquee 태그란? ... 125 06 이메일과 파일 다운로드 링크 만들기 ... 126 1. 이메일 링크 만들기 ... 126 2. 파일 다운로드 링크 만들기 ... 127 chapter 04 레이아웃 구성의 필수, 표와 프레임 01 레이아웃의 기본, 표에 대해 알아보자! ... 130 1. 표(테이블)는 무엇인가요? ... 130 2. 기본 스타일의 표 만들기 ... 131 3. 표 속성 설정창 자세히 살펴보기 ... 133 02 표 선택의 모든 것! ... 134 1. 여러 가지 방법으로 표 선택하기 ... 134 2. 행과 열 쉽게 선택하기 ... 135 3. 셀 자유자재로 선택하기 ... 136 비법전수 : 실전! 표로 레이아웃 잡기 ... 137 03 표를 내 맘대로! 표 편집하기 ... 138 1. 표와 셀의 크기 조절하기 ... 138 2. 행과 열의 추가와 삭제 ... 140 비법전수 : 테두리 속성 설정하여 테두리 꾸미기 ... 143 3. 셀 병합 및 나누기 ... 144 비법전수 : 셀 속성 설정창 살펴보기 ... 145 04 배경색과 배경 이미지로 표 꾸미기 ... 146 1. 표와 셀에 배경색과 배경 이미지 적용하기 ... 146 05 표 활용하여 간단한 페이지 레이아웃 잡기 ... 150 1. 페이지 전체 레이아웃 잡기 ... 150 2. 표에 텍스트 입력하고 정렬 설정하기 ... 158 3. 레이아웃 표 활용하기 ... 161 비법전수 : 레이아웃 표(셀) 속성 설정창 살펴보기 ... 163 06 프레임이란 뭘까요? ... 164 1. 프레임과 프레임세트 ... 164 2. 프레임 나누는 여러 가지 방법 ... 165 3. 프레임과 프레임세트 저장하기 ... 167 4. 프레임에 문서 불러오기 ... 170 07 프레임 편집하고 속성 설정하기 ... 172 1. 프레임 크기 조절하기 ... 172 2. 프레임 테두리와 스크롤바의 속성 설정하기 ... 174 3. 프레임세트 속성 설정창 바로보기 ... 175 4. 프레임 속성 설정창 바로보기 ... 176 비법전수 : 프레임 또는 프레임세트 쉽게 선택하기 ... 177 08 프레임의 핵심! 링크와 대상을 설정하자! ... 178 1. 프레임 이름 설정하기 ... 178 2. 링크와 대상 설정 ... 180 비법전수 : 아이프레임(IFRAME)이란? ... 181 chapter 05 레이어로 자유로운 레이아웃 구성하기 01 레이어(Layer)의 기본 알기 ... 184 1. 레이어 만들고 크기 조절하기 ... 184 2. 실전 예제 - 밤하늘에 별을 달아보자! ... 186 3. 레이어의 속성 살펴보기 ... 188 비법전수 : 레이어 내 맘대로 정렬하기 ... 189 02 레이어로 페이지 구성을 내 맘대로! ... 190 1. 레이어를 활용한 기초 페이지 작업 ... 190 2. 오버플로 활용하여 레이어에 스크롤바 달기 ... 192 비법전수 : 스타일시트 이용하여 투명한 그림자 만들기 ... 194 03 레이어를 표로, 표를 레이어로 바꾸기 ... 196 1. 레이어로 간단하게 페이지 레이아웃 구성하기 ... 196 비법전수 : 플래시 무비, 드림위버 상에서 재생시키기 ... 198 2. 레이어를 표로 변환하기 ... 200 3. 표로 간단하게 페이지 레이아웃 구성하기 ... 201 4. 표를 레이어로 변환하기 ... 204 04 레어어를 활용한 다양한 예제 살펴보기 ... 206 1. 레이어로 떠 있는 광고(Floating AD) 만들기 ... 206 2. 레이어로 작은 공간을 효과적으로 구성하기 ... 207 3. 레이어로 스크롤바 따라다니는 퀵 메뉴 만들기 ... 207 4. 레이어로 롤오버 메뉴 만들기 ... 208 5. 그 밖에 레이어로 할 수 있는 것들 ... 209 비법전수 : 레이어의 크기 조절하기 ... 209 chapter 06 단순한 홈페이지는 가라! 역동적인 멀티미디어 홈페이지 01 플래시 무비로 홈페이지를 화려하게 ... 212 1. 플래시 무비 삽입하기 ... 212 2. 플래시 버튼 삽입하기 ... 214 3. 플래시 텍스트 삽입하기 ... 216 4. 플래시 무비, 배경 없이 투명하게 넣기 ... 218 02 분위기 업그레이드, 음악 삽입하기 ... 220 1. 페이지에 배경 음악 넣기 ... 220 2. 미디어 플레이어 감추기 ... 222 3. 배경 음악 무한정 반복시키기 ... 223 4. 버튼 클릭 시 음악 재생하기 ... 223 03 요건 몰랐지? 재미있는 동영상 삽입하기 ... 226 1. 웹 페이지에 동영상 삽입하기 ... 226 2. 동영상 플레이어 제어하기 ... 227 비법전수 : 플러그인 속성 설정창 살펴보기 ... 228 3. 하이퍼링크로 동영상 연결하기 ... 229 chapter 07 좀 더 똑똑한 홈페이지를 만들어주는 스타일시트와 폼 01 스타일시트(CSS)란 무엇일까요? ... 232 1. 스타일시트(CSS) ... 232 2. CSS를 웹 페이지에 적용하는 여러 가지 방법 ... 233 3. 드림위버에서 CSS 쉽게 사용하기 ... 235 02 드림위버로 CSS 정복하기 ... 236 1. 쉽게 만들어보는 CSS ... 236 2. CSS 편집하고 수정하기 ... 241 3. CSS 패널과 대화 상자 자세히 살펴보기 ... 242 비법전수 : 웹 디자인과 컬러의 상관관계 ... 247 03 외부 CSS 파일 이용하여 홈페이지 업그레이드시키기 ... 248 1. 외부 CSS 파일 만들기 ... 248 2. 외부 CSS 파일 불러와 적용하기 ... 252 04 CSS로 링크 모양 제어하는 몇 가지 방법 ... 254 1. 페이지 전체 링크 스타일 변경하기 ... 254 2. 링크 마다 각각 다른 스타일 적용하기 ... 257 05 CSS로 배경 이미지 제어하는 몇 가지 방법 ... 262 1. 배경 이미지를 원하는 방향으로 정렬하기 ... 262 2. 스크롤바에 상관없이 배경 이미지 고정시키기 ... 264 비법전수 : 컬러 배색에 대한 감각 키우기 ... 267 06 CSS로 개성있는 표 만들기 ... 268 1. 감각적인 느낌의 투명 표 만들기 ... 268 2. CSS로 표 테두리 다양하게 만들기 ... 271 07 CSS로 상큼한 커서 모양 만들기 ... 274 1. CSS로 커서 모양을 자유자재로! ... 274 비법전수 : CSS 응용하여 다양한 링크 속성 만들기 ... 277 08 내 홈페이지를 똑똑하게! 양식(Form) 활용하기 ... 280 1. 양식(Form)이란? ... 280 2. 양식(Form)을 구성하는 요소들 ... 281 3. 회원가입 양식 만들기 ... 281 비법전수 : CSS로 양식(Form) 문서 멋지게 디자인하기 ... 292 chapter 08 홈페이지에 날개를 다는 비헤이비어와 자바스크립트 01 비헤이비어(Behavior)란 뭘까? ... 296 1. 비헤이비어란? ... 296 02 자유롭게 움직일 수 있는 공지창을 만들어보자! ... 298 03 메인 메뉴와 서브 메뉴가 한눈에! ... 300 04 깔끔하고 고급스런 스타일의 점프 메뉴 만들기 ... 302 05 간단하게 새 창 만들기 ... 304 06 이벤트에 따라 다양한 팝업 메시지 보여주기 ... 306 07 클릭 한 번으로 롤오버 메뉴 만들기 ... 308 08 작은 그림 이용해서 큰 그림 보이게 하기 ... 310 09 롤오버로 여러 이미지 제어하기 ... 312 10 상태 표시줄의 내용을 내 맘대로! ... 314 11 홈페이지의 강력한 무기, 자바스크립트 ... 316 1. 자바스크립트란? ... 316 2. 홈페이지에 자바스크립트를 적용하는 여러 가지 방법 ... 316 12 상태 표시줄에 내가 원하는 메시지를 담자! ... 318 13 HTML 문서 없이 이미지를 바로 새 창에 띄우기 ... 320 14 마우스가 올라가면 그림이 흔들흔들~ ... 322 15 새 창에 '닫기'와 '다음부터 열지 않음' 기능 넣기 ... 324 16 내 홈페이지는 내가 지킨다! 마우스 오른쪽 단추 사용 금지 설정 ... 326 17 내 홈페이지는 요술쟁이~ 스크롤바가 자동으로 움직여요! ... 328 18 익스텐션으로 드림위버 마스터하기! ... 330 1. 익스텐션이란? ... 330 2. 익스텐션 설치하기 ... 331 19 스크롤바도 내가 원하는 스타일로 디자인한다! ... 334 20 팝업창을 풀 스크린으로 띄워보자! ... 336 21 즐겨찾기에 내 홈피 쉽게 등록시키기 ... 338 22 웹 페이지를 바로 프린트할 수 있는 버튼을 만들자! ... 340 23 페이지를 변환할 때 재미있는 효과를 적용해보자! ... 342 chapter 09 홈페이지, 이제 웹에 올려볼까? 01 홈페이지를 올리기 위한 공간, 계정 서비스 알아보기 ... 346 1. 무료 홈페이지 계정 서비스 알아보기 ... 346 2. 유료 홈페이지 계정 서비스 알아보기 ... 348 비법전수 : 네이버 무료 홈페이지 서비스 신청하기 ... 349 02 홈페이지의 주소, 도메인 ... 350 1. 도메인이란? ... 350 2. 도메인 신청하기 ... 351 03 알FTP 이용해 홈페이지 웹으로 출판하기 ... 352 1. 알FTP, 사이트 등록 및 출판 ... 352 비법전수 : 나야나 웹 호스팅 서비스 신청하기 ... 355 04 드림위버 FTP 이용해 홈페이지 웹으로 출판하기 ... 356 1. 사이트 정의하기 ... 356 2. 웹으로 출판하기 ... 358 05 커뮤니티 홈페이지를 위해 꼭 필요한 게시판! ... 360 1. 무료 게시판 얻기 ... 360 2. 유료 홈페이지에서 제공하는 다양한 게시판 살펴보기 ... 364 비법전수 : 웹 관련 직업, 그들이 궁금하다! ... 365 06 지금은 홍보시대! 내 홈페이지를 알리자! ... 366 1. 검색엔진에 등록하기 ... 366 2. 관련 사이트를 통한 홍보 ... 367 3. 배너 광고 및 이벤트 ... 367 chapter 10 고급 홈페이지도 척척! 실전 홈페이지 만들기의 모든 것 01 개성만점! 나만의 개인 홈페이지 만들기 ... 370 1. 사이트 정의하기 ... 370 2. 인덱스 페이지 만들기 ... 372 3. 메뉴에 링크 연결하기 ... 378 4. 완성 홈페이지 웹으로 출판하기 ... 381 02 미니 홈피 형태의 홈페이지 만들기 ... 384 1. 사이트 정의하기 ... 384 2. 홈페이지 구성 미리 살펴보기 ... 385 3. CSS 파일로 스타일 통일하기 ... 386 4. 서브 페이지 만들고 링크 연결하기 ... 388 5. 완성 홈페이지 웹으로 출판하기 ... 398 03 우리 회사 홈페이지는 내 손으로! ... 400 1. 사이트 정의하기 ... 400 2. 인덱스 페이지 만들기 ... 401 3. 완성 홈페이지 웹으로 출판하기 ... 404 4. 입사지원 페이지 만들기 ... 405 5. 완성 홈페이지 웹으로 출판하기 ... 410