1부 홈페이지가 뭐예요?
1. 홈페이지란?
직접해보기 - 홈페이지 구경하고 특징 알아보기
2. 홈페이지 만들기 전에 알아두어야 할 것
3. 홈페이지 만들기에 필요한 준비물

2부 나모를 이용한 홈페이지 만들기
1. 나모 웹 에디터를 설치해 보자
직접해보기 - 나모 웹 에디터 설치하기
보너스 페이지 - 사이트 관리자
2. 홈페이지 마법사로 뚝딱 단숨에 집을 짓자
직접해보기 - 사이트 마법사로 홈페이지 만들기
3. 홈페이지 업로드하기
직접해보기 - 무료 계정에 업로드하기
보너스 페이지 - 파일을 쉽고 빠르게 인터넷에 올리는 방법

3부 나모 웹 에디터 정복 READY? GO!
1. 나모 웹 에디터 4.03의 기능 해부하기
2. 나모 웹 에디터의 기본기를 익히자
직접해보기 - 웹 페이지 만들고 저장하기
보너스 페이지 - 웹 페이지의 주제를 나타내는 글 제목 설정하기
3. 웹 페이지의 글자를 내 마음대로
직접해보기 - 글자 크기, 색, 모양 바꾸기
보너스 페이지 - 글씨체(폰트)가 맘에 드는 것이 없어 추가를 하고 싶다면?
4. 반복된 작업을 빠르게, 더 빠르게…
직접해보기 - 웹 페이지의 텍스트 편집해 보기
보너스 페이지 - 글자의 모양을 보기 좋게 꾸며 보자
5. 다양한 멀티미디어 삽입
직접해보기 - 웹 페이지에 음악파일 삽입하기
보너스 페이지 - 나모 웹 에디터 4.03의 5대 마법사
6. 목록을 만들어 보자
직접해보기 - 텍스트 목록으로 나열하기
7. 이미지 작업을 해보자
직접해보기 - 배경 이미지 넣기
직접해보기 - 그림 삽입하기
직접해보기 - 클립아트 사용하기
직접해보기 - 고급스러운 그림 효과 내기
보너스 페이지 - 그림에 다양한 효과를 넣어보자
8. 투명한 이미지를 만들어 보자
직접해보기 - 배경이 투명한 이미지 만들기
9. 썸네일 이미지를 만들어 보자
직접해보기 - 효과적으로 그림 삽입하기

4부 뼈대 있는 홈페이지 만들기
1. 프레임을 생성하고 그림을 삽입해 보자
직접해보기 - 프레임 만들어보기
직접해보기 - 그림을 프레임에 예쁘게 삽입하기
2. 웹 페이지와 파일의 하이퍼링크
직접해보기 - 외부에 있는 페이지 링크하기
직접해보기 - 내부에 있는 페이지 링크하기
직접해보기 - 파일을 링크해 보기
직접해보기 - 바로 실행되는 미디파일 삽입하기
직접해보기 - 하나의 이미지에 여러 개의 하이퍼링크를?
3. 책갈피 기능
직접해보기 - 홈페이지에 책갈피 끼워넣기
4. 프레임을 사용한 홈페이지와 이메일 설정
직접해보기 - 대상 프레임 설정하기
5. 표를 사용해서 홈페이지 조각내기
직접해보기 - 표 만들기
직접해보기 - 표의 모양 바꾸기
직접해보기 - 표에 이미지 삽입하기
6. 멋진 홈페이지를 벤치마킹해 보자
직접해보기 - 잘된 홈페이지 벤치마킹하기

5부 HTML은 기본 중의 기본
1. HTML의 기본 알기
직접해보기 - 웹 브라우저에서 HTML 결과 보기
2. 줄 바꾸기와 글자에 관한 태그
3. 목차와 선에 관한 태그
4. 내 손으로 직접 하이퍼링크하기
5. 멀티미디어 삽입하기
6. 문서 전체 환경 설정하기
7. 산뜻한 홈페이지를 위한 HTML

6부 웹 에디터와 HTML은 무슨 관계?
1. 웹 에디터와 HTML 같이 사용하기
직접해보기 - 메인 페이지 만들기
2. 하위 페이지 만들기
직접해보기 - 하위 페이지 만들기
직접해보기 - 연결될 페이지 만들어 보기
직접해보기 - 웹 페이지 연결하기(HyperLink)

7부 홈페이지에 디자인을 입혀보자
1. 페인샵 프로 둘러보기
2. 페인트샵 프로 사용하기
직접해보기 - 기본 기능 익히기 1
직접해보기 - 기본 기능 익히기 2
보너스 페이지 - 페인트 브러시 도구에 대한 옵션
직접해보기 - 기본 기능 익히기 3
3. 레이어를 알면 백전백승
직접해보기 - 레이어의 기본 알기
직접해보기 - 레이어 해부하기
4. 많이 사용되는 기술 익히기
직접해보기 - 그림자 이미지 만들기
직접해보기 - 입체 버튼 만들기 1
보너스 페이지 - 하나 더 만들기
직접해보기 - 패인 글자 만들기
직접해보기 - 입체 버튼 만들기 2
직접해보기 - 투명 이미지 만들기
직접해보기 - 영역 선택 도구를 이용한 합성
직접해보기 - 레이어를 이용한 이미지 합성
5. 페인트샵 프로 7.0의 새로운 기능들
직접해보기 - JPEG Optimizer
직접해보기 - GIF Optimizer
직접해보기 - Image Mapper
직접해보기 - Image Slicer
보너스 페이지 - 홈페이지에 사용되는 그래픽 파일의 속성
6. 움직이는 이미지 만들기
직접해보기 - 애니메이션 샵 도구 설명
직접해보기 - 배너 마법사
직접해보기 - 파일의 최적화
직접해보기 - 애니메이션 마법사
직접해보기 - 프레임을 이용한 애니메이션 만들기
직접해보기 - 이미지 트랜지션 사용하기
7. 플래시 맛보기
직접해보기 - 텍스트 그림자 효과
직접해보기 - 마스크를 이용한 이미지 만들기
보너스 페이지 - 플래시 사이트 구경하기

8부 고급 기술 이용하여 홈페이지 만들기
1. 스타일 시트 알아보기
2. 나모에서 스타일 시트 사용하기
직접해보기 - 간단한 스타일 시트 만들어보기
직접해보기 - 스타일 시트 저장하기
직접해보기 - 저장된 스타일 시트 불러와 사용하기
직접해보기 - 하이퍼링크 스타일 시트 만들기

9부 내 홈페이지 입신양명시키기
1. 홈페이지를 업로드할 장소 섭외하기
직접해보기 - 무료 계정 얻기
보너스 페이지 - 국내 무료 계정 제공 사이트 목록
2. 업로드의 필수품! FTP 알기
직접해보기 - WS_FTP PRO 프로그램 설치
직접해보기 - FTP의 사용방법
보너스 페이지 - FTP 파헤쳐 보기
3. 내 홈페이지 소문내기
직접해보기 - 야후에 홈페이지 등록하기
보너스 페이지 - META TAG 알아보기
4. 게시판과 방명록 사용하기
직접해보기 - 무료 게시판 얻기
직접해보기 - 주소를 얻은 게시판 설치하기
보너스 페이지 - CGI 프로그램 구하기

10부 홈페이지 실전
1. 홈페이지 만들기 처음부터 끝까지
직접해보기 - 상단 프레임 만들기
직접해보기 - 왼쪽 프레임 만들기
직접해보기 - 오른쪽 프레임 만들기
직접해보기 - 레이어를 사용한 하위 페이지 만들기
직접해보기 - 동물원 에티켓 페이지 만들기
직접해보기 - 프로필 페이지 만들기
직접해보기 - 동물원 가는 길 페이지 만들기
직접해보기 - 페이지 간의 하이퍼 링크 만들기
직접해보기 - 플래시 파일 삽입하기
직접해보기 - 업로드하기