OK OK OK! 특별판 홈페이지 바이블

1부 홈페이지가 뭐예요?

Chapter 1 홈페이지란 무엇인가?
다양한 홈페이지 구경하고 특징 알아보기

Chapter 2 홈페이지 만들기 전에 알아두어야 할 것
World Wide Web
HTML(HyperText Mark-up Language)
Upload(파일 올리기)
Frame/Link(프레임/링크)

Chapter 3 홈페이지를 만들 때 필요한 준비물
웹에디터(Web Editor)
예쁘게 꾸미기 위한 툴
홈페이지 터 닦기

2부 나모 웹에디터를 이용한 홈페이지 만들기

Chapter 1 나모 웹에디터를 설치해 보자
나모 웹에디터 설치하기
보너스 페이지 정품 software, Shareware, Freeware

Chapter 2 쉽고 빠르게 홈페이지를 만들어 보자
사이트 마법사로 홈페이지 만들기
보너스 페이지 파일을 쉽고 빠르게 인터넷에 올리는 방법

Chapter 3 홈페이지를 인터넷에 띄워보자
무료 계정 만들고 홈페이지 업로드하기

3부 나모 웹에디터 5.0의 기본 기능 알아보기

Chapter 1 나모 웹에디터 5.0의 기능을 알아보자
나모 웹에디터만의 뛰어난 기능들
Chapter 2 나모 웹에디터 화면을 살펴보자
나모 웹에디터 5.0의 기본 화면
메뉴
단축 아이콘

Chapter 3 홈페이지를 만들기 위한 기본 중의 기본
웹 페이지 만들고 저장하기
보너스 페이지 웹 페이지의 주제를 나타내는 글 제목 설정하기

Chapter 4 웹 페이지의 글자를 내 마음대로 바꾸어 보자
글자 크기, 색, 모양 바꾸기
보너스 페이지 글꼴(폰트)을 추가하고 싶다면?

Chapter 5 아는 것이 힘! 반복된 작업을 손쉽게 해보자
웹 페이지의 텍스트 편집해 보기
텍스트를 목록으로 나열하기

Chapter 6 멀티미디어 파일을 삽입해 보자
다양한 멀티미디어 파일 삽입하기
보너스 페이지 나모를 이용한 손쉬운 편집 기능들

4부 나모 웹에디터는 대단한 그림 편집기!

Chapter 1 예쁜 홈페이지를 만들기 위해 그림을 사용하자
배경에 그림 넣기
페이지에 그림 넣기
클립아트 사용하기

Chapter 2 이미지를 편집해 보자
이미지를 고급스럽게 만들기
보너스 페이지 그 외의 다양한 그림 효과 기능
투명한 이미지 만들기
썸네일 이미지 만들기
보너스 페이지 좀더 편리한 사용을 위한 속성 바로보기 창

5부 초보적인 홈페이지를 벗어나기 위해 반드시 알아야 할 기술들

Chapter 1 프레임을 생성하고 그림을 삽입해 보자
프레임 만들기
그림을 프레임에 맞춰서 삽입하기

Chapter 2 하이퍼링크를 마스터해 보자
외부에 있는 페이지 링크
내부에 있는 페이지 링크
파일의 링크
멀티미디어 파일의 삽입
이미지맵 설정하기

Chapter 3 책갈피 기능을 알아보자
홈페이지에 책갈피 끼우기

Chapter 4 프레임과 표를 적절히 사용해 보자
대상 프레임 사용하기
보너스 페이지 아웃룩 익스프레스로 메일 보내기

Chapter 5 표 사용법을 마스터해 보자
표 만들기
표의 모양 바꾸기
표에 이미지 삽입하기

Chapter 6 홈페이지를 벤치마킹해 보자
잘 만들어진 홈페이지 벤치마킹하기

6부 HTML은 홈페이지 만들기의 기본

Chapter 1 HTML의 기본
HTML 소스 보기
문서에 제목 나타내기
문장을 화면에 나타내기
보너스 페이지 HTML을 손쉽게 작성할 수 있는 웹에디터

Chapter 2 줄 바꾸기와 글자에 관한 태그
줄 바꾸기
글자 크기 바꾸기
글자 모양 바꾸기

Chapter 3 목차와 선에 관한 태그
목차 만들기
순서 없는 목록 나열하기
순서 있는 목록 나열하기
선 그리기
선 굵기 조절
선 길이 조절
선 위치 조절
선 형태 조절
선 응용
보너스 페이지 풍선글을 만들 수 있는 태그

Chapter 4 HTML로 직접 하이퍼링크해 보자
같은 사이트 내 다른 문서로 연결하기
다른 페이지로 연결하기
한 문서 내의 특정 단어로 이동하기(책갈피 기능)
움직이는 글자 만들기 - MARQUEE 태그
마퀴 태그의 속성

Chapter 5 멀티미디어 파일을 삽입해 보자
이미지 삽입하기
이미지 크기 조절하기
이미지와 텍스트 정렬하기
이미지를 통해 다른 문서 연결하기
이미지의 테두리 설정하기
음악 파일 연결하기
동영상 연결하기 1
동영상 연결하기 2

Chapter 6 문서 전체 환경을 설정해 보자
페이지 배경 색상 바꾸기
이미지를 배경화면으로 설정하기
글자 색상 꾸미기

Chapter 7 산뜻한 홈페이지를 위한 HTML
표 만들기
행/열 합치기
테두리 두께 조절하기
표의 높이/너비 조절하기
표 내부의 텍스트 위치 조절하기
프레임 나누기

7부 웹에디터와 HTML을 혼용하여 홈페이지 만들기

Chapter 1 웹에디터와 HTML을 함께 사용해 보자
Main 페이지 만들기
보너스 페이지 웹 페이지를 만들 때의 색 조합

Chapter 2 Sub 페이지를 만들어 보자
여러 개의 Sub 페이지 만들기
웹 페이지 연결하기
보너스 페이지 좀더 기술적으로 홈페이지를 만드는 방법

8부 홈페이지에 디자인 입히기

Chapter 1 페인트 샵 프로 7.x 를 살펴 보자
메뉴
도구 모음 살펴보기
도구 팔레트 살펴보기
페인트 샵 프로의 환경 이해하기

Chapter 2 페인트 샵 프로 7.x의 기본 기능
전경색과 배경색
요술봉 도구, 공차
기본 기능 익히기 Step 1
기본 기능 익히기 Step 2
기본 기능 익히기 Step 3

Chapter 3 레이어가 뭘까?
레이어란 무엇인가?
레이어 사용해 보기

Chapter 4 이미지 편집 기술을 익혀 보자
그림자 이미지 만들기
입체 버튼 만들기 1
패인 글자 만들기
입체 버튼 만들기 2
투명 이미지 만들기
영역 선택 도구를 이용한 이미지 합성
레이어를 이용한 이미지 합성
보너스 페이지 레이어에 페인팅하는 방법

Chapter 5 홈페이지를 만들 때 유용하게 쓰이는 기능
이미지 Optimizer (JPEG)
이미지 Optimizer(GIF)
이미지 Mapper
이미지 Silcer

Chapter 6 애니메이션 샵을 이용한 움직이는 이미지를 만들어 보자
메뉴
단축 아이콘
배너 마법사
파일의 최적화
애니메이션 마법사
프레임을 이용한 애니메이션 만들기
이미지 트랜지션 사용하기
보너스 페이지 그래픽 뷰어의 최강자 ADCSee

9부 고급 기술을 이용한 홈페이지 만들기

Chapter 1 스타일 시트란 무엇인가?
스타일 시트의 구조
스타일 시트 사용방법

Chapter 2 나모에서 스타일 시트를 사용해 보자
간단한 스타일 시트 만들어 보기
스타일 시트 저장하기
저장된 스타일 시트 사용하기
하이퍼링크 스타일 시트 만들기

Chapter 3 알고 보면 쉬운 자바 스크립트
자바 스크립트 실행하기 1
함수란 무엇인가?
자바 스크립트 실행하기 2
자바 스크립트 실행하기 3
자바 스크립트의 계층적 구조
자바 스크립트 만들고 실행하기
Location 객체

Chapter 4 자바 스크립트보다 더 쉬운 애플릿을 사용해 보자
애플릿의 기본 구조
자바 애플릿의 Class
자바 애플릿의 장단점
자바 애플릿의 사용 예

Chapter 5 고급 기술을 나모 웹에디터로 간단히
펼침 메뉴 만들기
배경 전환 효과 주기
롤오버 이미지 만들기
애니메이션 효과 주기
보너스 페이지 Form을 사용하기 위해 알아야 할 것들

10부 내 홈페이지 입신양명시키기

Chapter 1 홈페이지를 업로드할 장소를 알아보자
무료 계정 얻기
Chapter 2 업로드의 필수품! FTP
Ws_FTP LE 설치하기
FTP 사용하기
보너스 페이지 동적인 홈페이지를 만들기 위한 CGI

Chapter 3 내 홈페이지를 소문내 보자
야후에 내 홈페이지 등록하기

Chapter 4 게시판과 방명록, 카운터를 달자
무료 게시판 얻기
무료 카운터 얻기
무료 게시판 설치하기

11부 홈페이지를 좀더 멋지게 만들기 위한 플래시 5.0

Chapter 1 오, 놀라워라~ 플래시
플래시의 매력
플래시 5 설치하기
보너스 페이지 무궁 무진한 기능의 창고, 플래시를 경험하자

Chapter 2 플래시를 하기 위해 반드시 알아두어야 할 것들
플래시 5의 화면구성
플래시의 메뉴
드로잉 툴바에 따른 옵션
플래시의 패널
보너스 페이지 플래시에 많이 사용되는 용어

Chapter 3 플래시에서 가장 중요한 타임라인과 레이어
타임라인
레이어
오니온 스킨
간단한 애니메이션 만들어 보기

Chapter 4 애니메이션을 만들기 위한 기본을 익혀 보자
쉐이프 트위닝
쉐이프 트위닝에서 힌트의 사용
모션 트위닝
모션 가이드를 이용한 트위닝
무비 클립 만들기

Chapter 5 자주 사용되는 플래시 기능
버튼 만들기를 시작하기 전에 꼭 알아둘 것
버튼 만들기
움직이는 버튼 만들기
하이퍼링크해 보기(Get URL)
이미지 맵 설정하기
플래시에 사운드 삽입하기
사운드 제어를 퍼펙트하게
효과음이 들어간 버튼 만들기
보너스 페이지 플래시 무비 저장에 대해

12부 웹에디터의 왕자 드림위버 4 사용하기

Chapter 1 드림위버 4, 기초부터 천천히
드림위버 4 설치하기
드림위버 4의 새로운 기능
보너스 페이지 홈페이지를 잘 만들기 위한 상식

Chapter 2 드림위버의 기본 메뉴를 알아보자
메뉴
단축 도구 표시줄
웹 페이지 상태 표시줄
오브젝트 패널
보너스 페이지 Layout 패널의 간단한 사용법

Chapter 3 Property 패널을 익혀 보자
텍스트 속성 패널
이미지 속성 패널
보너스 페이지 드림위버와 이미지 편집 프로그램을 연결해 보자
테이블 속성 패널
프레임 속성 패널
레이어 속성 패널
보너스 페이지 레이어를 좀더 자세히 알아보자
플래시 파일 속성 패널

Chapter 4 드림위버 4의 고급 기능을 사용하자
사이트 관리자
테이블과 레이어의 전환
History 패널
플래시 버튼 만들기
플래시 텍스트 만들기
Assets 패널
라이브러리 사용하기
템플릿
템플릿 사용하기
비헤이비어
비헤이비어 사용해 보기 1
비헤이비어 사용해보기 2

Chapter 5 드림위버의 꽃! 익스텐션을 알아보자
익스텐션 구하기
익스텐션 설치하기
익스텐션 매니저 기본 화면구성
익스텐션 사용하기 1(화면에 고정된 레이어)
익스텐션 사용하기 2(MFX 슬라이드 메뉴)
익스텐션 사용하기 3(이미지를 랜덤하게 보여주기)

13부 실전 종합 예제

Chapter 1 드림위버로 홈페이지 만들기
플래시로 인트로 무비 만들기 - 드림위버용
사운드가 삽입된 플래시 무비 만들기
인트로 페이지 만들기
드림위버 4로 홈페이지 만들기
템플릿을 사용하여 빠르게 하이퍼링크하기

Chapter 2 나모 웹에디터로 홈페이지 만들기
플래시로 인트로 무비 만들기 - 나모 웹에디터용
인트로 페이지 만들기
나모를 이용한 메인, 서브 페이지 만들기
레이어를 사용해서 모든 페이지 꾸미기
서브 페이지에 링크될 페이지 만들기