당신도 이제 홈페이지를 만들 수 있다!

초보자를 위한 『HTML + JAVASCRIPT』. HTML과 JAVASCRIPT를 함께 소개함으로써, 다이내믹한 홈페이지를 만들 수 있도록 구성되어 있다. 홈페이지를 만드는 데 필요한 HTML과 JAVASCRIPT의 고급 활용 테크닉을 이해하기 쉽게 가르쳐주고 있다. 

이 책은 HTML을 통해 홈페이지뿐 아니라, 쇼핑몰, 오픈마켓 등 웹 페이지를 제작하는 방법을 가르쳐준다. JAVASCRIPT를 사용해서는 HTML에서 표현하지 못하는 기능을 활용할 수 있도록 구성되어 있다. CSS도 함께 소개한다. 

초보자를 위해 친절한 설명뿐 아니라, 재미있는 예제를 풍부하게 담아내 이해를 도와주고 있다. Tip을 덧붙여 특정 메뉴, 기능, 그리고 대화 상자 등 참고할 내용도 알려준다. 또한 실무 중심의 연습문제를 제공하여 실무에서 바로 사용할 수 있는 응용력과 적응력도 키워주고 있다. 부록으로는 연습문제 동영상 강의 등이 수록된 CD 1장을 제공한다.

자바스크립트 소스 80선
이 책의 구성
부록 CD 소개
무료 글꼴과 클립 아트
컷 앤 패스트 사용법

PART1. HTML 학습하기
SECTION_01. HTML에 대해서
    01 HTML이란
    02 홈페이지 제작에 필요한 준비물
    03 HTML은 어떻게 생겼나
SECTION_02. 에디트플러스 살펴보기
    01 에디트플러스 실행하기
    02 문서 편집하고 미리보기
    03 HTML 문서 저장하기
    Special Tip : HTML 도구 모음 살펴보기
SECTION_03. 글자 입력과 속성 태그 배우기
    01 문단 지정에 관련된 [p], [br] 태그
    02 입력한 내용을 그대로 보여주는 [Pre] 태그
    03 글자 속성을 변경해주는 [font] 태그
    04 글자 모양 설정 태그
    05 글자 정렬 태그
    06 목록 구성 태그
SECTION_04. 그림 관련 입력 태그 배우기
    01 홈페이지에서 사용하는 그림 형식
    02 그림을 삽입할 때 사용하는 [img] 태그
    03 그림 정렬하기
    04 그림에 여백 및 테두리 선 설정하기
SECTION_05. 하이퍼링크와 메타 태그 배우기
    01 하이퍼링크 설정하기
    02 책갈피 설정하기
    03 메타 태그 활용하기
SECTION_06. 문서 속성과 배경 음악 관련 태그 배우기
    01 문서 속성 설정하기
    02 배경 음악 설정하기
SECTION_07. 표 작성 관련 태그 배우기
    01 표를 구성하는 원리
    02 셀 합치기
    03 표의 테두리 설정하기
SECTION_08. 프레임 관련 태그 배우기
    01 화면을 분할해서 홈페이지 꾸미기
    02 프레임셋 문서 만들기
    03 프레임 속성 설정하기
    04 프레임에서 하이퍼링크 설정하기
    연습 문제

PART2. 자바스크립트 기본 익히기
SECTION_01. 자바스크립트 구조 살펴보기
    01 자바스크립트 구조
    02 자바스크립트를 정의해주는 [script] 태그
    03 에디트플러스로 자바스크립트 작성하기
    Special Tip : 자바스크립트의 장점과 단점
SECTION_02. 내용을 출력해주는 Document.write( )
    01 화면에 내용을 출력하는 명령어 document.write( )
    02 document.write( )로 문단 줄 바꾸기
    03 HTML 문서를 자바스크립트로 표현하기
SECTION_03. 변수와 값 설정하기
    01 변수 설정하기
    02 값을 설정하는 방법
SECTION_04. 프로그래밍 연산자 배우기
    01 산술 연산자
    02 대입 연산자
    03 증감 연산자
    04 관계 연산자
    05 논리 연산자와 비트 연산자
    06 조건 연산자
    07 연산자 우선 순위
SECTION_05. 조건문 사용하기
    01 조건문이란
    02 If문 사용하기
    03 If~Else문 사용하기
    04 다중 If~Else문 사용하기
    05 Switch문 사용하기
SECTION_06. 반복문 사용하기
    01 반복문이란
    02 For문 사용하기
    03 While문 사용하기
    04 Do~While문 사용하기
    05 Continue문 사용하기
    Special Tip 자바스크립트 소스를 감추게 만드는 비법
    연습 문제

PART3. 함수와 내장 함수 배우기
SECTION_01. 내용을 요약해주는 함수 만들기
    01 함수란
    02 함수에 매개 변수 정하기
    03 전역 변수와 지역 변수
SECTION_02. Alert( ) 내장 함수 사용하기
    01 내장 함수란
    02 경고 메시지 창을 띄우는 Alert( ) 내장 함수
SECTION_03. Confirm( ) 내장 함수 사용하기
    01 Confirm 대화 상자에 대해서
SECTION_04. Prompt( ) 내장 함수 사용하기
    01 Prompt( ) 내장 함수에 대해서
SECTION_05. 기타 내장 함수 사용하기
    01 Eval( ) 함수와 parseInt( ) 함수
    02 숫자인지 검사하는 isNaN( ) 내장 함수
    03 값이 무제한인지 체크하는 isFinite( ) 내장 함수
    04 문자셋 형식을 바꿔주는 escape와 unescape 내장 함수
    Special Tip 웹 브라우저에서 자바스크립트 오류 확인하기
    연습 문제

PART4. 내장 객체 배우기
SECTION_01. 객체와 속성 및 메소드 이해하기
    01 자바스크립트의 표현 방법
    02 객체에 사용할 속성 정의하기
    03 객체 만들기
    04 객체 속성 표현하기
    05 메소드 정의하기
    06 객체 추가하기
    07 객체를 속성으로 가지는 객체 만들기
SECTION_02. 이벤트 핸들러 사용하기
    01 이벤트 핸들러란
    02 이벤트 핸들러의 종류
    03 이벤트 핸들러 사용하기
SECTION_03. Date 내장 객체 사용하기
    01 내장 객체란
    02 Date 객체에 대해
    03 메소드로 날짜와 시간 표시하기
    04 요일 표시하기
    05 날짜와 시간을 표시하는 새로운 방법
    06 특정 날짜 표시하기
    07 날짜와 시간 변경하기
SECTION_04. String 객체 사용하기
    01 String 객체
    02 글자 개수를 계산해주는 주는 length 속성
    03 글자에 하이퍼링크를 설정해주는 link( ) 메소드
    04 책갈피 달기
    05 글자 속성 설정하기
    06 문자열 위치를 표시해주는 메소드
    07 다른 문자열 표시 방법
    08 문자를 대/소문자로 표시해주는 메소드
    09 문자열에 내용을 추가하는 concat( ) 메소드
    10 문자열을 분리해주는 split( ) 메소드
SECTION_05. Math 객체 사용하기
    01 Math 객체란
    02 특수 함수 표시하기
    03 복잡한 계산을 풀어주는 Math( ) 메소드
SECTION_06. Array 객체 사용하기
    01 Array 객체
    02 배열의 개수를 구해주는 length 속성
    03 배열값을 추가하는 concat( ) 메소드
    04 배열값을 하나의 문자열로 바꾸는 join( ) 메소드
    05 배열값의 위치를 거꾸로 바꿔주는 reverse( ) 메소드
    06 배열을 분리시켜 주는 slice( ) 메소드
    07 배열을 정렬해주는 sort( ) 메소드
SECTION_07. Function과 Arguments 객체 사용하기
    01 Function 객체란
    02 함수의 매개 변수 정보를 알아내는 Arguments 객체
SECTION_08. Screen 객체 사용하기
    01 Screen 객체란
SECTION_09. Number와 Boolean 객체 사용하기
    01 Number 객체란
    02 Boolean 객체란
    03 변수의 속성을 확인해주는 typeof 연산자
SECTION_10. Event 객체 사용하기
    01 Event 객체
    02 익스플로러의 Event 객체 속성
    03 넷스케이프에서 제공하는 Event 객체 속성과 메소드
    연습 문제

PART5. 웹 브라우저 내장 객체 배우기
SECTION_01. 내장 객체 계층 구조 이해하기
    01 내장 객체 계층 구조란
    02 내장 객체 계층 구조
    03 내장 객체 계층 구조의 객체들
SECTION_02. Window 객체 사용하기
    01 Window 객체에 대해서
    02 상태 표시줄의 내용을 설정해주는 Status 속성
    03 상태 표시줄의 기본값을 설정해주는 DefaultSttus 속성
    04 웹 브라우저의 창 크기 정보를 제공하는 속성들
SECTION_03. Window 객체 메소드 사용하기 1
    01 윈도 창을 열어주는 open( ) 메소드
    02 윈도 창을 닫아주는 close( ) 메소드
    03 setTimeout( ) 메소드와 clearTimeout( ) 메소드
    04 setInterval( ) 메소드와 clearInterval( ) 메소드
SECTION_04. Window 객체 메소드 사용하기 2
    01 문서를 이동해주는 back( )/forward( )/home( ) 메소드
    02 문자열을 검색해주는 find( ) 메소드
    03 문서를 프린트해주는 print( ) 메소드
    04 윈도 창 크기를 조절해주는 resizeBy( )/resizeTo( ) 메소드
    05 윈도 창 위치를 조절해주는 moveBy( )/moveTo( ) 메소드
    06 문서를 스크롤해주는 scrollBy( )/scrollTo( ) 메소드
SECTION_05. Document 객체 사용하기
    01 Document 객체에 대해서
    02 문서의 제목과 위치를 표시해주는 title/location 속성
    03 문서의 최근 수정 날짜를 표시해주는 lastModified 속성
    04 bgColor/fgColor/linkColor/alinkColor/vlinkColor 속성
    05 anchor/links/forms 속성
    06 화면에 내용을 출력해주는 write( )/writeln( ) 메소드
    07 창에 내용을 보여주는 open( )/close( ) 메소드
SECTION_06. History 객체 사용하기
    01 History 객체에 대해
    02 히스토리 개수를 구하는 length 속성
    03 뒤로 앞으로 이동해주는 back( )/forward( ) 메소드
    04 원하는 위치로 이동하게 해주는 go( ) 메소드
SECTION_07. Location 객체 사용하기
    01 Location 객체에 대해서
    02 홈페이지 정보를 알려주는 href 속성
    03 홈페이지 목록을 갱신하는 replace( ) 메소드
    04 현재 홈페이지를 다시 읽어들이는 reload( ) 메소드
SECTION_08. Frame 객체 사용하기
    01 Frame 객체에 대해서
    02 프레임에 번호를 설정해주는 frames 속성
    03 자바스크립트에서 프레임 위치 설정하기
SECTION_09. Navigator 객체 사용하기
    01 Navigator 객체에 대해서
    02 웹 브라우저 정보를 알려주는 Navigator 속성
    03 마임타입 정보를 알려주는 mimeTypes 속성
    04 플러그인 정보를 알려주는 plugins 속성
    05 자바스크립트 지원 여부를 알려주는 javaEnabled( ) 메소드
    06 웹 브라우저의 실행 여부를 알려주는 taintEnable( ) 메소드
SECTION_10. 하부 객체 사용하기
    01 Document 객체의 하부 객체
    02 링크 정보를 제어하는 Link 객체
    03 책갈피 정보를 알려주는 Anchor 객체
    04 그림 정보를 알려주는 Image 객체
    연습 문제

PART6. 입력 양식 객체 배우기
SECTION_01. HTML에서 제공하는 입력 양식
    01 입력 양식에 대해서
    02 [form] 태그에 대해서
    03 [form] 태그에 삽입되는 입력 양식들
SECTION_02. Form 객체 사용하기
    01 Form 객체 속성과 메소드
    02 Form 정보를 알려주는 속성
    03 배열 순서로 입력 양식을 선택하는 elements 속성
    04 폼을 선택하는 forms 속성
    05 내용을 전송하거나 취소하는 reset( )/submit( ) 메소드
SECTION_03. Text 객체 사용하기
    01 Text 객체 속성과 메소드
    02 글상자 정보를 가져오는 Text 객체 속성
    03 커서 위치를 선택해주는 focus( )/blur( ) 메소드
    04 내용을 선택하게 해주는 select( ) 메소드
    05 커서 위치에 반응하는 이벤트
SECTION_04. Password와 Hidden 객체 사용하기
    01 Password 객체 속성과 메소드
    02 숨김 글상자의 정보를 제공하는 Hidden 객체
SECTION_05. Textarea 객체 사용하기
    01 Textarea 객체에 대해서
SECTION_06. Button/Submit/Reset 객체 사용하기
    01 버튼 입력 양식을 제어하는 Button 객체
    02 제출 버튼을 제어하는 Submit 객체
    03 리셋 버튼을 제어하는 Reset 객체
    04 이미지 입력 양식으로 동영상 제어하기
    Special Tip 요소를 삽입할 때 사용하는 [embeded] 태그
SECTION_07. Checkbox/Radio/FileUpload 객체 사용하기
    01 Checkbox 객체에 대해서
    02 목록 중 하나만 선택하는 Radio 객체
    03 파일 업로드 양식을 제어하는 FileUpload 객체
SECTION_08. Select 객체 사용하기
    01 Select 객체에 대해서
    02 Select 정보를 알려주는 속성
    03 선택한 목록을 알려주는 selectedIndex 속성
    04 옵션 목록을 선택하는 options 속성
    05 option 속성 정보를 알려주는 속성들
    06 목록 추가 및 삭제하기
    연습 문제

PART8. 스타일 시트로 자바스크립트 배우기
SECTION_01. 스타일 시트 사용하기
    01 스타일이란
    02 홈페이지에서 스타일 적용하기
    03 태그에 스타일 속성 설정하기
    04 여러 개의 태그에 스타일 속성 설정하기
    05 태그에 포함되어 있는 태그 스타일 설정하기
    06 내가 원하는 부분에 스타일 설정하기
    07 스타일 시트 파일로 설정하기
    08 W3C에서 제공하는 스타일 이용하기
SECTION_02. 글자 속성 관련 스타일
    01 글자 속성을 설정하는 스타일
    02 글자 위치를 조절해주는 속성
SECTION_03. 문서 속성 관련 스타일
    01 문서 배경에 스타일 속성 설정하기
    02 문서 여백 조절하기
SECTION_04. 문서 내용을 꾸며주는 스타일 사용하기
    01 스타일을 사용해서 자유롭게 표 만들기
    02 입력 양식 스타일 꾸미기
    03 스크롤 막대 색상 바꾸기
SECTION_05. 필터 효과 사용하기
    01 필터 효과란
    02 필터 효과 만들기
    03 장면 전환 효과를 만들어 주는 필터
SECTION_06. 레이어로 홈페이지 자유롭게 편집하기
    01 레이어란
    02 익스플로러에서 레이어 만드는 방법
    03 레이어 속성 설정하기
SECTION_07. 레이어를 움직이게 만들기
    01 레이어를 선택하는 방법
    02 레이어를 이동하게 만들기
    03 레이어를 보이거나 감추게 만들기
    04 이벤트 객체를 이용한 레이어 효과
    연습 문제