Search

책소개

'홈피(홈페이지의 줄임말)'라는 단어가 우리의 생활 속으로 파고들면서 '웹디자인'의 중요성이 부각되었다. 사이트의 홍수 속에서 주목 받기 위해서는 이용자의 편의를 최대한 고려한 네비게이션과 브라우저의 광범위한 호환성, 로딩시간의 단축 등을 고려해야 하기 때문이다.

이 책은 나모웹에디터 5를 사용하여 웹 사이트를 '만드는'것보다는 '디자인'하는 것에 초점을 맞추었다. 따라하기로 제작과정을 설명한 후, 만들어진 페이지를 어떻게 업그레이드 시킬 수 있는지 알려준다. 인트로 만들기, 표와 폼필드 이용하기, 스크립트 삽입, 프레임 적용, 홈페이지 등록과 같은 기본적인 사항은 물론, 윈앰프와 PC 카메라를 이용하여 인터넷방송국을 만드는 방법이나 제로보드 이용법을 알려준다. 특히, 책 속 부록으로 제로보드를 이용할 수 있는 유료 계정 1개월 무료 이용권을 제공한다.

전국 서점에서 폭발적인 반응을 일으켰던 '웹 디자인을 위한 나모 웹에디터 4 쉽게 배우기(2000.08.01)'의 전면개정판으로 깔끔한 구성과 재미있고 유용한 팁들이 장점이다.

[권말부록]
성공하는 웹 디자인을 위한 디자인 스타일 가이드(Design Style Guide), 성공하는 웹 사이트 구축을 위한 7가지 법칙, 유료 계정 1개월 무료 이용권, 190MB/MySQL 10MB를 사용할 수 있는 쿠폰

[부록CD]
나모 웹에디터 5 체험판(45일 기간 제한), 제로보드 & 스킨, 윈도우 미디어 인코더, SHOUTcast 서버 프로그램, SHOUTcast 플러그인, MyWebCam, 포토샵 6.0 트라이아웃 버전(기능제한), 나모 딥서치 4(45일 기간제한), 윈앰프, 윈도우 미디어 플레이어, Easy CD-DA Extractor(20회 사용제한), 다이렉트 X, 알See, 알FTP, 인터넷 익스플로러 6.0

목차

1. 나모 웹에디터 5, 감 잡았어!
홈페이지? 홈피? 감 잠았어!
난 어떤 홈페이지를 만들까?
나모 웹에디터 5를 이용하기 위한 준비물 점검하기
나모 웹에디터 5는 '초보자용 저작도구' 인가요?
홈페이지 만들기의 시작! 나모 웹에디터 5 설치하기
나모 웹에디터 5와의 첫 만남
웹 디자인을 위해 새롭게 태어난 나모 웹에디터 5의 새로운 기능
나모 웹에디터 5의 화면 알아보기

2. 홈페이지의 대문 만들기
첫 단추를 잘 끼워야 홈페이지가 성공하죠?
홈페이지의 대문 만들기/그림 삽입하기
표와 조각 그림의 궁합 맞추기
홈페이지의 분위기를 살려주는 배경색 채우기
백 번을 강조해도 지나치지 않는 문서 저장하기
나모 웹에디터 5에 글꼴을 튀게하는 방법
인터넷의 '톡∼' 쏘는 재미를 만들 수 있는 하이퍼링크 만들기
나모 웹에디터 5에서 홈페이지 등록하기

3. 뚝딱뚝딱! 홈페이지 만들기
내 홈페이지를 어떻게 꾸밀까?
홈페이지 설계도 그리기
새로운 문서 만들기/표 만들기
메모장에서 텍스트 파일 불러오기
배경색과 배경 그림을 이용한 홈페이지 만들기
글자색 바꾸기/글자 배경색 바꾸기
그림과 문단 깔끔하게 정렬하기
그림에 안내말 넣기/그림 크기 바꾸기
문단 들여쓰기 줄이기, 늘이기/줄 간격 조정하기
CSS 이용해서 문서 통일하기
Movie Review 정리하기
Movie Review와 연결된 페이지 만들기
표 안에 아기표를 넣어 세련된 홈페이지 만들기
3부에서 만든 홈페이지는 어떻게 올리나요?

4. 깔끔한 레이아웃의 기초 코스, 표(Table)
문서 정렬의 훌륭한 도우미! 표 만들기
표 안에 글과 그림도 넣을 수 있다고요?
표와 셀에 포인트를 주자
편집 문제없어! 레이아웃 표
꼬리에 꼬리를 무는 하이퍼링크 만들기
하이퍼링크의 색깔 바꾸기
홈페이지에 저작권 기호 넣기
골라 먹는 재미가 있다 - 번호 매기기, 글머리 기호 표시하기
홈페이지 제작 날짜 표시하기/문서 점검하기

5. 폼 필드로 로그인 창 만들기
폼 필드가 뭐예요?
로그인 폼 필드 만들기
폼 필드의 스타일을 바꾸자
나모 웹에디터 5로 설문조사 만들기
나모 GIF 애니메이션으로 배너 광고 만들기
로그인 페이지(contents.htm) 마무리하기
영화계 소식 페이지(news.htm) 만들기
영화계 소식과 연결되는 페이지 만들기

6. 나모 웹에디터 5의 고급 기능과 스크립트 마법사
내 홈페이지에 사진관을 만드는 포토 앨범
그림 효과만 알면 홈페이지 그림 작업은 끝
나모 조각 그림 나누기로 큰 그림을 조작내자
스마트 버튼으로 메뉴 만들기
애니메이션 효과를 줄 수 있는 플래시 버튼 만들기
날 멈추게 할 수 없어! 스크립트 마법사로 고급 홈페이지 효과 내기
스크립트 마법사(1) - 메뉴와 내비게이션 효과 주기
스크립트 마법사(2) -특수 효과
스크립트 마법사(3) - 스크롤 효과
스크립트 마법사(4) - 그림 효과
스크립트 마법사(5) - 링크와 단추
스크립트 마법사(6) - 기타와 게시판
자바 스크립트와 애플릿으로 효과 내기
그림에 하이퍼링크를 연결하는 이미지 맵

7. 프레임 구조로 홈페이지 만들기
프레임을 알면 홈페이지 구성이 보인다
프레임에 각각의 문서 삽입하기
프레임 경계선과 이동표시줄 숨기기
프레임 문서의 핵심, 문서 저장하기
프레임 문서에 타깃 설정하기
홈페이지에 책갈피 꽂기
내용에서 목차로, 목차에서 내용으로 이동하기
프레임 문서 정리하기/문서에 메모 넣기
홈페이지에 동영상 파일 넣기
나모 웹에디터 5의 강력한 기능 - 이벤트와 액션

8. 꿈에도 그리던 홈페이지 등록하기
홈페이지 방문객을 위한 특별 서비스 - 무료 방명록 신청 방법
홈페이지에 방명록 연결하기
홈페이지의 방문객을 알려주는 카운터 신청하기
홈페이지에 분위기 있는 배경 음악 넣기
자바 스크립트로 환영 인사말 하기
홈페이지 제공업체별 홈페이지 등록 방법
꿈에도 그리던 홈페이지 등록하기
내 홈페이지의 문제는 내가 해결한다
검색엔진에 홈페이지 등록하기
홈페이지 클리닉 ABC

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