바로 배워 바로 쓰는 홈페이지 만들기 with 나모 웹에디터 5 Power Plus

1. 홈페이지에 대해 알아두어야 할 몇 가지
홈페이지가 뭐예요? - 홈페이지의 개념과 용어
HTML 문서는 어떻게 생겼죠? - HTML 문서의 구조와 생김새
HTML 살짝 맛보기 - 필수 HTML TAG 알아보기
홈페이지 기획과 제작
홈페이지 제작을 위한 준비물 점검하기

2. 나모 웹에디터의 기초 Ⅰ
나모 웹에디터 5 파워 플러스 설치하기
나모 웹에디터 5 파워 플러스 실행하고 종료하기
나모 웹에디터 5 파워 플러스 화면 구성 살펴보기
문서 열어서 작업한 뒤 저장하고 브라우저로 확인하기

3. 나모 웹에디터의 기초 Ⅱ
문서 정보 설정하기
배경색과 배경 음악 설정하기
목록으로 웹 페이지 만들기
맞춤법 검사하기

4. 나모 웹에디터의 각종 옵션 사용하기
나만의 도구 막대 만들기
눈금자와 그리드, 가이드 사용하기
부호와 그림 보이기
창 크기 설정하기
속성 창 다루기


[둘째마당 튼튼한 홈페이지를 위한 기본기 마스터하기]

실전공략 01. 정보 전달의 기본 - 텍스트 요리하기
01-1 텍스트 입력하기
01-2 글꼴 바꾸고 크기 설정하기
01-3 글자색 및 글자 배경색 설정하기
01-4 진하게, 밑줄, 이탤릭 설정하기
01-5 문단 제목 설정하기
01-6 문단 여백, 줄 간격, 문단 정렬하기
01-7 수평선 삽입하고 편집하기
01-8 문서 저장하고 결과 확인하기
고수 따라잡기

실전공략 02. 표로 정복하는 홈페이지 레이아웃
02-1 표 만들기
02-2 표 크기 설정하고 정렬하기
02-3 셀 합치고 데이터 배치하기
02-4 셀 속성 설정하기
02-5 표 속성 설정하기
02-6 작업 문서 저장하고 결과 확인하기
고수 따라잡기

실전공략 03. 그림으로 아름다운 홈페이지
03-1 표로 메인 화면 레이아웃 터 잡기
03-2 클립아트 삽입하고 배치하기
03-3 움직이는 배너 그림 삽입하기
03-4 아가표에 메인 이미지 배치하기
03-5 아가표와 작업한 문서 마무리하기
고수 따라잡기

실전공략 04. 하이퍼링크로 홈페이지에 길 만들기
04-1 내부 파일로 하이퍼링크 설정하기
04-2 외부 사이트로 하이퍼링크 설정하기
04-3 이메일 링크 설정하기
04-4 그림에 하이퍼링크 설정하기
04-5 책갈피 링크 만들기
04-6 하이퍼링크 텍스트 색깔 바꾸고 링크 툴팁 만들기
고수 따라잡기

실전공략 05. 창으로 통하는 홈페이지
05-1 프레임셋 만들기
05-2 프레임 안에 웹 페이지 만들기
05-3 프레임 속성 설정하기
05-4 프레임과 프레임간 하이퍼링크 설정하기
05-5 프레임 문서 저장하고 결과 확인하기
고수 따라잡기

실전공략 06. 인터넷 내 집 마련 - 홈페이지 출판
06-1 홈페이지 계정 구하기
06-2 내 홈페이지에 게시판 달기
06-3 나모 웹에디터를 이용하여 홈페이지 출판하기
06-4 WS_FTP를 이용하여 홈페이지 출판하기
고수 따라잡기

문답으로 풀어보는 뒤풀이 마당


[셋째마당 자주 만나는 홈페이지 유형 공략하기]

실전공략 07. ‘이 영화, 보고 싶지 않으세요?’ - 영화 소개 홈페이지 만들기
07-1 메인 화면 만들기 - 표 그리기와 표 속성
07-2 메뉴 만들기 - 플래시 버튼
07-3 새 윈도우로 이미지에 하이퍼링크 설정하기
07-4 멀티 미디어 파일 삽입하기
07-5 음악 파일과 동영상 파일 하이퍼링크로 연결하기
07-6 게시판 연결하기 - 아이 프레임 삽입하기
고수 따라잡기

실전공략 08. ‘무조건 팝니다.’ - 쇼핑몰 홈페이지 만들기
08-1 메인 화면 만들기 - 나모 그림 나누기
08-2 어라! 상품이 날아다니네 - 애니메이션 스크립트 효과
08-3 깔끔한 상품 정보 보여주기 - 스타일시트
08-4 이거 맘에 드네, 사야지! - 온라인 주문서 만들기
고수 따라잡기

실전공략 09. ‘우리 회사가 최고야!’ - 톡톡 튀는 회사 홈페이지 만들기
09-1 메인 화면 레이아웃 잡기 - 레이아웃 표
09-2 플래시 애니메이션 삽입하기 - 개체
09-3 롤오버 메뉴 바 만들기 - 이미지와 자바스크립트
09-4 포트폴리오 진열하기 - 포토 앨범
고수 따라잡기


[넷째마당 홈페이지를 빛내는 나모 웹에디터 테크닉 정복하기]

실전공략 10. 포토샵이 부럽지 않다 - ‘그림 효과’에서 그림 편집하기
10-1 ‘그림 효과’ 대화상자 살펴보기
10-2 내 홈페이지에 맞게 그림 자르기
10-3 내 홈페이지에 맞게 그림 크기 조절하기
10-4 그림의 밝기, 명암 대비, 선명도 조절하기
10-5 그림에 테두리 효과 및 단추 효과와 그림자 효과 설정하기
고수 따라잡기

실전공략 11. 재미난 배너는 나에게 맡겨라 - 나모 GIF 애니메이터 사용하기
11-1 나모 GIF 애니메이터 살펴보기
11-2 프레임 삽입하고 정렬하기
11-3 프레임과 애니메이션 속성 설정하기
11-4 배너 저장하고 홈페이지에 삽입하기

실전공략 12. 레이어와 스크립트로 감칠맛 나는 홈페이지 만들기
12-1 스크립트 마법사로 구현할 수 있는 스크립트 효과 살펴보기
12-2 마우스 커서 따라다니는 스크립트 구성하기
12-3 떠 있는 레이어 스크립트 만들기
12-4 레이어로 흐르는 내용 만들기
12-5 새 윈도우 열기 스크립트로 공지 사항 만들기

실전공략 13. 타임라인으로 애니메이션 만들기
13-1 타임라인 창 구성 요소 알아보기
13-2 직선 애니메이션 만들기
13-3 곡선 애니메이션 만들기
13-4 자유 곡선 애니메이션 만들기
13-5 타임라인 추가하기

실전공략 14 . 액션으로 다이내믹한 홈페이지 만들기
14-1 액션 속성 살펴보기
14-2 그림 파일 크기 바꾸기 액션 설정하기
14-3 액션으로 레이어 배경색 바꾸기
14-4 타임라인 애니메이션과 액션
14-5 메시지 띄우기 액션 설정하기

실전공략 15. 웹캔버스로 만드는 스마트 버튼
15-1 웹 캔버스 살펴보기
15-2 스마트 버튼 삽입하고 웹캔버스 불러오기
15-3 웹캔버스로 스마트버튼 편집하기
15-4 스마트 버튼 일반 그림으로 변경하기

실전공략 16. 사이트 마법사로 만드는 홈페이지
16-1 사이트 마법사 각 단계 알아보기
16-2 사이트 마법사로 홈페이지 틀 만들기
16-3 사이트 마법사로 만든 홈페이지 내용 바꾸기
16-4 사이트 마법사로 만든 홈페이지 테마 바꾸기
16-5 사이트의 내비게이션 바와 배너 바꾸기

실전공략 17. 스타일시트로 꾸미는 웹페이지
17-1 문서 스타일 대화상자와 스타일 추가 대화상자 살펴보기
17-2 클래스 스타일 만들기
17-3 스타일을 이용하여 태그를 색다르게 사용하기
17-4 나만의 하이퍼링크 글자 스타일 만들기
17-5 외부 스타일 파일 활용하기

실전공략 18. 사이트 관리자로 홈페이지 한방에 관리하기
18-1 사이트 관리자 이해하기
18-2 사이트 만들고 사이트에 홈페이지 넣기
18-3 사이트 구조 만들기
18-4 사이트 보고서 만들기
18-5 출판하기 탭으로 서버의 파일 수정하고 출판하기


[부 록. 나모 웹에디터 5 파워플러스 레퍼런스]
1. 기본 도구 막대 살펴보기
2. 서식 도구 막대 살펴보기
3. 속성 바로보기 창 살펴보기
4. 나모 웹에디터 프로그램 설정하기
5. 리소스 관리자 대화상자 살펴보기
6. 레이아웃 표 도구 막대 살펴보기
7. 그림 도구 막대 살펴보기

찾아보기