서브메뉴

본문

나모 웹에디터 5로 만드는 테마가 있는 홈페이지
나모 웹에디터 5로 만드는 테마가 있는 홈페이지
저자 : 신미영
출판사 : 영진.com
출판년 : 2002
정가 : 25000, ISBN : 8931420366

책소개


하나의 웹 사이트를 제작하는데는 여러 가지 구성 요소들이 필요하다. 이 책은 필요한 구성 요소를 포토샵, 이미지레디, 플래시, 일러스트레이터, 스위시 프로그램으로 제작하고 CGI, 자바 스크립트 프로그래밍을 이용하여 나모 웹에디터에서 최종적으로 홈페이지를 제작하는 단계로 이루어져 있다. 이 책의 각 Theme별 구성은 먼저 제작할 홈페이지의 작업 단계 설명으로 시작하며 각 프로그램별로 Section을 나누어 구성한다. 각 Theme별 예제를 단계별로 익힐 수 있도록 구성되어 있어 홈페이지 제작 과정을 체계적으로 배울 수 있다.

[별책부록] 쉽게 활용할 수 있는 Javascript Source Book
[부록 CD] 본문 예제 파일, 나모 웹에디터 5 평가판, 포토샵 6 트라이아웃 버전, 일러스트레이터 10 트라이아웃 버전, 플래시 5 트라이얼 버전, 드림위버 4 트라이얼 버전, 아시아폰트, 클립아트 1800컷 제공


목차


Theme 0. 홈페이지와 웹 디자인 이야기
Section 1. 홈페이지 이야기
Section 2. 웹 디자인과 웹 디자이너 이야기

Theme 1. 셀 색상이 변하는 테이블(Table) 레이아웃
Section 1. 작업 단계 설명과 예제 미리보기
Section 2. 레이어 블렌딩 모드를 이용한 타이틀바 이미지 제작
Section 3. 선이 살아나는 테이블로 전체 레이아웃과 점선 테이블 적용하기
Section 4. 셀에 마우스를 가져다 대면 셀 배경 색상이 변하는 스크립트 추가하기

Theme 2. 레이아웃 테이블 기능을 이용한 이미지 배치와 텍스트 롤오버 메뉴
Section 1. 작업 단계 설명과 예제 미리보기
Section 2. 가이드 라인과 슬라이스 툴을 이용한 이미지 슬라이싱
Section 3. 레이아웃 테이블 기능을 이용한 홈페이지 레이아웃
Section 4. CSS 기능을 이용한 텍스트 롤오버 메뉴

Theme 3. 색깔있는 롤오버 내비게이션과 마우스 트레일러
Section 1. 작업 단계 설명과 예제 미리보기
Section 2. 롤오버 버튼 이미지와 배경 이미지 제작하기
Section 3. 움직이는 로고 GIF 만들기
Section 4. 항상 가운데 떠있는 메인 홈페이지 레이아웃 잡기
Section 5. 롤오버 버튼이 있는 내비게이션바 만들고 마우스 트레일러 스크립트 삽입하기

Theme 4. 이미지 슬라이스 롤오버와 이미지맵을 이용한 포트폴리오
Section 1. 작업 단계 설명과 예제 미리보기
Section 2. 가이드선에 따른 이미지 슬라이싱과 롤오버 버튼 제작
Section 3. 이미지맵으로 하이퍼링크 연결하기

Theme 5. 색깔있는 펼침 목록 메뉴와 책갈피 기능으로 만드는 스터디룸
Section 1. 작업 단계 설명과 예제 미리보기
Section 2. 나모 화면 갈무리를 이용한 이미지 캡쳐
Section 3. 마스크 기능을 이용한 사라지는 듯한 타이틀바 이미지 제작하기
Section 4. 그라디언트로 만드는 롤오버 버튼
Section 5. 책갈피 적재적소 삽입하기
Section 6. CSS를 적용한 색깔있는 펼침 목록 메뉴로 만드는 스터디룸 페이지

Theme 6. 슬라이딩 메뉴와 윈도우 자동 닫기 버튼이 있는 Profile
Section 1. 작업 단계 설명과 예제 미리보기
Section 2. 인물 이미지 Color Balance 명령으로 색상 입히기
Section 3. 나모 그림 나누기를 사용한 이미지 슬라이스(Slice)하기
Section 4. 마우스를 가져다대면 쭉쭉 미끄러지듯 나타나는 슬라이딩 메뉴와 윈도우 닫기 버튼 추가하기

Theme 7. 그림 식별자를 이용한 제품 색상 바꾸기와 Show Hide Layer 메뉴
Section 1. 작업 단계 설명과 예제 미리보기
Section 2. Hue/Satiration 기능을 이용한 제품 색상 변경하기
Section 3. 식별자를 이용한 그림 파일 바꾸기 액션 걸기
Section 4. Show Hide Layer 액션으로 이벤트에 따라 나타나는 하위 메뉴 만들기

Theme 8. 레이어 이동 액션을 이용한 인테리어 가구 배치와 즐겨찾기
Section 1. 작업 단계 설명과 예제 미리보기
Section 2. 입체적인 타이틀바 제작하기
Section 3. 레이어에 액션과 이벤트 적용하기
Section 4. 정의된 스크립트 함수 호출하여 자동으로 즐겨찾기되는 버튼 만들기

Theme 9. 스타일시트 텍스트 메뉴로 꾸며 보는 Classic Gallery
Section 1. 작업 단계 설명과 예제 미리보기
Section 2. 사람 외곽선 부드럽게 따기
Section 3. 갤러리용 움직이는 GIF 만들기
Section 4. 한 웹 페이지에서 서로 다른 스타일 시트의 하이퍼링크 속성 갖게 하기/텍스트 메뉴 툴팁 달기
Section 5. 색깔있는 스크롤바와 자동 스크롤되는 Classic Gallery로 단장하기

Theme 10. 동시에 두 개의 프레임이 변하는 웹 페이지 만들기
Section 1. 작업 단계 설명과 예제 미리보기
Section 2. 이미지 슬라이싱과 HTML로 내보내기
Section 3. 프레임 구조 만들기와 하이퍼링크/타겟 설정하기
Section 4. 한 번 클릭으로 두 개의 프레임 변경하기

Theme 11. 가운데 프레임만 내용이 변경되는 이중 프레임 구조
Section 1. 작업 단계 설명과 예제 미리보기
Section 2. 깔끔한 이미지 외곽 틀 제작하기
Section 3. 프레임 문서 안에 프레임문서 이중 구조 만들기
Section 4. 갤러리 웹 페이지와 레이어를 이용한 움직이는 텍스트

Theme 12. 쿠키로 제어하는 효과적인 공지 사항 창 띄우기
Section 1. 작업 단계 설명과 예제 미리보기
Section 2. 공지사항 이미지 제작하기
Section 3. 쿠키를 이용하여 웹 페이지 다시 띄울 때 새 창 다시 띄우기 않게 하기

Theme 13. 음악이 흐르는 눈 내리는 크리스마스 이벤트와 쿠폰
Section 1. 작업 단계 설명과 예제 미리보기
Section 2. 딩벳 문자로 꾸미는 이벤트 이미지
Section 3. 애플릿 이용하여 눈내리는 효과와 배경 음악 깔기

Theme 14. 멀티미디어 파일을 이용한 테두리 없는 브라우저 창
Section 1. 작업 단계 설명과 예제 미리보기
Section 2. 동영상 제어 버튼 만들기
Section 3. 동영상 재생되는 테두리 없는 깨끗한 브라우저 창
Section 4. 내 홈페이지에도 미니 앰프를 달아보자

Theme 15. 스위시와 플래시로 제작하는 텍스트 애니메이션
Section 1. 작업 단계 설명과 예제 미리보기
Section 2. 텍스트 로고 애니메이션 만들기
Section 3. 이미지와 텍스트가 어울어진 플래시 무비 제작하기
Section 4. 플래시 무비의 삽입하기

Theme 16. 마스크, 페이드 인 페이드 아웃, 액션 스크립트를 이용한 플래시 무비
Section 1. 작업 단계 설명과 예제 미리보기
Section 2. 메인 웹 페이지에 삽입될 여러가지 애니메이션 효과를 적용한 플래시 무비
Section 3. 배경 그림이 보이게 플래시 무비 투명하게 삽입하기

Theme 17. 사운드와 무비클립이 있는 플래시 버튼
Section 1. 작업 단계 설명과 예제 미리보기
Section 2. 마우스 롤오버시 소리나는 플래시 버튼 만들기
Section 3. 플래시 버튼에 주소(URL) 지정하기

Theme 18. 무료와 유료 계정, 도메인 신청 그리고 업로딩
Section 1. 무료 계정 알뜰하게 사용하기
Section 2. 무료 계정을 이용한 카운터와 게시판 달기
Section 3. 개인 도메인 신청하기
Section 4. 웹 호스팅 신청하기
Section 5. WS_FTP로 홈페이지 올리기

Theme 19. IFrame을 이용한 공지 사항과 게시판, 방명록
Section 1. 작업 단계 설명과 예제 미리보기
Section 2. 티티보드 설치하기
Section 3. 방명록과 게시판 달기
Section 4. 메인 페이지에 공지사항 띄우기

Theme 20. 홈페이지에 투표소와 다이어리 설치하기
Section 1. 작업 단계 설명과 예제 미리보기
Section 2. Sp_Vote CGI 설치하기
Section 3. 설문조사 DB 만들어 웹 페이지에 삽입하기
Section 4. diAryko 설