목차 일부

저자의 글 ... 3
이 책을 보는 방법 ... 4
부록 CD-ROM 소개 ... 19
찾아보기 ... 412
chapter 01 여유 있게 포착한 드림위버 8과 홈페이지 기본기
   01 최강 홈페이지를 위한 10단계 필수 코스 ... 22
      1. 홈페이지 제작에 필요한 필수 프로그램 ... 22
      2. 홈페이지 제작 과정 간단하게 살펴...

더보기

목차 전체

저자의 글 ... 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

더보기 닫기