홈페이지 무작정 따라하기

첫째마당 홈페이지 감 잡기

01 시작하기 전에
인터넷과 홈페이지
홈페이지를 만들려면
이 책을 따라하기 위해 준비해야 할 것들
<잠> 메모리, 하드디스크 용량 확인하고, 해상도 맞추기
<잠> 포털 사이트란?

02 10분 만에 만드는 홈페이지
홈페이지를 10분 만에 만든다?
<무> 네띠앙에서 10분 만에 홈페이지 만들기
<무> 라이코스에서 순식간에 홈페이지 만들기
<무> 네이버에서 10분 만에 홈페이지 만들기
<무> 드림위즈에서 순식간에 홈페이지 만들기
<잠> 홈페이지 제작 마법사 기능을 제공하는 웹 사이트들

03 HTML로 쓸 만한 홈페이지 만들기
홈페이지의 뼈대를 구경하자
<무> 홈페이지의 HTML 소스 보기
<잠> HTML 문서에서 대문자, 소문자를 구별해야 할 때
HTML의 기본 구조 살펴보기
HTML로 만드는 홈페이지의 기초
<무> HTML 워밍업-글자, 가로줄, 그림 넣기
<잠> 가로줄의 두께와 길이를 지정하려면
<잠> 정렬 태그 자세히 보기
<무> HTML 연습 다지기-배경 그림/하이퍼링크/표 삽입하기
<잠> 배경 그림 대신 배경색을 넣으려면
<무> 가자, HTML 아우토반으로!-전자우편 주소, 배경 음악 삽입하기
<잠> 배경 음악 삽입 태그 살펴보기
창 나누기-프레임 설정하기
<잠> 프레임의 폭과 너비 지정하기
<무> 창 나누기-프레임 태그 사용법
<잠> 픽셀이란?
<도전> 홈페이지에서 그림을 빨리 보이게 하려면

둘째마당 나모 웹에디터로 만드는 홈페이지

04 나모 웹에디터 길들이기
나모 웹에디터 구하기
<잠> 나모 홈페이지 방문하기
나모 웹에디터 5 설치를 위한 시스템 사양
<무> 나모 웹에디터 5 설치하기
<무> 불필요한 나모 4 삭제하기
<무> 나모 웹에디터 5 체험판 설치하기
나모 웹에디터의 기본 메뉴 익히기
<잠> ‘문단 유형 바꾸기’가 뭐예요?
<잠> ‘CSS'가 뭐예요?
나모 웹에디터의 주요 기능 익히기
나모 웹에디터 5의 새로운 기능들

05 나모 웹에디터 기초 다지기
우리가 만들 비틀즈 홈페이지 미리보기
홈페이지 기본 형식 지정하기
<무> 제목과 배경 그림 지정하기
<무> 글자 입력하고 예쁘게 꾸미기
<잠> 글자색을 좀더 다양한 색으로 바꾸고 싶다면
<잠> .html과 .htm은 뭐가 다르죠?
<무> 인터넷에서 멋진 그림을 내 컴퓨터로 가져오기
<잠> 홈페이지 배경 그림 들여다보기
<무> 그림 불러와서 삽입하기
<잠> 그림의 크기를 조절하려면
<무> 문단을 한꺼번에 가운데로 정렬하기
<무> 익스플로러로 미리보기
<잠> 기본 브라우저 바꾸기-익스플로러와 넷스케이프가 함께 설치된 경우
<무> 넷스케이프로 미리보기
<잠> 웹 브라우저에 따라 홈페이지가 다르게 보일 수도 있다
<무> 그림에 하이퍼링크 설정하기
<잠> 만든 홈페이지를 익스플로러로 다시 불러오려면
<무> 단어에 하이퍼링크 설정하기
<잠> 하이퍼링크를 만드는 3가지 방법
<무> HTML 탭에서 HTML 소스 편집하기
우리가 만든 비틀즈 홈페이지의 소스 들여다보기
<잠> 태그 살펴보기
<도전> 사이트 마법사로 홈페이지 만들기


셋째마당 홈페이지 기획/디자인하기

06 홈페이지 기획/스토리보드 만들기
좋은 홈페이지를 만들려면
홈페이지에도 제작 과정이 있다
<잠> 사용 편리성과 인터페이스
<잠> 좋은 홈페이지 디자인을 위해 고려해야 할 7가지

07 우리가 만들 또리 홈페이지 미리보기
또리 홈페이지 스토리보드와 디자인 시안 살펴보기
<잠> 또리 일기장 연결 과정 미리 보기
또리 홈페이지의 구조도
어떤 과정으로 만들 것인가
<잠> 파일 이름을 지정할 때 주의할 점

08 홈페이지 디자인 따라잡기
페인트샵 프로의 기본 기능 익히기
홈페이지 디자인을 할 때, 꼭 알아야 할 그래픽 파일 형식
<무> 페인트샵 프로로 홈페이지에 넣을 투명 그림 만들기
<무> 그림자 글자 이미지 만들기
<잠> 글꼴 내려받고 설치하기
사진 스캔받기
디지털 카메라에서 이미지 받기
무료 이미지 구하기
<무> 홈페이지용 그림 나누기
<잠> 그림을 자르고 저장할 때 주의할 점 5가지


넷째마당 멀티미디어 홈페이지 만들기

09 움직이는 그림 만들기
움직이는 그림이란
<잠> 움직이는 그림을 구할 수 있는 사이트
<무> 애니메이션 샵으로 움직이는 그림 만들기
<무> 그림 한 장으로 애니메이션 만들기
<무> 익스플로러에서 움직이는 그림 확인하기
<잠> 탐색기에서 움직이는 그림 보기

10 미디로 만드는 홈페이지 배경 음악
미디란?
공개 미디 파일 구하기
<무> 인터넷에서 미디 파일 다운받기
<잠> 윈도우 미디어 플레이어가 실행되지 않아요!
<무> 미디 파일을 배경 음악으로 삽입하기
<무> 넷스케이프로 배경 음악 듣기
<무> 배경 음악 조절판 만들기
<잠> MIDI 음악이 들리지 않으면

11 디지털 오디오 파일 다루기
디지털 오디오 파일 이해하기
<잠> 스트리밍이 뭐예요?
<무> 인사말 녹음하기-‘녹음기’로 웨이브 파일 만들기
<잠> 오디오 파일을 편집하려면
<잠> 마이크가 먹통이에요!
<무> 홈페이지에 삽입할 리얼 오디오 파일 만들기
<잠> 리얼 메타 파일과 리얼 서버
<무> 홈페이지에 삽입할 윈도우 미디어 오디오 파일 만들기
<잠> 미디 파일만 배경 음악으로 사용할 수 있나요?
<무> 하이퍼링크로 홈페이지에 오디오 파일 연결하기
<무> 홈페이지에 오디오 파일 직접 삽입하기
<잠> 윈도우 미디어 오디오 파일이 자동 재생되지 않게 하려면

12 웹용 동영상 다루기
디지털 비디오 파일 이해하기
동영상은 어떻게 만드나요?
<무> 리얼 프로듀서로 리얼 비디오 파일 만들기
<무> 윈도우 미디어 인코더로 WMV 파일 만들기
<무> 윈도우 미디어 인코더 4로 ASF 파일 만들기
<잠> 무료 윈도우 미디어 서버 구하기
<무> 하이퍼링크로 홈페이지에서 동영상 파일 실행하기
<잠> 메타 파일로 동영상 파일을 재생하는 방법
<무> 홈페이지에 직접 동영상 파일 삽입하기

13 플래시 애니메이션 만들기
웹 애니메이션과 플래시
우리가 만들 플래시 애니메이션 미리보기
<잠> 플래시 애니메이션의 원리 엿보기-비트맵 방식과 벡터 방식
스위시로 만드는 글자 애니메이션
<무> 스위시 글자 애니메이션 만들기
플래시로 만드는 웹 애니메이션
<무> 인트로 플래시 애니메이션 만들기
<무> 플래시 버튼 만들기
<잠> 플래시의 기본 액션 살펴보기
<무> 플래시에서 애니메이션 배경 음악 만들기
<잠> Sync가 뭐예요?
<무> 홈페이지에 플래시 애니메이션 삽입하기


다섯째마당 실전 100%-홈페이지 만들기 도상 훈련

14 웹 카운터, 게시판, 방명록, 메모장 만들기
웹 카운터, 게시판, 방명록, 메모장을 만들려면
<잠> 웹 카운터, 게시판, 방명록 무료 서비스를 이용할 때 주의할 점
<무> 홈페이지에 공짜 웹 카운터 만들기
<잠> 웹 카운터의 이미지를 바꾸려면
<무> 공짜 게시판 만들기
<무> 네이버의 무료 방명록 사용하기
<잠> 네띠앙에서 방명록 달기
<무> 홈페이지에 100원짜리 메모장 달기

15 메뉴 페이지 만들기
또리 홈페이지 메뉴 페이지 미리보기
<잠> 대상 프레임 지정에 따른 홈페이지의 변화
<잠> 색깔의 RGB 값을 알려면
<무> 왼쪽 메뉴 페이지 만들기 1
<무> 왼쪽 메뉴 페이지 만들기 2 - 움직이는 그림, 플래시 버튼, 웹 카운터 삽입하기
<잠> 줄 바꾸기와 한 줄 띄우기
캐스캐이딩 스타일시트에 대하여
<무> 상단 메뉴 페이지 만들기- 표로 틀 잡기
<잠> 픽셀 또는 백분율(%)로 표 너비 지정하기
<무> 메뉴에 다양한 하이퍼링크 설정하기
<잠> 홈페이지에 메모장을 연결하는 또다른 방법
<잠> 스크립트 오류가 나거나 방명록 등이 열리지 않으면
<무> 링크 태그(A) 스타일 만들기

16 메인 페이지 만들기
또리 홈페이지 메인 페이지 미리보기
자바애플릿 미리보기
자바애플릿은 어떻게 만드나요?
<무> 자바애플릿을 이용해 옆으로 움직이는 그림 만들기
<잠> 삽입한 자바애플릿이 실행되지 않아요!
<무> 문단 제어 스타일 사용하기
<무> 배너와 배경 음악 삽입하기
<도전> 스타일시트 저장하고 불러오기
<무> 프레임으로 홈페이지 합치기
<잠> ‘프레임 속성’ 대화상자의 ‘스크롤 막대 표시’ 옵션에 대하여
<잠> 프레임의 크기와 여백 지정하기
<도전> 자바애플릿 사용 연습 - 호수에 비치는 그림 만들기

17. 다이나믹 HTML 골라 쓰기
다이나믹 HTML이란?
다이나믹 HTML 골라 사용하기
우리가 만들 또리 프로필 페이지 미리보기
<무> 기본 페이지 만들기
<잠> 윈도우 기본 글꼴 외에, 좀더 예쁜 글꼴을 사용하려면
<무> 다이나믹 애니메이션 만들기
<잠> 타임 라인 상자의 모양을 바꾸려면

18. 포토앨범과 멀티갤러리 만들기
포토앨범이란
우리가 만들 포토앨범 페이지 미리보기
<무> 포토앨범 만들기
<잠> 포토앨범의 5가지 유형
우리가 만들 멀티갤러리 페이지 미리보기
<무> 멀티갤러리 만들기

19. 자바스크립트로 만드는 비밀 일기장
자바스크립트란
<잠> 자바스크립트 관련 사이트
우리가 만들 또리 일기장 미리보기
자바스크립트로 로그인 페이지 만들기
<무> 자바스크립트 로그인 페이지 만들기 1
<무> 자바스크립트 로그인 페이지 만들기 2
<잠> 로그인 확인 비밀번호를 바꾸려면
<도전> 홈페이지에서 마우스 오른쪽 단추를 사용하지 못하게 하려면


여섯째마당 인터넷에 내 집 만들기

20 인터넷에 홈페이지 올리기
홈페이지를 어디에, 어떻게 올리나요
또리 홈페이지 총점검하기
홈페이지를 올릴 때 주의해야 할 사항 5가지 사항
<잠> MIME란?
FTP를 이용해 홈페이지 업로드하기
<무> FTP를 이용해 홈페이지 올리기
각 서비스 업체별 홈페이지 올리기
<잠> 홈페이지 수정과 전체 업데이트는 어떻게 하나요?

21 내 홈페이지 광고하기
홈페이지 광고는 검색 사이트에서 출발한다
<무> 심마니에 홈페이지 광고하기
<잠> 홈페이지를 대신 광고해 주는 사이트
<무> 야후 코리아에서 홈페이지 광고하기
<무> 네이버에 홈페이지 등록하기