목차 일부
PART 01 드림위버 기본 알아보기
Section 01 드림위버에 대한 이해 ... 22
드림위버란 ... 22
드림위버 CS3 실행하기 ... 25
Section 02 새로워진 드림위버 CS3의 기능 알아보기 ... 27
웹 2.0의 Ajax 스프라이 추가 ... 27
편리한 이미지 처리 ... 29...
더보기
목차 전체
PART 01 드림위버 기본 알아보기
Section 01 드림위버에 대한 이해 ... 22
드림위버란 ... 22
드림위버 CS3 실행하기 ... 25
Section 02 새로워진 드림위버 CS3의 기능 알아보기 ... 27
웹 2.0의 Ajax 스프라이 추가 ... 27
편리한 이미지 처리 ... 29
스타일시트 관리의 편리성 ... 31
기타 ... 32
Section 03 HTML 필수 태그 알아보기 ... 33
HTML 기본 익히기 ... 33
HTML 태그로 홈페이지 만들기 ... 35
Section 04 드림위버 작업화면 살펴보기 ... 41
전체화면 살펴보기 ... 41
삽입 툴 바 살펴보기 ... 42
문서 툴 바 살펴보기 ... 47
패널 살펴보기 ... 48
[Preferences] 대화상자 살펴보기 ... 50
실무활용노트 - [Preferences] 대화상자를 이용하여 작업환경 설정하기 ... 53
PART 02 글자와 그림으로 웹 페이지 만들기
Section 01 드림위버 시작하기 ... 56
새 문서 만들기와 저장하기 ... 56
파일 미리보기 ... 58
로컬 사이트 정의하기 ... 59
Section 02 문서 환경 설정하기 ... 63
웹 페이지 제목표시줄에 제목 지정하기 ... 65
문서 배경색 설정하기 ... 67
문서 배경 그림 설정하기 ... 68
문서에 여백 설정하기 ... 70
실무활용노트 - 포토샵 Color Picker로 원하는 색상 가져오기 ... 72
Section 03 텍스트가 어우러진 홈페이지 만들기 ... 73
글자 입력하고 꾸미기 ... 74
특수문자 입력하기 ... 77
함께해요 - 특수문자로 저작권 표시하기 ... 81
텍스트 정렬하기 ... 84
불릿 이미지로 깔끔한 문단 목록 만들기 ... 86
함께해요 - 〈marquee〉 태그를 이용한 웹 TV 광고 만들기 ... 88
실무활용노트 - 다양한 폰트 활용하기 ... 91
실무활용노트 - 원하는 불릿 이미지로 바꾸기 ... 93
Section 04 그림으로 화려하게 홈페이지 꾸미기 ... 95
그림 삽입하기 ... 96
이미지 깔끔하게 정리하기 ... 99
롤오버 기능으로 문서 다이내믹하게 꾸미기 ... 101
함께해요 - 우리아이 돌초대장 만들기 ... 104
함께해요 - 다이내믹한 웹 브로셔 만들기 ... 107
실무활용노트 - 이미지 속성 패널의 [Align] 기능 알아보기 ... 109
Section 05 막강한 그림 편집 기능 알아보기 ... 110
이미지 즐겨찾기에 추가하기 ... 110
드림위버에서 이미지 잘라내기 ... 112
그림 밝기 조정하기 ... 114
그림 선명하게 만들기 ... 116
PART 03 홈페이지의 연결 고리 하이퍼링크 기능
Section 01 하이퍼링크 이해하기 ... 120
텍스트에 링크 걸기 ... 121
이미지에 링크 걸기 ... 124
실무활용노트 - 문서에 링크 설정할 때 주의해야 할 사항 ... 127
이미지맵 기능 ... 128
함께해요 - 텍스트에 링크 걸어 이벤트 페이지로 이동하기 ... 131
함께해요 - 이미지에 링크 걸어 확대 이미지 보이게 하기 ... 134
함께해요 - 이미지맵을 이용하여 홈 도메인 링크걸기 ... 137
Section 02 하이퍼링크 다양하게 이용하기 ... 139
앵커 만들기 ... 139
롤오버 이미지에 링크 만들기 ... 143
파일 다운로드 링크 만들기 ... 144
스크립트 링크 만들기 ... 144
함께해요 - 앵커를 이용한 앨범 가격 페이지 만들기 ... 147
함께해요 - 메뉴 바를 롤오버 링크 메뉴로 바꾸기 ... 150
함께해요 - 온라인 상담을 위한 이메일 링크 삽입하기 ... 154
실무활용노트 - HTML 형식과 CSS 형식의 링크 스타일 지정하기 ... 155
PART 04 테이블로 홈페이지 툴 만들기
Section 01 테이블의 기초 지식 쌓기 ... 158
테이블 만들기 ... 161
테이블 작업에 맞게 편집하기 ... 164
테이블에 다양한 데이터 삽입하기 ... 166
함께해요 - 테이블로 메뉴 구성하기 ... 170
함께해요 - 이벤트 리스트 만들기 ... 173
실무활용노트 - 엑셀 문서를 테이블로 가져오기 ... 178
실무활용노트 - 투명선으로 테이블 구분선 만들기 ... 180
Section 02 테이블 다양하게 활용하기 ... 183
테이블 안에 테이블 삽입하기 ... 183
모서리가 둥근 테이블 만들기 ... 186
100% 테이블로 화면 가운데 위치시키기 ... 190
함께해요 - 베이비스튜디오 예약 달력 만들기 ... 193
함께해요 - 모서리가 둥근 표로 세부메뉴 리스트 만들기 ... 197
합께해요 - 레이아웃을 테이블로 구성하여 스튜디오 예약 페이지 만들기 ... 200
실무활용노트 - 테이블 안에 이미지 플레이스홀더 삽입하기 ... 204
실무활용노트 - 포토샵에 Sliced Image로 테이블 작업하기 ... 206
PART 05 AP 엘리먼트로 다양한 구조의 홈페이지 만들기
Section 01 AP 엘리먼트 기본 다지기 ... 210
AP 엘리먼트 만들기 ... 212
AP 엘리먼트 정렬시키기 ... 215
Z-Index로 AP 엘리먼트의 겹치는 효과 나타내기 ... 219
함께해요 - AP 엘리먼트를 이용한 메인 페이지 만들기 ... 221
함께해요 - 스크롤바 달린 펜션소개 페이지 만들기 ... 224
Section 02 AP 엘리먼트로 생동감 있는 홈페이지 만들기 ... 226
테이블을 AP 엘리먼트로 변환하기 ... 226
AP 엘리먼트 안에 AP 엘리먼트 넣기 ... 228
움직이는 AP 엘리먼트 만들기 ... 231
함께해요 - 부모자식 AP 엘리먼트를 이용한 펜션갤러리 만들기 ... 233
함께해요 - 자유롭게 움직이는 실시간 예약하기 AP 엘리먼트 만들기 ... 236
함께해요 - 마우스 오버하면 나타나는 하위 메뉴 만들기 ... 237
PART 06 프레임으로 홈페이지 레이아웃 만들기
Section 01 프레임 문서 만들기 ... 244
Sample Page로 프레임 만들기 ... 246
[Frames] 삽입 툴 바로 프레임 만들기 ... 250
태그를 입력하여 프레임 만들기 ... 253
함께해요 - 메인 페이지로 사용할 3단 프레임 만들기 ... 258
실무활용노트 - 'Top and Bottom Frames' 구조의 프레임으로 심플한 홈페이지 만들기 ... 262
Section 02 프레임 다양하게 꾸미기 ... 264
프레임에 텍스트 입력하기 ... 264
프레임에 이미지 삽입하기 ... 266
프레임에 테이블 삽입하기 ... 268
프레임에 AP 엘리먼트 삽입하기 ... 270
함께해요 - 롤오버되는 메인 메뉴 만들기 ... 272
함께해요 - 프레임에 테이블로 로그인 서비스 만들기 ... 275
함께해요 - 프레임 내에서 움직이는 공지창 만들기 ... 277
Section 03 프레임 문서에 하이퍼링크 만들기 ... 279
특정 프레임 영역에 링크 걸기 ... 279
프레임 텍스트에 링크 걸기 ... 281
프레임 이미지에 링크 걸기 ... 284
함께해요 - 하이퍼링크로 바로가기 메뉴 만들기 ... 286
함께해요 - 아이프레임으로 공지사항 삽입하기 ... 288
실무활용노트 - 프레임셋 안에서 프레임셋 불러오기 ... 290
실무활용노트 - 한 번의 클릭으로 2개 이상의 프레임 업데이트하기 ... 292
PART 07 멀티미디어로 생동감 있는 홈페이지 만들기
Section 01 플래시를 이용한 화려한 홈페이지 만들기 ... 296
플래시 무비 삽입하기 ... 298
롤오버되는 플래시 텍스트 만들기 ... 300
플래시 버튼 만들기 ... 302
함께해요 - 플래시로 화려한 메인 페이지 만들기 ... 304
함께해요 - 플래시로 팝업창 만들기 ... 306
실무활용노트 - 스크립트 폴더를 원하는 위치로 변경하기 ... 308
실무활용노트 - 드림위버에서 플래시 파일 편집하기 ... 310
Section 02 오디오/비디오 파일로 살아있는 페이지 만들기 ... 312
이미지에 오디오 파일을 링크하여 삽입하기 ... 313
파일 안에 오디오 파일 삽입하기 ... 315
이미지에 비디오 파일 링크하여 삽입하기 ... 317
파일 안에 비디오 파일 삽입하기 ... 318
함께해요 - 여러 곡의 배경 음악 삽입하기 ... 320
함께해요 - UCC 동영상 삽입하기 ... 323
함께해요 - 플래시 비디오 삽입하기 ... 325
실무활용노트 - 멀티미디어에 회색 테두리 없애기 ... 327
실무활용노트 - 플래시 비디오 만들기 ... 328
PART 08 스타일시트로 감각적인 웹 문서 만들기
Section 01 스타일시트(CSS) 이해하기 ... 332
스타일시트 의미 이해하기 ... 332
스타일시트 종류 알아보기 ... 334
스타일시트 속성 알아보기 ... 336
Section 02 스타일시트 기본 익히기 ... 343
텍스트에 스타일 지정하기 ... 345
이미지에 스타일 지정하기 ... 349
하이퍼링크에 스타일 지정하기 ... 351
함께해요 - 여행 소개 페이지 만들기 ... 353
함께해요 - 한 문서에 여러 링크 스타일 만들기 ... 356
Section 03 스타일시트 활용하기 ... 359
불릿 이미지 변경하기 ... 359
점선 라인 테이블 만들기 ... 362
이미지에 필터 효과 주기 ... 364
함께해요 - 예약 페이지 입력란에 CSS 적용하기 ... 366
함께해요 - 마우스 포인터를 원하는 모양으로 바꾸기 ... 369
함께해요 - 텍스트에 인라인 스타일 적용하기 ... 370
함께해요 - 이미지에 Xray 효과주기 ... 373
실무활용노트 - 메타(Meta) 태그 알아보기 ... 375
PART 09 비헤이비어와 익스텐션으로 홈페이지 만들기
Section 01 비헤이비어와 익스텐션 이해하기 ... 378
비헤이비어 이해하기 ... 378
자바스크립트 이해하기 ... 380
비헤이비어의 이벤트와 액션 이해하기 ... 381
익스텐션 이해하기 ... 384
Section 02 비헤이비어 기능 알아보기 ... 386
마우스로 이미지 교체하기(Swap Image) ... 387
자바스크립트 입력하기(Call JavaScript) ... 390
마우스로 AP 엘리먼트 움직이기(Drag AP Element) ... 392
AP 엘리먼트 속성 변경하기(Change Property) ... 395
새로운 비헤이비어 이펙트 알아보기 ... 397
함께해요 - 마우스로 AP 엘리먼트 교체하기 ... 399
함께해요 - 상태 표시줄로 메시지 전달하기 ... 402
함께해요 - 배경음악 삽입하기 ... 404
함께해요 - 팝업창 크기 조절하기 ... 406
Section 03 익스텐션 기능 알아보기 ... 408
익스텐션 다운로드 ... 409
스크롤바 색상 변경하기 ... 411
페이지 스크롤 적용하기 ... 414
함께해요 - 여러 개의 AP 엘리먼트 한 번에 관리하기 ... 416
함께해요 - 이미지 슬라이드쇼 만들기 ... 419
PART 10 강력한 스프라이로 Ajax 페이지 만들기
Section 01 Ajax와 스프라이 이해하기 ... 424
스프라이의 특징 ... 425
구성 요소 ... 426
스프라이의 장점 ... 427
Section 02 스프라이로 Ajax 프레임워크 만들기 ... 428
XML 데이터 연결하기 ... 428
스프라이 영역 지정하기 ... 432
스프라이 테이블 삽입하기 ... 433
함께해요 - XML 데이터 정렬해서 연결하기 ... 436
함께해요 - 스프라이 탭 패널 삽입하기 ... 439
함께해요 - 스프라이로 도서목록 페이지 만들기 ... 442
PART 11 템플릿과 라이브러리로 초고속 홈페이지 만들기
Section 01 템플릿 사용하기 ... 448
템플릿 만들기 ... 449
템플릿 적용하기 ... 452
템플릿 수정하기 ... 454
함께해요 - 템플릿으로 라면 메뉴 페이지 만들기 ... 456
함께해요 - 부모자식 템플릿 만들기 ... 462
Section 02 라이브러리 사용하기 ... 466
라이브러리 만들기 ... 467
라이브러리 적용하기 ... 470
라이브러리 수정하기 ... 471
함께해요 - 하단 메뉴 라이브러리로 사용하기 ... 474
함께해요 - 퀵 메뉴를 라이브러리로 사용하기 ... 476
PART 12 다양한 폼으로 정보 입력 페이지 만들기
Section 01 폼 이해하기 ... 480
폼 형태 알아보기 ... 480
폼 구성 요소 알아보기 ... 482
폼과 서버 프로그램 알아보기 ... 483
Section 02 폼 문서 만들기 ... 485
폼 영역 지정하기 ... 485
텍스트 필드 만들기 ... 487
리스트/메뉴 필드 만들기 ... 491
체크박스 만들기 ... 494
전송 버튼 만들기 ... 496
텍스트 영역 만들기 ... 498
라디오 버튼 만들기 ... 500
함께해요 - 유학원 페이지 로그인 만들기 ... 502
함께해요 - 점프 메뉴로 해당 사이트로 바로 이동 ... 506
실무활용노트 - 드림위버 문서의 코드 색상 변경하기 ... 509
PART 13 제로보드로 커뮤니티 페이지 만들기
Section 01 웹 계정 만들기 ... 512
웹 계정 신청하기 ... 512
알 FTP로 작업페이지 업로드하기 ... 514
함께해요 - 웹 계정에 제로보드 업로드하기 ... 517
Section 02 제로보드 게시판 만들기 ... 522
제로보드 설치하기 ... 522
게시판 생성하기 ... 524
게시판 확인하기 ... 527
함께해요 - 게시판 스킨 다운로드 받기 ... 529
함께해요 - 게시판 스킨 변경하기 ... 533
Section 03 웹 문서에 게시판 연결하기 ... 537
제로보드 게시판 주소 알아내기 ... 537
아이프레임 문서에 제로보드 게시판 삽입하기 ... 538
웹 계정에 업로드하기 ... 540
함께해요 - 원프레임 구조로 게시판 연결하기 ... 542
실무활용노트 - 제로보드 게시판에 태그 적용하기 ... 548
더보기 닫기