▣ 이 책에 대해서

▶ HTML부터 CSS, DHTML, JavaScript까지 소스를 통해 쉽고 완벽하게 분석!

[원리에 기초한 실무 예제집!!]
많은 사람들의 관심거리가 되어 버린 홈페이지!! 그 제작과 관련된 여러 기술들에 대해서 전반적으로 이해한다는 것은 그리 쉬운 일이 아니지만 확실한 기초를 바탕으로 한 새로운 기술을 적용시켜 나간다면 좀더 세련되고 독창적인 홈페이지를 만들 수 있을 것입니다.

이 책은 HTML과 스타일시트, DHTML, 자바스크립트 이론과 실무 예제, 자바스크립트 게임 등 다양한 활용 기술들을 이론을 바탕으로 한 실무 예제 중심으로 설명함으로써 더욱 쉽게 다가갈 수 있도록 하였습니다. 알아두면 편리한 기능들과 따라하면서 생길 수 있는 문제들을 꼼꼼히 챙겨 자칫하면 실수할 수 있는 부분들을 익히고 갈 수 있도록 구성하였고, Power User나 Source Analysis 코너를 통해 좀더 심도 있는 내용과 소스 분석을 하여 고급 사용자로 거듭날 수 있게 하였습니다.

원리에 기초한 완벽한 자바스크립트의 소스 분석을 통해 홈페이지를 최적화할 수 있는 다양한 기술을 배워보세요.

[홈페이지를 쉽고 빨리 최적화할 수 있는 HTML & JavaScript 책!]
홈페이지를 처음 만드는 사람들은 HTML을 공부하기보다는 빨리 만들려는 욕심에 웹 에디터 프로그램을 이용하는데, 태그를 모르고 홈페이지를 만든다는 것은 모래 위에 집을 짓는 것과 같아서 가랑비에도 쓰러질 수 있습니다. 그렇다고 언어를 공부하는 데 너무 치중하다보면 그저 공부하는데서 끝나버릴 수도 있겠죠.

[성공과 실패를 결정하는 HTMLㆍCSSㆍDHTML & JavaScript]는 개별적인 언어보다는 홈페이지를 최적화할 수 있는 다양한 기술에 대한 전반적인 흐름을 이해하도록 구성되어 있습니다. 즉, HTML과 CSS(Cascading Style Sheet), DHTML(Dynamic HTML), JavaScript를 홈페이지에서 자주 사용되는 실무 예제와 함께 설명함으로써 초보자도 더욱 쉽게 다가갈 수 있도록 했습니다.

특히 자주 질문하는 내용과 웹 프로그래밍에서 실제 사용하는 부분, 그리고 웹 디자이너들도 알고 있으면 쉽게 작업할 수 있는 부분들을 토대로 구성하였기 때문에 광범위한 웹 프로그래밍 분야를 일목요연하게 정리할 수 있습니다. 예제를 하나하나 따라하다 보면 자연스럽게 자신의 홈페이지에 응용할 수 있는 부분이 생겨 스피드하게 학습할 수 있습니다.

이제 막 개인 홈페이지를 만든 후 좀더 세련되게 꾸미고 싶은 초보자나, 웹 프로그래밍이라는 분야를 공부하고는 싶은데 프로그래밍 언어라는 장벽에 부딪혀 다가갈 엄두가 나지 않는 사람들에게 이 책이 가이드 역할을 해 줄 것입니다.


[홈페이지를 최적화할 수 있는 다양한 기술을 배우자!]
기본적인 홈페이지 외에 웹 문서의 다양한 효과와 동적인 홈페이지로 만들려면 HTML과 CSS, DHTML, JavaScript 등 세밀한 손길이 필요합니다. 이 책에서 홈페이지를 최적화할 수 있는 다양한 기술을 배우세요.

[01] HTML
태그(tag)라는 명령어를 이용해서 웹 브라우저 상에 필요한 정보를 보여주고, 페이지와 페이지를 서로 연결시켜 웹 문서를 기본적으로 구성해 줍니다.

[02] CSS
기존의 HTML에 다양한 기능을 추가 또는 변경하여 웹 문서간에 통일감을 부여하거나, 글자 모양, 줄 간격, 배경, 색상 등을 자유롭게 편집할 수 있도록 지원해 줍니다.

[03] DHTML
웹 문서를 보다 동적으로 표현해주는 방법으로 애니메이션이 강화되고, 사용자와 상호 작용할 수 있도록 레이어와 CSS, 자바스크립트 등의 기술을 적용합니다.

[04] JavaScript
웹 문서 내에서 상호 작용하는 모든 요소들을 객체화하는 객체기반 언어로, 클라이언트의 웹 브라우저에서 사용자의 동작에 반응할 수 있는 웹 문서를 만들어 줍니다.


[웹 프로그래밍이 어렵니? 이렇게 쉽고 재미있는데...]
웹 프로그래밍을 배우기도 전에 어렵다는 소문에 기부터 죽으신다구요? 이 책에서는 초보자들을 위해 다음과 같이 배려하였습니다.
- 본문 전체의 ‘따라하기’ 샘플을 부록 CD에 넣어주어 책과 똑같이 따라할 수 있습니다.
- 베타테스터를 통한 철저히 검증된 ‘따라하기’로 완벽하게 따라하며 배울 수 있습니다.
- 홈페이지에서 자주 사용되는 실무 예제를 중심으로 구성되어 있습니다.
- 예제 소스를 자신에게 맞게 수정하여 자신의 홈페이지에서 바로 적용할 수 있습니다.


▣ 목 차

[Part 01] 웹 에디터보다 쉬운 웸 프로그래밍
 1. 웹 브라우저와 HTML은 어떤 관계인가요?
 2. 자바스크립트는 왜 배워야 하나요?
 3. 에디트플러스로 편리하게 HTML 편집하기
 4. 부록 CD-ROM의 예제 파일 이용하기

[Part 02] HTML, 필요한 것만 골라 배우기
 1. HTML의 기본 구조를 이해하자
 2. 글자와 관련된 HTML 기본 태그 배우기
 3. 문자와 문서를 정리하는 태그 알아보기
 4. 웹 문서에서 다양한 특수 문자 표현하기
 5. 깔끔하게 항목을 관리하는 목록 만들기
 6. 웹 문서에 배경 색상과 그림 넣기
 7. 그림 삽입으로 웹 문서 꾸미기

[Part 03] 다양한 HTML 코드로 홈페이지 꾸미기
 1. 하이퍼링크 웹 문서에 날개 달기
 2. 웹 문서를 연결하여 자유롭게 이동하기
 3. 하이퍼링크를 다양하게 활용하자!
 4. 깔끔한 문서 작성을 위한 테이블 만들기
 5. 테이블을 200% 활용하자!
 6. 프레임으로 화면을 분할해서 사용하자
 7. 멋진 폼으로 방문개을 기다린다
 8. 웹 문서의 머리말, 메타 태그 사용하기

[Part 04] CSS로 깔끔한 HTML문서를 만들기
 1. 스타일 시트는 어떻게 사용하나요?
 2. 스타일 시트를 여러 가지 형식으로 적용하기
 3. 스타일 시트의 글자에 관련된 속성 알아보기
 4. 색상 및 배경에 관련된 속성 알아보기
 5. 들여쓰기와 선의 위치, 대소문자 속성 알아보기
 6. 깔끔한 황목을 관리하는 목록 속성 알아보기
 7. 테두리에 관련된 속성 알아보기
 8. 문단 여백에 관련된 속성 알아보기
 9. 문장과 문단에 관련된 속성 알아보기
 10. 하이퍼링크에 관한 속성 알아보기

[Part 05] 자바스크립트로 웹 프로그래밍 배우기
 1. 자바스크립트 이해하기
 2. 메시지 대화상자로 자바스크립트 몸풀기
 3. 자바스크립트의 기초, document.write()와 alert()
 4. 변수 설정과 자료형 살펴보기
 5. 자바스크립트의 연산자(Operator) 살펴보기
 6. 조건에 따라 명령하는 조건문 만들기
 7. 같은 부분을 계속 실행하는 반복문 만들기
 8. 작업을 편리하게 해주는 함수 살펴보기
 9. 자바스크립트의 객체(Object) 이해하기
 10. 자바스크립트의 내장 객체 이용하기
 11. 이벤트와 이벤트 핸들러 이용하기
 12. 웹 브라우저 기반 객체 이용하기
 13. Window 객체의 하위 객체 이용하기
 14. 입력 양식을 제어하는 Form 기반 객체들

[Part 06] 자바스크립트와 레이어로 DHTML 만들기
 1. DHTML의 기본, 레이어 사용하기
 2. 레이어의 배경 색상과 그림 설정하기
 3. 레이어 겹치기와 우선 순위 설정하기
 4. 레이어의 보이기와 감추기 설정하기
 5. 레이어를 왼쪽으로 스크롤하여 나타내기
 6. 레이어로 펼치거나 사라지는 효과 주기
 7. 마우스가 위치한 하위 메뉴 레이어만 보이기
 8. 넷스케이프에서 레이어 사용하기
 9. 넷스케이프에서 Layer 객체의 메소드 이용하기
 10. 익스플로러와 넷스케이프에서 모두 동작할 수 있는 레이어 만들기

[Part 07] 베껴 쓰면서 배우는 자바스크립트 실무 활용
 1. 하루 동안 팝업 창 나타나지 않게 하기
 2. 사용자의 시작 페이지나 즐겨찾기에 등록시키기
 3. 여러 가지 폼에 사용되는 자바스크립트 살펴보기
 4. 자바스크립트로 회원가입 양식 강화하기
 5. 흐르는 듯 바뀌는 이미지 스크롤 메뉴 만들기
 6. 선택에 따라 바뀌는 트리플 콤보 메뉴 만들기
 7. 레이어를 이용한 깔끔한 롤오버 메뉴 만들기
 8. 웹 문서에 정확한 디지털 시계 만들기
 0. 바탕 화면에 눈 내리는 효과 주기
 10. 쿠키를 이용해서 방문자의 정보 기억하기
 11. 제목 표시줄과 상태 표시줄에 시간, 날짜 표시하기
 12. 자동으로 계산되는 견적서와 일반 계산기 만들기


▣ 책 속의 책

[책 속의 책-1]놀면서 공부하기, 자바스크립트 게임 분석!


▣ 권말부록

- 부록 CD에는 뭐가 들었지?
- 찾아보기


▣ 저 자

[홍찬희]
- 웹 프로그래밍 전문 강사, 프리랜서 프로그래머
- 현 우신정보통신인력개발원 Visual C++, Java 과정 강의, 서울시립상계직업전문학교 자바프로그램 강의

경력 >>
- 21세기 방송운영정보센터 케이블 TV 안내 방송 송출 프로그래 개발
- 두레정보통신 : 유선 가입자 고나리 프로그램 개발
- Goldwin Executive Serch : 구인구직 관련 프로그램 개발
- 동방정보처리학원 정보처리 과정 강의
- 대우정보통신학원 웹마스터 과정 강의
- 중앙정보처리학원 C/C++ 과정 강의

[신익환]
- 웹 마스터, 인터넷 사업가, 게임 전문가
- 현 ZeroLink 대표

경력 >>
- (주)프리에이지 S/W 개발팀장
- (주)ABC전자 S/W 개발부
- 한빛미디어 홈페이지 개발
- 0Link 홈페이지 제작 외 다수

기획서 >>
- 최고의 웹 프로그래밍을 위한 ASP 기본 + 활용 쉽게 배우기
- 웹디자인을 위한 나모 웹에디터 4 쉽게 배우기 외 다수

▣ 이 책에 대해서

▶ HTML부터 CSS, DHTML, JavaScript까지 소스를 통해 쉽고 완벽하게 분석!

[원리에 기초한 실무 예제집!!]
많은 사람들의 관심거리가 되어 버린 홈페이지!! 그 제작과 관련된 여러 기술들에 대해서 전반적으로 이해한다는 것은 그리 쉬운 일이 아니지만 확실한 기초를 바탕으로 한 새로운 기술을 적용시켜 나간다면 좀더 세련되고 독창적인 홈페이지를 만들 수 있을 것입니다.

이 책은 HTML과 스타일시트, DHTML, 자바스크립트 이론과 실무 예제, 자바스크립트 게임 등 다양한 활용 기술들을 이론을 바탕으로 한 실무 예제 중심으로 설명함으로써 더욱 쉽게 다가갈 수 있도록 하였습니다. 알아두면 편리한 기능들과 따라하면서 생길 수 있는 문제들을 꼼꼼히 챙겨 자칫하면 실수할 수 있는 부분들을 익히고 갈 수 있도록 구성하였고, Power User나 Source Analysis 코너를 통해 좀더 심도 있는 내용과 소스 분석을 하여 고급 사용자로 거듭날 수 있게 하였습니다.

원리에 기초한 완벽한 자바스크립트의 소스 분석을 통해 홈페이지를 최적화할 수 있는 다양한 기술을 배워보세요.

[홈페이지를 쉽고 빨리 최적화할 수 있는 HTML & JavaScript 책!]
홈페이지를 처음 만드는 사람들은 HTML을 공부하기보다는 빨리 만들려는 욕심에 웹 에디터 프로그램을 이용하는데, 태그를 모르고 홈페이지를 만든다는 것은 모래 위에 집을 짓는 것과 같아서 가랑비에도 쓰러질 수 있습니다. 그렇다고 언어를 공부하는 데 너무 치중하다보면 그저 공부하는데서 끝나버릴 수도 있겠죠.

[성공과 실패를 결정하는 HTMLㆍCSSㆍDHTML & JavaScript]는 개별적인 언어보다는 홈페이지를 최적화할 수 있는 다양한 기술에 대한 전반적인 흐름을 이해하도록 구성되어 있습니다. 즉, HTML과 CSS(Cascading Style Sheet), DHTML(Dynamic HTML), JavaScript를 홈페이지에서 자주 사용되는 실무 예제와 함께 설명함으로써 초보자도 더욱 쉽게 다가갈 수 있도록 했습니다.

특히 자주 질문하는 내용과 웹 프로그래밍에서 실제 사용하는 부분, 그리고 웹 디자이너들도 알고 있으면 쉽게 작업할 수 있는 부분들을 토대로 구성하였기 때문에 광범위한 웹 프로그래밍 분야를 일목요연하게 정리할 수 있습니다. 예제를 하나하나 따라하다 보면 자연스럽게 자신의 홈페이지에 응용할 수 있는 부분이 생겨 스피드하게 학습할 수 있습니다.

이제 막 개인 홈페이지를 만든 후 좀더 세련되게 꾸미고 싶은 초보자나, 웹 프로그래밍이라는 분야를 공부하고는 싶은데 프로그래밍 언어라는 장벽에 부딪혀 다가갈 엄두가 나지 않는 사람들에게 이 책이 가이드 역할을 해 줄 것입니다.


[홈페이지를 최적화할 수 있는 다양한 기술을 배우자!]
기본적인 홈페이지 외에 웹 문서의 다양한 효과와 동적인 홈페이지로 만들려면 HTML과 CSS, DHTML, JavaScript 등 세밀한 손길이 필요합니다. 이 책에서 홈페이지를 최적화할 수 있는 다양한 기술을 배우세요.

[01] HTML
태그(tag)라는 명령어를 이용해서 웹 브라우저 상에 필요한 정보를 보여주고, 페이지와 페이지를 서로 연결시켜 웹 문서를 기본적으로 구성해 줍니다.

[02] CSS
기존의 HTML에 다양한 기능을 추가 또는 변경하여 웹 문서간에 통일감을 부여하거나, 글자 모양, 줄 간격, 배경, 색상 등을 자유롭게 편집할 수 있도록 지원해 줍니다.

[03] DHTML
웹 문서를 보다 동적으로 표현해주는 방법으로 애니메이션이 강화되고, 사용자와 상호 작용할 수 있도록 레이어와 CSS, 자바스크립트 등의 기술을 적용합니다.

[04] JavaScript
웹 문서 내에서 상호 작용하는 모든 요소들을 객체화하는 객체기반 언어로, 클라이언트의 웹 브라우저에서 사용자의 동작에 반응할 수 있는 웹 문서를 만들어 줍니다.


[웹 프로그래밍이 어렵니? 이렇게 쉽고 재미있는데...]
웹 프로그래밍을 배우기도 전에 어렵다는 소문에 기부터 죽으신다구요? 이 책에서는 초보자들을 위해 다음과 같이 배려하였습니다.
- 본문 전체의 ‘따라하기’ 샘플을 부록 CD에 넣어주어 책과 똑같이 따라할 수 있습니다.
- 베타테스터를 통한 철저히 검증된 ‘따라하기’로 완벽하게 따라하며 배울 수 있습니다.
- 홈페이지에서 자주 사용되는 실무 예제를 중심으로 구성되어 있습니다.
- 예제 소스를 자신에게 맞게 수정하여 자신의 홈페이지에서 바로 적용할 수 있습니다.


▣ 목 차

[Part 01] 웹 에디터보다 쉬운 웸 프로그래밍
 1. 웹 브라우저와 HTML은 어떤 관계인가요?
 2. 자바스크립트는 왜 배워야 하나요?
 3. 에디트플러스로 편리하게 HTML 편집하기
 4. 부록 CD-ROM의 예제 파일 이용하기

[Part 02] HTML, 필요한 것만 골라 배우기
 1. HTML의 기본 구조를 이해하자
 2. 글자와 관련된 HTML 기본 태그 배우기
 3. 문자와 문서를 정리하는 태그 알아보기
 4. 웹 문서에서 다양한 특수 문자 표현하기
 5. 깔끔하게 항목을 관리하는 목록 만들기
 6. 웹 문서에 배경 색상과 그림 넣기
 7. 그림 삽입으로 웹 문서 꾸미기

[Part 03] 다양한 HTML 코드로 홈페이지 꾸미기
 1. 하이퍼링크 웹 문서에 날개 달기
 2. 웹 문서를 연결하여 자유롭게 이동하기
 3. 하이퍼링크를 다양하게 활용하자!
 4. 깔끔한 문서 작성을 위한 테이블 만들기
 5. 테이블을 200% 활용하자!
 6. 프레임으로 화면을 분할해서 사용하자
 7. 멋진 폼으로 방문개을 기다린다
 8. 웹 문서의 머리말, 메타 태그 사용하기

[Part 04] CSS로 깔끔한 HTML문서를 만들기
 1. 스타일 시트는 어떻게 사용하나요?
 2. 스타일 시트를 여러 가지 형식으로 적용하기
 3. 스타일 시트의 글자에 관련된 속성 알아보기
 4. 색상 및 배경에 관련된 속성 알아보기
 5. 들여쓰기와 선의 위치, 대소문자 속성 알아보기
 6. 깔끔한 황목을 관리하는 목록 속성 알아보기
 7. 테두리에 관련된 속성 알아보기
 8. 문단 여백에 관련된 속성 알아보기
 9. 문장과 문단에 관련된 속성 알아보기
 10. 하이퍼링크에 관한 속성 알아보기

[Part 05] 자바스크립트로 웹 프로그래밍 배우기
 1. 자바스크립트 이해하기
 2. 메시지 대화상자로 자바스크립트 몸풀기
 3. 자바스크립트의 기초, document.write()와 alert()
 4. 변수 설정과 자료형 살펴보기
 5. 자바스크립트의 연산자(Operator) 살펴보기
 6. 조건에 따라 명령하는 조건문 만들기
 7. 같은 부분을 계속 실행하는 반복문 만들기
 8. 작업을 편리하게 해주는 함수 살펴보기
 9. 자바스크립트의 객체(Object) 이해하기
 10. 자바스크립트의 내장 객체 이용하기
 11. 이벤트와 이벤트 핸들러 이용하기
 12. 웹 브라우저 기반 객체 이용하기
 13. Window 객체의 하위 객체 이용하기
 14. 입력 양식을 제어하는 Form 기반 객체들

[Part 06] 자바스크립트와 레이어로 DHTML 만들기
 1. DHTML의 기본, 레이어 사용하기
 2. 레이어의 배경 색상과 그림 설정하기
 3. 레이어 겹치기와 우선 순위 설정하기
 4. 레이어의 보이기와 감추기 설정하기
 5. 레이어를 왼쪽으로 스크롤하여 나타내기
 6. 레이어로 펼치거나 사라지는 효과 주기
 7. 마우스가 위치한 하위 메뉴 레이어만 보이기
 8. 넷스케이프에서 레이어 사용하기
 9. 넷스케이프에서 Layer 객체의 메소드 이용하기
 10. 익스플로러와 넷스케이프에서 모두 동작할 수 있는 레이어 만들기

[Part 07] 베껴 쓰면서 배우는 자바스크립트 실무 활용
 1. 하루 동안 팝업 창 나타나지 않게 하기
 2. 사용자의 시작 페이지나 즐겨찾기에 등록시키기
 3. 여러 가지 폼에 사용되는 자바스크립트 살펴보기
 4. 자바스크립트로 회원가입 양식 강화하기
 5. 흐르는 듯 바뀌는 이미지 스크롤 메뉴 만들기
 6. 선택에 따라 바뀌는 트리플 콤보 메뉴 만들기
 7. 레이어를 이용한 깔끔한 롤오버 메뉴 만들기
 8. 웹 문서에 정확한 디지털 시계 만들기
 0. 바탕 화면에 눈 내리는 효과 주기
 10. 쿠키를 이용해서 방문자의 정보 기억하기
 11. 제목 표시줄과 상태 표시줄에 시간, 날짜 표시하기
 12. 자동으로 계산되는 견적서와 일반 계산기 만들기


▣ 책 속의 책

[책 속의 책-1]놀면서 공부하기, 자바스크립트 게임 분석!


▣ 권말부록

- 부록 CD에는 뭐가 들었지?
- 찾아보기


▣ 저 자

[홍찬희]
- 웹 프로그래밍 전문 강사, 프리랜서 프로그래머
- 현 우신정보통신인력개발원 Visual C++, Java 과정 강의, 서울시립상계직업전문학교 자바프로그램 강의

경력 >>
- 21세기 방송운영정보센터 케이블 TV 안내 방송 송출 프로그래 개발
- 두레정보통신 : 유선 가입자 고나리 프로그램 개발
- Goldwin Executive Serch : 구인구직 관련 프로그램 개발
- 동방정보처리학원 정보처리 과정 강의
- 대우정보통신학원 웹마스터 과정 강의
- 중앙정보처리학원 C/C++ 과정 강의

[신익환]
- 웹 마스터, 인터넷 사업가, 게임 전문가
- 현 ZeroLink 대표

경력 >>
- (주)프리에이지 S/W 개발팀장
- (주)ABC전자 S/W 개발부
- 한빛미디어 홈페이지 개발
- 0Link 홈페이지 제작 외 다수

기획서 >>
- 최고의 웹 프로그래밍을 위한 ASP 기본 + 활용 쉽게 배우기
- 웹디자인을 위한 나모 웹에디터 4 쉽게 배우기 외 다수