소장자료검색

책소개

『웹 디자인을 위한 나모 웹에디터 4 쉽게 배우기』의 개정판으로 나모 웹에디터 5에 맞춰 완전히 다시 만든 웹 디자인 입문 활용서이다. 단순한 나모 웹에디터 5의 사용 방법을 설명하는 차원에서 벗어나 나모 웹에디터 5를 이용한 홈페이지 레이아웃 구성하기, 디자인 스타일 가이드(Design Style Guide) 등의 내용이 담겨 있다.

'성공하는 웹 디자인'의 핵심 노하우 뿐만 아니라 자바 스크립트와 제로보드로 홈페이지를 뽐내는 방법을 설명한다. 나모 웹에디터 5에서 지원하는 자바 스크립트와 자바 스크립트 소스를 활용하여 홈페이지에 효과를 주는 방법이 있다. 또한 홈페이지를 만들 수 있는 사용자 층에게 어필할 수 있는 게시판, 방명록, 회원 관리의 토털 솔루션인 제로보드를 이용하여 홈페이지를 만드는 방법을 설명한다.

[부록 CD] 나모 웹에디터 5 체험판, 나모 웹에디터 5 파워 플러스 체험판 수록, 본문에 사용된 예제
[특별부록] PHP4와 MySQL이 지원되는 유료 호스팅 1개월 무료 이용권

목차

1부 : 나모 웹에디터 5, 감 잡았어!
1. 홈페이지? 홈피? 감 잠았어!
2. 난 어떤 홈페이지를 만들까?
3. 나모 웹에디터 5를 이용하기 위한 준비물 점검하기
4. 나모 웹에디터 5는 '초보자용 저작도구' 인가요?
5. 홈페이지 만들기의 시작! 나모 웹에디터 5 설치하기
6. 나모 웹에디터 5와의 첫 만남
7. 웹 디자인을 위해 새롭게 태어난 나모 웹에디터 5의 새로운 기능
8. 나모 웹에디터 5의 화면 알아보기
Special 코너 : HTML, 이것만 알면 HTML을 분석할 수 있다

2부. 홈페이지의 대문 만들기
1. 첫 단추를 잘 끼워야 홈페이지가 성공하죠?
2. 홈페이지의 대문 만들기/그림 삽입하기
3. 표와 조각 그림의 궁합 맞추기
4. 홈페이지의 분위기를 살려주는 배경색 채우기
5. 백 번을 강조해도 지나치지 않는 문서 저장하기
6. 나모 웹에디터 5에 글꼴을 튀게하는 방법
7. 인터넷의 '톡∼' 쏘는 재미를 만들 수 있는 하이퍼링크 만들기
8. 나모 웹에디터 5에서 홈페이지 등록하기
[집중 탐구] 나모 웹에디터 5 '속성 바로보기' 창
Special 코너 : 글자와 관련된 HTML

3부. 뚝딱뚝딱! 홈페이지 만들기
1. 내 홈페이지를 어떻게 꾸밀까?
2. 홈페이지 설계도 그리기
3. 새로운 문서 만들기/표 만들기
4. 메모장에서 텍스트 파일 불러오기
5. 배경색과 배경 그림을 이용한 홈페이지 만들기
6. 글자색 바꾸기/글자 배경색 바꾸기
7. 그림과 문단 깔끔하게 정렬하기
8. 그림에 안내말 넣기/그림 크기 바꾸기
9. 문단 들여쓰기 줄이기, 늘이기/줄 간격 조정하기
10. CSS 이용해서 문서 통일하기
11. Movie Review 정리하기
12. Movie Review와 연결된 페이지 만들기
13. 표 안에 아기표를 넣어 세련된 홈페이지 만들기
14. 3부에서 만든 홈페이지는 어떻게 올리나요?
홈페이지에 한자 입력하는 방법
홈페이지에서 사용되는 그림 파일인 GIF와 JPG 알아보기
레이어를 이용한 그림 겹치게 만들기
Special 코너 : 그림과 관련된 HTML 완벽 가이드

4부. 깔끔한 레이아웃의 기초 코스, 표(Table)
1. 문서 정렬의 훌륭한 도우미! 표 만들기
2. 표 안에 글과 그림도 넣을 수 있다고요?
3. 표와 셀에 포인트를 주자
4. 편집 문제없어! 레이아웃 표
5. 꼬리에 꼬리를 무는 하이퍼링크 만들기
6. 하이퍼링크의 색깔 바꾸기
7. 홈페이지에 저작권 기호 넣기
8. 골라 먹는 재미가 있다 - 번호 매기기, 글머리 기호 표시하기
9. 홈페이지 제작 날짜 표시하기/문서 점검하기
홈페이지를 그대로 나모 웹에디터 5로 옮기기
Special 코너 - 표(Table)와 관련된 HTML 태그 완벽 가이드

5부. 폼 필드로 로그인 창 만들기
1. 폼 필드가 뭐예요?
2. 로그인 폼 필드 만들기
3. 폼 필드의 스타일을 바꾸자
4 나모 웹에디터 5로 설문조사 만들기
5. 나모 GIF 애니메이션으로 배너 광고 만들기
6. 로그인 페이지(contents.htm) 마무리하기
7. 영화계 소식 페이지(news.htm) 만들기
8. 영화계 소식과 연결되는 페이지 만들기
Special 코너 - 하이퍼링크와 관련된 HTML 태그 완벽 가이드

6부. 나모 웹에디터 5의 고급 기능과 스크립트 마법사
1. 내 홈페이지에 사진관을 만드는 포토 앨범
2. 그림 효과만 알면 홈페이지 그림 작업은 끝
3. 나모 조각 그림 나누기로 큰 그림을 조작내자
4. 스마트 버튼으로 메뉴 만들기
5. 애니메이션 효과를 줄 수 있는 플래시 버튼 만들기
6. 날 멈추게 할 수 없어! 스크립트 마법사로 고급 홈페이지 효과 내기
7. 스크립트 마법사(1) - 메뉴와 내비게이션 효과 주기
8. 스크립트 마법사(2) -특수 효과
9. 스크립트 마법사(3) - 스크롤 효과
10. 스크립트 마법사(4) - 그림 효과
11. 스크립트 마법사(5) - 링크와 단추
12. 스크립트 마법사(6) - 기타와 게시판
13. 자바 스크립트와 애플릿으로 효과 내기
14. 그림에 하이퍼링크를 연결하는 이미지 맵
나모 웹에디터 5에 기본적으로 제공하는 폼 양식 이용하기
홈페이지의 배경을 살려주는 그림의 배경색 없애기
레이어와 타임 라인으로 플래시 따라잡기
Special 코너 - 문서속성 및 스타일 관련 HTML 태그 완벽 가이드

7부. 프레임 구조로 홈페이지 만들기
1. 프레임을 알면 홈페이지 구성이 보인다
2. 프레임에 각각의 문서 삽입하기
3. 프레임 경계선과 이동표시줄 숨기기
4. 프레임 문서의 핵심, 문서 저장하기
5. 프레임 문서에 타깃 설정하기
6. 홈페이지에 책갈피 꽂기
7. 내용에서 목차로, 목차에서 내용으로 이동하기
8. 프레임 문서 정리하기/문서에 메모 넣기
9. 홈페이지에 동영상 파일 넣기
10. 나모 웹에디터 5의 강력한 기능 - 이벤트와 액션
나모 웹에디터 5에서 지원하는 액션과 이벤트
프레임 문서 안에 프레임 만들기
Special 코너 - 프레임과 관련된 HTML 태그 완벽 가이드

8부. 꿈에도 그리던 홈페이지 등록하기
1. 홈페이지 방문객을 위한 특별 서비스 - 무료 방명록 신청 방법
2. 홈페이지에 방명록 연결하기
3. 홈페이지의 방문객을 알려주는 카운터 신청하기
4. 홈페이지에 분위기 있는 배경 음악 넣기
5. 자바 스크립트로 환영 인사말 하기
6. 홈페이지 제공업체별 홈페이지 등록 방법
7. 꿈에도 그리던 홈페이지 등록하기
8. 내 홈페이지의 문제는 내가 해결한다
9. 검색엔진에 홈페이지 등록하기
10. 홈페이지 클리닉 ABC
슈퍼보드닷컴의 100원 짜리 카운터로 사용하기
엑셀이 필요없는 챠트 마법사
나모 웹에디터 5의 테마 기능으로 홈페이지 만들기

9부 : 윈앰프와 PC 카메라로 인터넷 방송국 만들기
1. 나도 이젠, 웹 DJ와 VJ가 된다! 인터넷 방송국 만들기
2. 나도 이젠 웹 DJ, 윈앰프 방송국 준비물 점검하기
3. 나도 이젠 웹 DJ, 이제부터 윈앰프 방송을 시작하자!!
4. 나도 이젠 웹 DJ, 윈앰프 방송에 목소리를 넣자
5. 나도 이젠 웹 VJ, PC 카메라로 인터넷 방송국 만들기
6. 나도 이젠 웹 VJ, 인터넷 방송국(1) - 라이코스코리아 VS MyWebCam 방송 서비스
7. 나도 이젠 웹 VJ, 인터넷 방송국(2) - 내 컴퓨터를 방송국으로 만들기
8. '표 구조'의 레이아웃으로 '인터넷 방송국' 만들기
9. '표 구조'의 레이아웃 문서에 상단 메뉴 만들기
10. '표 구조'의 레이아웃 메뉴를 폼나게 만드는 롤오버 기능
11. '표 구조'의 레이아웃에 본문 레이아웃 만들기
12. '아기표'에 그림과 텍스트 입력하기
13. '표 구조'의 레이아웃으로 동일한 문서 만들기
14. '표 구조'의 레이아웃에 하이퍼링크로 연결하기

[특별부록] 게시판과 방명록 만들기의 토털 솔루션 '제로보드'
[책속의책1] 성공하는 웹 디자인을 위한 디자인 스타일 가이드!
[책속의책2] 성공하는 웹 사이트 구축을 위한 7가지 법칙
[파워테크닉] 나도 이젠 웹 그래픽 디자이너! 웹캔버스 고급 활용
꼭꼭 찍어주는 Q&A