1장 HTML
HTML 문서에 대한 전반적인 지식을 다룬다. HTML 문서를 작성하는 기초적인 문법 및 태그들을 설명한다. 기본적인 HTML 문서 작성을 위해 타이틀 달기, 제목 붙이기, 단락, 글자, 폰트, 수평선, 새 줄, 문서 전체 꾸미기, 색상 설정 등을 설명한다. 고급 HTML 문서 작성을 위해 이미지 삽입, 리스트 작성, 테이블 작성(정형, 비정형), 배경 음악 삽입, 링크 달기, 이미지 맵 등을 설명한다. 윈도우를 프레임으로 나누어 출력하는 프레임셋 문서 작성 법 및 사용자 입력을 받는 폼 형식의 HTML 문서 작성 법을 다룬다.
2장 스타일 시트(CSS)를 이용한 화려한 HTML 문서
CSS(Cascading Style Sheet)는 HTML 문서에 스타일을 삽입하도록 지원하는 언어로서, HTML 문서를 보다 화려하고 다채롭게 만들 수 있다. 본 장에서는 CSS의 스타일을 HTML 문서에 삽입하는 방법 및 스타일의 본질적 특성을 다룬 뒤, CSS를 활용하여 HTML 문서에 스타일을 주는 다양한 방법을 설명한다. HTML 문서에 스타일을 설정하는 구체적인 방법들로는 박스 모델, 텍스트, 색과 배경, 폰트, 다양한 시각적 효과, 커서 모양 제어 등과 같은 사용자 인터페이스, 이미지와 글자에 대한 다양한 연출을 위한 필터 등을 표현하고 활용하는 방법을 예제와 더불어 설명한다.
3장 자바스크립트 개요
자바스크립트 언어의 태동, HTML 문서 상에서 자바스크립트 언어의 역할, 자바스크립트 코드를 HTML 문서에 삽입하는 방법 등 자바스크립트 코드를 활용하는 매우 기본적인 개념을 다룬다. 특별히 script 태그를 사용하는 방법을 자세히 설명한다. 또한 HTML 문서를 구성하는 요소를 설명함으로써 자바스크립트 코드가 차지하는 역할을 보인다.
4 장 자바스크립트 코어 언어
자바스크립트 언어를 문법적인 관점에서 설명한다. 자바스크립트 언어에서의 데이터 타입, 변수, 상수 들을 설명하고 다양한 예제들 통해 이들을 사용하는 방법을 보인다. 또한 자바스크립트 언어로 문장을 표현하는 방법, 주석문, 이중 따옴표, 수식, 논리식, if나 switch 등과 같은 조건문, for, while 등의 반복문, 함수 작성 및 호출 등을 설명한다.
5장 자바스크립트 코어 객체
자바스크립트 언어는 객체 기반 언어이며, 자바스크립트 엔진은 자바스크립트 코드에서 사용할 수 있는 기본적인 코어 객체들을 지원한다. 코어 객체들로는 Array, String, Math, Date 등이 대표적이며 매우 유용하게 사용된다. 이 장에서는 자바스크립트 언어에서의 객체 개념과 코어 객체들을 사용하는 방법, 코어 객체들이 지원하는 기능 등을 설명한다.
6장 자바스크립트 DHTML 객체 모델
DHTML(Dynamic HTML)이란 동적으로 제어 가능한 HTML로 표현할 수 있다. DHTML에서는 HTML 문서의 모든 요소가 웹 브라우저 내부에서 DHTML 객체로 표현되므로 이 객체들은 자바스크립트 코드에 의해 언제 어디서든 제어 가능하다. 이 장에서는 DHTML 문서의 목적, DHTML 객체의 종류, DHTML 객체들의 계층 구조 등을 설명한다. 자바스크립트 코드로 HTML 문서 상에 존재하는 DHTML 객체들을 제어함으로써 동적인 웹 페이지를 구현할 수 있다. 자바스크립트 코드로 DHTML 객체에 접근하는 방법으로서, id를 이용하거나, name을 이용하는 방법, all, children 등의 계층 구조를 이용하는 방법, this를 이용하는 방법들로 구분하여 구체적으로 설명한다. 또한 익스플로러 3.0에서의 객체 모델과 DHTML 객체 모델의 차이점을 설명한다. 이 장은 DHTML에 대한 개념을 세우는데 매우 필요한 내용을 담고 있다.
7장 이벤트와 이벤트 핸들링
웹 브라우저는 사용자의 키 입력이나 마우스의 움직임에 따라 이벤트를 발생시키며 이 이벤트를 HTML 문서 내로 전달한다. 동적인 HTML 문서를 작성하기 위해서는 이벤트와 이벤트 핸들러에 대한 해박한 지식이 요구된다. 이 장에서는 이벤트를 정의하고 이벤트의 종류, 발생 경우 등을 자세히 설명한다. 또한 주요한 이벤트들에 대해 하나씩 예제를 보이면서 이벤트 핸들러를 작성하는 방법을 설명한다. 이벤트가 흘러가는 현상을 이벤트 버블이라고 부르는데 이벤트 버블의 경로, 이벤트 버블 중단, 흐름 변경 등의 방법을 설명한다. 마지막으로 이벤트가 발생할 때마다 현재 발생한 이벤트에 대한 포괄적 정보를 가진 event 객체를 설명하며 이 객체를 이용하는 방법을 예를 통해 보인다.
8장 폼 관련 객체들
HTML 페이지에 가장 많이 등장하는 것이 폼이다. 이 장에서는 자바스크립트를 이용하여 HTML 페이지 내의 폼을 제어하는 방법을 다룬다. HTML 문서 내에 폼과 관련된 객체들은 form 태그에 의해 생성되는 form 객체와 input 태그에 의해 생성되는 text, password 등의 많은 객체들 그리고 textArea, select 등의 객체들이 존재한다. 이 객체들을 하나씩 설명하며 이들을 제어하는 방법을 보인다. 또한 동적으로 select의 옵션을 삽입하거나 제거하는 방법, 수정할 수 없는 입력 text 창 만들기 등 다양한 예제를 통해 폼을 설명한다.
9장 도큐먼트 관련 객체
DHTML 객체들 중에서 HTML 태그에 의해 내부적으로 자동 생성되는 객체들을 통칭하여 도큐먼트 객체라고 부른다. 이들 객체에 동적인 변화를 준다든지 객체들의 계층 구조를 변경시키게 되면 그 변화가 화면에 곧장 출력되어 동적인 화면을 창출할 수 있다. document 객체는 도큐먼트 객체들의 조상으로서 매우 중요한 객체이며 이 책에서는 document 객체의 열기, 닫기, 쓰기 등의 본질적인 깊은 의미를 설명한다. 또한 많이 사용되는 A, IMG 객체를 설명하며 특히 IMG 객체에서 있어서는 이미지의 로딩과 화면 출력을 구분하여 설명하여 이미지 애니메이션을 위한 기본 개념을 설명한다. 마지막으로 HTML 문서의 각 요소는 웹 브라우저의 내부에 DOM(Document Object Model)이라는 계층 구조로 구성된다. 도큐먼트 객체들의 계층 구조를 변경하거나 이미 HTML 문서 상에 존재하는 도큐먼트 객체를 제거하는 방법, 새로운 도큐먼트 객체를 삽입하는 방법 등 도큐먼트 객체의 DOM 계층 구조를 변경시키는 구체적인 방법을 설명한다. HTML 문서 상의 DOM 계층 구조 변화는 곧 HTML 문서의 동적인 변화를 의미한다.
10장 윈도우 객체들
HTML 문서가 출력된 윈도우나 프레임 및 이와 관련된 객체들을 다룬다. window 객체를 이용한 새로운 브라우저 윈도우 생성, 윈도우에 출력하기, 윈도우 닫기 등을 다루며, 3 가지 종류의 메시지 상자 만들기, 다이얼로그 상자, 팝업 창 만들기 등을 다룬다. 또한 새로 생성된 윈도우와 자신을 생성한 윈도우(operner) 사이에 상호 제어하는 방법 등을 다룬다. window 객체의 메소드를 이용하여 타이머를 작동하는 방법, 윈도우 이동, 크기 조절, 스크롤 제어, 현재 윈도우에 출력된 HTML 문서를 프린터에 출력하는 기능 등을 설명한다. 또한 location 객체와 history 객체를 설명한다.
11장 웹 브라우저 관련 객체들
웹 브라우저 관련 객체들로 navigator와 screen 객체를 설명한다. navigator 객체는 작동중인 웹 브라우저의 버전, 종류, 이름 등의 정보를 가진 객체로서 자바스크립트 코드로 이 객체를 제어하는 방법을 설명한다. 또한 현재 작동중인 사용자 컴퓨터의 모니터 스크린에 관한 자세한 사항을 가진 screen 객체를 통해 모니터의 해상도 등의 정보를 접근하는 방법을 설명한다.
...