홈페이지 제작 튼튼하게 배우기

PART 1 나모 웹에디터 FX와의 첫 만남
LESSON 01 홈페이지와 나모 웹에디터의 짜릿한 만남
LESSON 02 홈페이지의 시작! 나모 웹에디터 FX 설치하기
LESSON 03 모든 프로그램의 기본은 실행과 종료하기죠!
LESSON 04 나모 웹에디터 FX의 얼굴 살펴보기
LESSON 05 도구 막대와 패널을 내 마음대로 다루자!
LESSON 06 홈페이지 작업 해상도를 맞추세요!
LESSON 07 홈페이지 미리 맛보고 저장하기
LESSON 08 새 문서도 만들고 여백도 설정해 봐요!
LESSON 09 문서 양식을 이용해서 새 글 만들기
LESSON 10 웹문서의 기본 속성도 바꿔 봐요!
LESSON 11 문서를 닫고 다시 불러오는 방법도 알아야죠?
LESSON 12 홈페이지 웹브라우저에서 확인해 보기

PART 2 글자로 꾸미는 홈페이지
LESSON 01 다양한 글자를 입력해 봐요!
LESSON 02 글자 모양도 예쁘게 꾸며 봐요!
LESSON 03 글자 모양, 보다 독특하게 꾸미기
LESSON 04 공백문자와 수평선 삽입하기
LESSON 05 글자를 자유자재로 편집해 봐요!
LESSON 06 문단과 줄을 나누고 정렬해 봐요!
LESSON 07 문단을 보기 좋게 꾸며 봐요!
LESSON 08 다양한 형태의 목록 만들기
LESSON 09 글상자도 입력해 봐요!

PART 3 그림으로 홈페이지 아름답게 꾸미기
LESSON 01 홈페이지에 멋진 그림을 넣어 봐요!
LESSON 02 예쁜 클립아트도 넣어 봐요!
LESSON 03 그림 크기를 마음대로 바꿔 봐요!
LESSON 04 그림을 보기 좋게 정렬해 봐요!
LESSON 05 그림에 테두리와 여백을 만들어 봐요!
LESSON 06 그림으로 문서 배경을 바꿔 봐요!
LESSON 07 수식으로 수학능력시험 문제지를 만들어 봐요!
LESSON 08 디카로 찍은 사진, 포토앨범으로 만들어 봐요!
LESSON 09 포토샵이 부럽지 않은 그림 효과

PART 4 꼬리에 꼬리를 무는 하이퍼링크 만들기
LESSON 01 글자에 연결되는 하이퍼링크를 만들어 봐요!
LESSON 02 그림에 연결되는 하이퍼링크도 만들 수 있나요?
LESSON 03 메일을 보낼 수 있는 하이퍼링크도 만들어야죠!
LESSON 04 다양한 하이퍼링크를 만들어 봐요!
LESSON 05 길을 잃지 않는 책갈피를 넣어 봐요!
LESSON 06 멋진 페이지 이동 효과를 넣어 봐요!
LESSON 07 편리한 이미지 맵도 만들어 봐요!

PART 5 표로 홈페이지 레이아웃 잡기
LESSON 01 표 입력하기와 지우는 방법을 알아봐요!
LESSON 02 표 크기 바꾸고, 보기 좋게 정렬도 해봐요!
LESSON 03 셀을 마음대로 늘리거나 줄여 봐요!
LESSON 04 표 테두리를 멋있게 바꿔 봐요!
LESSON 05 셀과 표 크기 정확하게 설정하기
LESSON 06 셀 안의 내용도 깔끔하게 정렬해 봐요!
LESSON 07 셀 배경과 셀 테두리를 예쁘게 바꿔 봐요!
LESSON 08 표 배경도 멋있게 바꿔 봐요!
LESSON 09 표 그리기와 지우기로 재미있는 표를 제작해 봐요!
LESSON 10 표를 자유자재로 복사하고 붙여 보세요!
LESSON 11 알아두면 편리한 다양한 표 기능들
LESSON 12 표로 차트도 만들 수 있어요!
LESSON 13 레이아웃 상자를 이용해서 웹디자인을 해봐요!

PART 6 스타일로 홈페이지 멋스럽게 꾸미기
LESSON 01 인라인 스타일을 적용해 봐요!
LESSON 02 나만의 문서 스타일을 만들어 봐요!
LESSON 03 스타일시트를 파일로 만들 수도 있어요!
LESSON 04 HTML 태그를 내 맘대로 바꿔 봐요!
LESSON 05 ID 스타일도 만들어 봐요!
LESSON 06 하이퍼링크의 모양이 멋지게 변신한다!
LESSON 07 똑똑한 롤오버 셀을 만들어 봐요!
LESSON 08 내 맘대로 스크롤 막대의 색깔을 바꿔 봐요!

PART 7 프레임으로 홈페이지 구성하기
LESSON 01 프레임이 도대체 무엇인가요?
LESSON 02 다양한 방법으로 프레임을 나눠 봐요!
LESSON 03 프레임을 지우는 방법도 알아야죠?
LESSON 04 프레임셋에 삽입할 문서를 만들어 봐요!
LESSON 05 프레임셋에 프레임 문서를 하나씩 쏙!쏙! 넣어 봐요!
LESSON 06 프레임셋 문서는 꼭 저장하세요!
LESSON 07 프레임 속성을 설정해 봐요!
LESSON 08 프레임 문서에서 하이퍼링크는 어떻게 만드나요?
LESSON 09 인라인 프레임으로 웹디자인 해봐요!

PART 8 폼으로 회원제 홈페이지 만들기
LESSON 01 홈페이지의 폼은 무엇인가요?
LESSON 02 로그 인 문서를 만들어 봐요!
LESSON 03 회원이 아니라면 회원 가입 신청서를 작성해야죠!
LESSON 04 누름 단추를 멋진 그림으로 바꿔 봐요!
LESSON 05 액션으로 똑똑한 폼필드를 만들어 봐요!
LESSON 06 회원 가입 신청서로 새로운 회원을 가입시켜 봐요!

PART 9 레이어는 타임라인을 타고 흐르고...
LESSON 01 레이어의 기본기를 확실히 익혀 봐요!
LESSON 02 레이어를 가지런히 정렬해 봐요!
LESSON 03 레이어와 액션을 응용한 웹디자인
LESSON 04 타임 라인으로 재미있는 애니메이션을 만들어 봐요!
LESSON 05 타임라인을 응용해서 멋진 애니메이션을 만들어 봐요!
LESSON 06 타임라인에 액션을 넣어 봐요!
LESSON 07 액션으로 타임라인을 컨트롤 해봐요!

PART 10 즐거운 멀티미디어 홈페이지 만들기
LESSON 01 오디오 파일을 직접 만들어 봐요!
LESSON 02 동영상 파일도 만들어 봐요!
LESSON 03 멀티미디어 파일을 링크해 봐요!
LESSON 04 멀티미디어 파일을 홈페이지에 직접 넣어 봐요!
LESSON 05 리얼 미디어 동영상도 넣어 봐요!
LESSON 06 액션으로 동영상을 내 맘대로 컨트롤 해봐요!
LESSON 07 홈페이지에 배경 음악을 넣어 봐요!
LESSON 08 재미있는 플래시 파일을 넣어 봐요!
LESSON 09 너무 쉬운 플래시 버튼을 넣어 봐요!
LESSON 10 홈페이지에 신나는 음악 연주기를 넣어 봐요!
LESSON 11 자바 애플릿으로 특별한 홈페이지로 꾸며 봐요!
LESSON 12 Anfy로 멋진 자바 애플릿 효과를 만들어 봐요!

PART 11 스크립트 마법사로 재미있는 홈페이지 만들기
LESSON 01 글자와 그림이 날라 다녀요!
LESSON 02 홈페이지에 멋진 시계도 넣어 봐요!
LESSON 03 멋지게 움직이는 레이어 효과를 만들어 봐요!
LESSON 04 순환 배너와 이동 단추도 넣어 봐요!
LESSON 05 화려한 전환 효과도 만들어 봐요!
LESSON 06 롤오버 그림과 롤오버 셀을 만들어 봐요!
LESSON 07 홈페이지에 글자가 흘러 다닌다!
LESSON 08 독특하고 편리한 메뉴도 넣어 봐요!
LESSON 09 오늘은 더 이상 이 창을 열지 않아요!

PART 12 액션으로 환상적인 효과 내기
LESSON 01 액션과 이벤트 무엇에 쓰는 물건이지?
LESSON 02 상황선에 재미있는 메시지 효과를 보여 주세요!
LESSON 03 메시지를 내 맘대로 띄울 수도 있어요!
LESSON 04 너 꼼짝마! 마우스 오른쪽 버튼!
LESSON 05 마우스를 가져가면 그림이 커졌다! 작아졌다!
LESSON 06 액션으로 독특한 필터효과를 만들어 봐요!
LESSON 07 액션으로 다이내믹한 레이어를 만들어 봐요!
LESSON 08 두 개의 프레임을 컨트롤하는 액션 만들기!
LESSON 09 활용 만점! 윈도우 액션 설정하기
LESSON 10 흥미 만점! 윈도우 효과 내기!

PART 13 나모 웹캔버스와 유틸리티 100% 활용하기
LESSON 01 스마트 클립아트로 타이틀 바를 만들어 봐요!
LESSON 02 나모 웹캔버스로 재미있는 문자를 만들어 봐요!
LESSON 03 라이브러리와 패스 기능을 이용해서 클립아트를 만들어 봐요!
LESSON 04 롤오버 버튼을 직접 만들어 봐요!
LESSON 05 나모 그림 나누기로 웹문서를 생성해 봐요!
LESSON 06 그림 나누기로 수염난 여자 홈페이지를 제작해 봐요!
LESSON 07 나모 GIF 애니메이터로 움직이는 그림을 만들어 봐요!
LESSON 08 나모 화면 갈무리로 화면을 캡쳐해 봐요!

PART 14 홈페이지 레이아웃 제작에서 인터넷에 올리기까지
LESSON 01 포토샵으로 홈페이지 레이아웃을 제작해 봐요!
LESSON 02 레이아웃을 작은 그림으로 나누고 웹문서도 생성해 봐요!
LESSON 03 생성된 웹문서를 나모 웹에디터에서 편집해 봐요!
LESSON 04 마우스를 가져가면 나타나는 하위 메뉴를 만들어 봐요!
LESSON 05 홈페이지에 게시판과 방명록을 만들어 봐요!
LESSON 06 포토 게시판과 다이어리를 넣어 봐요!
LESSON 07 홈페이지에 카운터를 넣어 봐요!
LESSON 08 홈페이지에 날씨 배너와 검색창을 넣어 봐요!
LESSON 09 홈페이지에서 설문 조사와 대화방을 만들어 봐요!
LESSON 10 새 사이트로 지정하고 링크 검사도 해봐요!
LESSON 11 홈페이지를 인터넷에 출판해 봐요!
LESSON 12 홈페이지를 수정하고 업데이트도 해봐요!
LESSON 13 FTP 프로그램으로도 홈페이지를 출판할 수 있어요!
LESSON 14 무료 단축 도메인 신청하고 검색엔진에 등록도 해봐요!

PART 15 나모 웹보드로 게시판과 회원 관리하기
LESSON 01 내 컴퓨터에서 나모 웹보드를 사용해 봐요!
LESSON 02 홈페이지 계정에 나모 웹보드를 설치해 봐요!
LESSON 03 새로운 게시판을 추가하고 관리해 봐요!
LESSON 04 회원은 완벽하게 관리해야죠!
LESSON 05 게시판의 스킨을 내 맘대로 수정해 봐요!
LESSON 06 홈페이지에 게시판을 연결하고 회원도 가입시켜 봐요!

부록 1- HTML 태그와 자바스크립트 튼튼하게 배우기
LESSON 01 HTML 태그 기초 익히기
LESSON 02 글자에 대한 태그 익히기
LESSON 03 문단에 관한 태그 익히기
LESSON 04 그림과 관련된 태그 익히기
LESSON 05 하이퍼링크에 대한 태그 익히기
LESSON 06 표에 관한 태그 익히기
LESSON 07 프레임에 관한 태그 익히기
LESSON 08 자바 스크립트가 무엇인가요?
LESSON 09 자바 스크립트를 활용해서 재미있는 효과 만들기

부록 2 - 웹 안전 색상표