웹 캔버스와 함께 새롭게 태어난 나모 웹에디터 5.X 파워 플러스!
나모 웹에디터 파워플러스 고급활용을 위한 완벽 지침서입니다.
<모든걸 알켜주마> 나모 웹에디터 5.X 파워 플러스는 나모 웹에디터를 초급에서부터 고급까지 활용할 수 있도록 구성되어 있습니다. 아름답고 실용적인 예제들을 따라하다 보면 어느새 홈페이지 구성과 디자인 감각을 기를 수 있습니다. 초보자들에게는 어렵게만 느껴졌던 스타일시트와 자바스크립트를 쉽게 적용하는 방법과 레이어와 액션, 타임라인을 이용해서 간단한 홈페이지 애니메이션 제작, 새로 추가된 웹캔버스를 이용한 벡터 이미지 드로잉 제작 방법 등을 제공합니다.
PART 1 내 집 마련을 위한 기초다지기
1. 홈페이지가 뭔가요?
2. 나모 웹에디터 5 설치하기
3. 나모 웹이디터 5의 새 얼굴을 볼까요
4. 영화 “친구” 홈페이지 무조건 따라하기
5. 하얀 백지위에 나의 흔적을
6. 작성된 문서 불러와 수정하기
7. 제작자와 문서제목, 배경그림 넣기
8. 목록 만들기와 수평선 넣기
9. 그림에 대하여
10. 그림 효과 주기
11. 순식간에 웹 포토 앨범 만들기
12. 스마트 버튼 만들기
13. 플래시 배너 만들기
PART 2 중급으로 올라서기
1. 새 표 만들기
2. 표에 조각난 그림 넣기
3. 모서리가 둥근 표 만들기
4. 내 홈페이지에 검색엔진을
5. 디그 인트로 화면 따라하기
6. 프레임 만들기
7. 프레임 편집하기 – 제우미디어 홈페이지
8. 사이버 가수 사이다 홈페이지 따라잡기
9. 9개의 프레임으로 구성된 사이트 만들기
10. 하이퍼링크에 대하여
11. 이미지 맵 만들기
12. 하이퍼링크로 새 윈도우 열기
13. 프레임 문서에서 하이퍼링크 만들기
14. 하이퍼링크 밑줄에 대하여
15. 페이지 이동 효과
PART 3 레이어와 타임라인
1. 레이어에 대하여
2. 레이어 편집하기
3. 레이어로만 만드는 나이키 홈페이지
4. 스르릉 메뉴와 팝업창 만들기
5. 타임라인 해부하기
6. 직선 애니메이션 만들기
7. 곡선 애니메이션 만들기
8. 자유 곡선 애니메이션 만들기
9. 타임라인으로 메뉴 만들기
10. 레이아웃 표에 대하여
PART 4 고수 따라잡기(스타일시트)
1. 스타일시트(CSS)
2. 나모 웹에디터의 스타일시트 대화상자 살펴보기
3. 배경이미지 고정하기
4. 코딩속도를 빠르게…
5. 외부 스타일시트 만들기
6. 점선 테이블 만들기
7. 개성있는 하이퍼링크 만들기
8. 테이블에도 말림막대를….
9. 투명 스크롤바 만들기
10. 투명 테이블 만들기
11. 폼(Form)에 스타일시트 적용하기
12. 바탕화면에 테두리 넣기
13. 한 문서에 여러 모양의 하이퍼링크 만들기
14. 마우스 포인터 모양 바꾸기
PART 5 스크립트 마법사
[스크립트 마법사 기초지식]
1. 텍스트 메뉴 만들기
2. 펼침 목록 메뉴 만들기
3. 펼침 메뉴 만들기
4. 배경색 효과 주기
5. 배경 전환 효과
6. 떠있는 레이어 효과
7. 슬라이드 레이어 효과
8. 마우스 커서 따라다니기
9. 흐르는 내용 만들기
10. 움직이는 텍스트
11. 상황선의에 움직이는 텍스트 넣기
12. 롤오버 그림 만들기
13. 애니메이션 효과
14. 링크 이동 버튼 넣기
15. 순환 배너
16. 새 윈도우 열기
17. 텍스트 시계 넣기
18. 액세스 정보
19. 게시판 넣기
PART 6 액션과 이벤트
[액션과 이벤트 기초지식]
1. 마우스 클릭으로 사진 바꾸기
2. 홈페이지 배경음악 제어하기
3. 레이어 슬라이드 메뉴 만들기
4. 이미지 체인지 메뉴 만들기
5. 레이어 액션으로 나만의 멋진 공간 연출하기
6. 레이어로 깔끔한 메뉴 만들기
7. 세 개의 프레임 동시에 제어하기
8. 새로 고침과 화면프린트, 윈도우 닫기 버튼 만들기
9. 드래그되는 레이어 만들기
10. 내 홈페이지의 배경 이미지는 방문자가 선택한다.
11. 안내 창 열기를 이용하여 이미지 자료실 만들기
[액션 속성] 대화상자 알아보기
PART 7 홈페이지 출판에서 관리까지
1. 네띠앙에서 가입하여 무료계정 얻기
2. 나모의 사이트 관리자로 출판하기
3. FTP로 출판하기
4. 홈페이지 관리하기
5. 내 홈페이지에 예쁜 공짜 게시판과 방명록 달기
PART 8 웹캔버스 따라잡기
1. 웹캔버스의 구성을 살펴볼까요?
2. 사각형 도구를 사용하여 박스 그리기
3. 패턴별과 흐르는 문자 만들기
4. 그라디언트와 효과기능 이용하여 물방울 만들기
5. 롤오버 버튼 만들기
6. 내비게이션 이미지 제작하여 웹문서 작성하기
