<모든걸 알켜주마> 드림위버 4

드림위버를 이용한 홈페이지 제작을 단계별로 학습한다. 기본적인 HTML태그의 사용부터 테이블, 프레임등 기초적인 홈페이지 제작에 대해 먼저 알아보고, 중급수준으로 CSS, 템플릿과 라이브러리 이용하기, DHTML를 사용하여 보다 효과적이고 편리한 웹페이지 제작에 대해 살펴본다. 또한, 드림위버만의 장점인 비헤이비어(Behavior)와 익스텐션(Extension)에 대한 설명도 자세히 담았다.
 
 

박양배, 김용현, 최치섭 저/2001년 06월/614p/25,000원

드림위버를 이용한 홈페이지 제작을 단계별로 학습한다. 기본적인 HTML태그의 사용부터 테이블, 프레임등 기초적인 홈페이지 제작에 대해 먼저 알아보고, 중급수준으로 CSS, 템플릿과 라이브러리 이용하기, DHTML를 사용하여 보다 효과적이고 편리한 웹페이지 제작에 대해 살펴본다. 또한, 드림위버만의 장점인 비헤이비어(Behavior)와 익스텐션(Extension)에 대한 설명도 자세히 담았다.

Part 1. 꿈을 만들기 위한 기초 다지기
1. 웹 페이지 디자인은 어떻게 할까요!
2. 웹 페이지 구성을 알아두자
3. 새롭게 태어난 드림위버 4
4. 드림위버 4의 화면 구성
5. 메뉴를 통한 드림위버 기능 훑어보기
6. 드림위버 환경 설정하기
7. 도움말 정복은 도사들의 필수품!
8. 아주 간단한 홈페이지 인트로 화면 만들기
9. 드림위버 타이포 그래피
[비법전수] – 사이트 이야기1
10. 문자 그래픽 만들기
11. 목록 만들기
12. 텍스트를 보기 좋게 다듬자!
13. 특수 문자를 넣어보자!
[비법전수] – HTML에서 특수 문자 사용
14. 빈 곳에 이미지를 넣어 볼까요?
15. 뉴스 기사를 만들어 보자!
[비법전수] – 테이블 테두리 일부만 보이게 하기
16. 이미지 맵을 사용하자!
17. Point to File(파일 지정 기능)을 이용한 링크 설정하기
18. Browse for File(파일 찾기 기능)을 이용한 링크 설정하기
19. Name Anchor를 이용하여 링크 지정하기
20. E-mail 링크 설정하기
[비법전수] – 디자이너가 사용하는 작은 프로그램들
21. 테이블 속성을 이용한 회원 명단 편집하기
[비법전수] – 엑셀 데이터를 드림위버를 이용해 웹에 삽입해보기
22. 테이블 만들기와 변경하기
23. 테이블을 이용한 동호회 초기 화면 만들기
24. 테이블 속성을 이용한 이벤트 페이지 만들기
[비법전수]-사이트 이야기 2
25. 테이블의 데이터 정렬하기
26. 데이터를 테이블로 만들자!

Part 2. 드림위버 중급으로 올라서기
1. Layout View를 이용하여 페이지 만들기
2. 브라우저 크기에 따라 자동으로 변하는 테이블 만들기
3. 프레임 셋 만들기
4. 프레임, 프레임 셋 선택하기
[비법전수] – 브라우저에 상관없이 텍스트 박스 크기를 똑같게
5. 프레임 속의 프레임 만들기
6. 프레임, 프레임 셋 저장하기
7. 분리선 없는 프레임 만들기
[비법전수] – 툴 팁 만들기(1)
8. 프레임 문서에서 링크와 타겟 설정하기
9. 회원 가입 문서 만들기
[비법전수] – 툴 팁 만들기(2)
10. 점프 메뉴를 이용한 바로 가기 메뉴 만들기
[비법전수] – 사이트 이야기 3

Part 3. 드림위버 고급 기능 활용하기
1. 가장 간단한 텍스트 편집하기
[비법전수] – 파이어웍스 4.0에서 이미지 최적화하기(1)
2. HTML Tag를 이용한 스타일 적용하기
3. CSS Select를 이용하여 스타일 정의하기
4. CSS정의를 외부 파일로 만들기
[비법전수] – 파이어웍스 4.0에서 이미지 최적화하기(2)
5. HTML 스타일을 이용한 문서 꾸미기
6. Assets 패널을 이용하여 문서 수정하기
[비법전수] – 웹 포토 앨범 만들기(1)
7. 새로운 템플릿 만들기
8. HTML문서를 템플릿으로 저장하기
[비법전수] – 웹 포토 앨범 만들기(2)
9. 템플릿을 이용하여 문서 작성하기
10. 라이브러리 만들기
11. 라이브러리 관리하기
[비법전수] – 파이어웍스 4.0을 이용한 팝업 메뉴 만들기(1)
12. 웹 문서에 라이브러리 넣기
[비법전수] – 파이어웍스 4.0을 이용한 팝업 메뉴 만들기(2)
13. 라이브러리 삭제하기
14. 레퍼런스를 이용하여 HTML 소스 분석하기
[비법전수] – 사이트 이야기 4
15. 작업 과정 레코딩하기
[비법전수] – 파이어웍스 4.0을 이용한 GIF 애니메이션 만들기(1)
16. [History] 패널을 이용하여 작업과정을 내 맘대로
[비법전수] – 파이어웍스 4.0을 이용한 GIF 애니메이션 만들기(2)

Part 4. 다이나믹 HTML 만들기
1. 레이어로 꾸며보는 웹 페이지
[비법전수] – 페이트 샵 프로에서 GIF 애니메이션 만들기(1)
2. 레이어 다루기
3. 롤오버 버튼 만들기
4. 네비게이션 바 만들기
[비법전수] – 페이트 샵 프로에서 GIF 애니메이션 만들기(2)
5. 파이어웍스에서 롤오버 버튼 만들기
[비법전수] – 페이트 샵 프로에서 GIF 애니메이션 만들기(3)
6. 플래시 버튼 만들기
7. 플래시 텍스트 만들기
8. 처음으로 만들어보는 드림위버 애니메이션
9. 곡선 애니메이션 만들기
10. Path를 이용한 애니메이션 만들기
11. 애니메이션 도중 사라졌다 나타나는 레이어 만들기

Part 5. 비헤이비어(Behavior) 활용 예제
1. 움직이는 팝업 창 만들기
[비법전수] – 사이트 이야기 5
2. 레이어의 배경색이 변해요!
[비법전수] – 포토샵 6.0에서 폰트 이름 한글로 보기
3. 브라우저 종류 확인하기
4. 플러그인의 설치 유무 확인하기
[비법전수] – 딩벳(Dingbat) 폰트를 이용한 아이콘 만들기
5. 플래시 무비 제어하기
6 그림 퍼즐 만들기
[비법전수] – 포토샵 6.0에서 투명 GIF 만들기(1)
7 링크 지정하기
[비법전수] – 포토샵 6.0에서 투명 GIF 만들기(2)
8 점프 메뉴 수정하기
9. Go 버튼 삽입하기
[비법전수] – 포토샵 6.0에서 투명 GIF 만들기(3)
10. 작은 팝업 창 띄우기
[비법전수] – 포토샵 6.0을 이용한 웹 포토 갤러리 만들기
11. 사운드 파일 재생하기
12. 메시지 상자 표시하기
13. 이미지 미리 로드 시키기
14. 네비게이션바 수정하기
15. 프레임 배경색 변경하기
[비법전수] – 웹 디자이너라면 꼭 알아둬야 할 그래픽 용어(1)
16. 레이어 컨텐츠 변경하기
[비법전수] – 웹 디자이너라면 꼭 알아둬야 할 그래픽 용어(2)
17. 브라우저 상태 표시줄에 메시지 표시하기
18. 텍스트 필드의 텍스트 변경하기
19. 계단형 메뉴 만들기
20. 롤오버 이미지 만들기
[비법전수] – FTP로 사이트 올리기
21. 변경된 이미지 되돌리기
22. 애니메이션 제어하기
23. E-mail 입력 오류 체크하기

Part 6. 익스텐션[Extension] 활용 예제
1. 익스텐션 소스 파일 설치하기
2. 다양한 애니메이션 효과 맛보기
3. 레이어의 위치를 변화시키자!
[비법전수]-알아둡시다! 파일 관련 용어
4. 브라우저 크기가 변해도 레이어는 항상 가운데
5. 레이어가 나타났다 사라졌다
6. 현재 사이트를 즐겨찾기에 추가하기
7. 팝업 윈도우의 크기를 내맘대로!
[비법전수] – 웹 서버 구축하기(1)
8. 이미지 크기에 맞는 팝업 윈도우 띄우기
9. 장면 전환 효과를 연출하는 배너 만들기
10. 작업효율 높이기! 테이블의 배경색을 두 가지로 번갈아 지정할 때
11. 슬라이드 메뉴 만들기
12. 메일 프로그램 실행시키기

Part 7. 템플릿을 이용하여 동호회 사이트 만들기
1. 사이트 정의하기
2. 무료 템플릿 설치하기
3. 파이어웍스 로고 편집하기
[비법전수] – 웹 서버 구축하기(2) (PWS의 구조)
4. index.htm 수정하기
5. 라이브러리(Library) 수정하기
6. Layout 템플릿 수정하기
7. Schedule 템플릿 수정하기
[비법전수] – 간단한 CGI 프로그램 사용하기 – 카운터 달기
8. Snapshots 템플릿 수정하기
9. HTML 문서 수정하기
[비법전수] – CGI 링크를 이용한 게시판 만들기
10. 사이트 윈도우를 이용한 파일 업로드

박양배, 김용현, 최치섭 저

▶박양배 : 인터넷 경매 사이트 WaaWaa 웹 디자이너 / (주)코페이지 커뮤니케이션 웹 디렉터 / `n 세대를 위한 살아있는 홈페이지 만들기(파워북)` 저, `OK-easy 예제로 배우는 Flash 4 함께하기` 저
▶ 김용현 : 동국대 화학과 졸 / 인터넷 경매 사이트 WaaWaa 웹 프로그래머 / 웨세아이텍 웹 프로그래머
▶ 최치섭 : 3D Animator / 규창 건설 Construction 홍보용 로고 타이틀 제작 / 세창(주) 교육 홍보용 Animation 로고 타이틀 제작 / 동아제약 천안 공장 로비 3D 제작

Loading...