들어가는 글 ... 4 독자를 위한 도움말 ... 5 본문 내용과 책을 읽는 방법 ... 6 부록 CD-ROM에는 ... 9 index ... 1190 Part 01. {HTML과 CSS} Chapter 01. 컴퓨터 언어와 언어 프로그램 1. 인간의 언어와 컴퓨터의 언어 ... 36 2. 컴퓨터 언어의 구분 ... 38 3. 컴퓨터 언어와 컴퓨터 언어 프로그램의 차이 ... 44 4. 컴파일 방식과 인터프리터 방식의 차이 ... 46 5. 사람의 언어를 기계어로 번역해주는 컴파일러 ... 51 6. 컴퓨터 언어와 스크립트의 차이 ... 55 Chapter 02. 자바스크립트 이야기 1. HTML과 자바스크립트 ... 58 2. HTML의 개발자 ... 62 3. 자바스크립트의 개발자는 넷스케이프사 ... 64 4. 자바스크립트와 자바의 차이 ... 65 5. 자바스크립트와 JScript의 차이 ... 68 6. 자바스크립트의 장·단점 ... 71 Chapter 03. HTML 문서 만들기 1. 메모장을 이용해 HTML 문서 만들기 ... 76 2. 익스플로러에서 HTML 문서 불러오기 ... 79 3. 넷스케이프 설치 ... 81 4. 넷스케이프에서 HTML 문서 불러오기 ... 88 5. 탐색기와 '내 컴퓨터'에서 HTML 문서 불러오기 ... 90 6. 메모장에서 HTML 문서 불러오기 ... 94 Chapter 04. 웹 편집기 사용하기 1. HTML-Kit 설치와 실행 ... 96 2. HTML-Kit로 HTML 문서 만들기 ... 104 3. HTML-Kit로 HTML 문서 보기 ... 111 Chapter 05. HTML의 기본 규칙 1. 파일 확장자는 HTM이나 HTML로 ... 114 2. 소스 파일과 태그의 구분 ... 121 3. 〈IMG〉 테그로 그림 파일 보여주기 ... 124 4. 원소(element)와 태그(tag)의 차이 ... 126 5. 원소의 속성 ... 130 6. HTML 문서의 기본 구조 ... 134 7. 〈!doctype〉 태그로 문서 종류 알리기 ... 138 8. 〈TITLE〉 태그로 문서 제목 표시하기 ... 141 9. 〈BR〉 태그와 〈P〉 태그로 줄 바꾸기 ... 144 10. 태그 속성 사용하기 ... 153 11. 태그의 내포와 중복 사용 ... 156 12. 주석문(comment) ... 160 Chapter 06. 헤더 부분에 들어가는 태그 1. 문서 안의 기본 URL 지정하기 ... 162 2. 메타 원소로 문서 정보 알리기 ... 166 3. 검색엔진용 검색 낱말 설정하기 ... 169 4. 〈META〉 태그로 슬라이드 쇼 만들기 ... 172 5. 특정 문서로 자동 이동하기 ... 176 6. 문서 제작자와 저작권 알리기 ... 178 7. 문서 제작 날짜와 시간 지정법 ... 181 8. 정확한 문서 정보 제공하기 ... 184 9. 글자 코드 지정법 ... 186 10. 글자 참조로 특수 문자와 기호 사용하기 ... 189 11. 빈 칸 입력하는 방법 ... 195 12. link 태그 사용법 ... 203 13. 다양한 문서 열기 화면 효과 만들기 ... 205 Chapter 07. 〈BODY〉 태그 사용법 1. 문서의 배경색과 글씨색 지정하기 ... 210 2. 배경 그림 지정하기 ... 215 3. 링크 문장의 색 지정하기 ... 217 Chapter 08. 〈IMG〉 태그 사용법 1. 그림 크기 조절하기 ... 220 2. 여백과 테두리선 지정하기 ... 223 3. 그림의 위치와 정렬 방법 지정하기 ... 225 4. 마우스를 가져갔을 때 풍선 도움말 나오게 하기 ... 226 Chapter 09. 〈A〉 태그로 링크하기 1. 글이나 그림을 누르면 다른 문서 보여주기 ... 228 2. 작은 그림을 눌렀을 때 큰 그림을 보여주기 ... 231 3. 현재 문서나 다른 문서의 지정된 곳으로 이동하기 ... 234 4. 동영상 파일과 음악 파일 연결하기 ... 237 5. 배경 동영상과 배경 음악 연결 ... 240 6. 텔넷, 고퍼, 뉴스그룹, FTP 등에 연결하기 ... 248 7. 이메일에 자동으로 제목 넣어서 받기 ... 251 Chapter 10. 글꼴 관련 태그 1. 글꼴 크기를 상대적으로 지정하기 ... 254 2. 글꼴 모양 바꾸기 ... 256 3. 〈H〉 태그로 글꼴 크기와 정렬 위치 바꾸기 ... 258 4. 다양한 글꼴 효과 지정하기 ... 259 Chapter 11. 문단 정렬, 인용, 선긋기, 목록 태그 1. 문장을 좌우, 가운데로 정렬하기 ... 264 2. 빈 칸과 태그 문자를 포함하여 눈에 보이는대로 보여주기 ... 268 3. 선을 그을 때 사용하는 〈HR〉 태그 ... 270 4. 목록 태그 ... 272 Chapter 12. 〈TABLE〉 태그로 표 만들기 1. 표의 배경색과 배경 그림 지정하기 ... 280 2. 테두리선 없는 표와 단선 표 만들기 ... 286 3. 줄과 칸 합치기 ... 289 4. 표 안에 표 넣기 ... 292 Chapter 13. 프레임 태그 1. 프레임으로 화면 분할하기 ... 294 2. target 속성을 이용하여 새 창 띄우기 ... 301 3. 프레임 안에서 다시 프레임 나누기 ... 305 4. 프레임 경계선 없애기와 여백 조절 ... 307 5. 프레임 크기 고정과 스크롤막대 표시 안하기 ... 312 6. 첫화면으로 이동하기 ... 314 Chapter 14. CGI 관련 입력 태그 1. 폼(Form) 태그 사용법 ... 316 2. 〈INPUT〉 태그 사용법 ... 318 3. 문장과 비밀번호 입력받는 양식 ... 319 4. 목록 선택 버튼 만들기 ... 323 5. 입력 취소와 입력 내용 전송 양식 ... 326 6. 자료실 파일 업로드용 양식 ... 329 7. 입력 양식에 번호와 기본값 지정하기 ... 331 8. 긴 문단 입력받는 양식 ... 333 9. 메뉴 방식으로 선택하기 ... 335 Chapter 15. 스타일 시트(CSS) 1. 스타일 시트의 뜻과 역사 ... 340 2. CSS 정의와 세 가지 선택자(HTML, class, id) ... 343 3. 세 가지 정의 형태 ... 347 4. 여러 태그의 동시 지정과 내포된 태그에만 스타일 지정하기 ... 354 5. class 속성 이용한 스타일 정의 ... 357 6. 여러 태그에 사용 가능한 스타일 만들기 ... 359 7. id를 이용한 스타일 정의 ... 360 8. 〈SPAN〉 태그와〈DIV〉 태그의 사용법 ... 362 Chapter 16. 글꼴, 문장 관련 스타일 1. 글꼴 모양과 크기 바꾸는 스타일 ... 364 2. 글꼴에 효과를 주는 스타일 ... 369 3. 글꼴 강조하는 스타일 ... 372 4. 영문 대소문자를 원하는대로 변환하기 ... 375 5. 글자와 낱말, 줄, 문장 간격 조절하기 ... 378 6. 소스 파일의 내용대로 간격 조절하기 ... 381 7. 문장을 정렬하는 스타일 ... 383 Chapter 17. 배경과 색상 관련 스타일 1. 바탕색과 글씨색 지정하기 ... 388 2. 배경 그림을 스타일로 지정하기 ... 390 3. 배경 그림을 원하는 방향으로 반복해서 삽입하기 ... 391 4. 원하는 곳에 배경 그림 위치시키기 ... 395 5. 배경 그림 스크롤 동작 막기 ... 397 Chapter 18. 여백과 테두리선 관련 스타일 1. 여백(margin)과 심(padding) 간격 설정하기 ... 400 2. 테두리선 별로 색과 두께 지정하기 ... 404 3. 테두리선 종류 설정하기 ... 408 Chapter 19. 화면 표시 관련 스타일 1. 화면에 특정 공간을 설정하기 ... 412 2. 목록 관련 스타일 ... 416 3. 자료가 화면에 나타나지 않게 하기 ... 419 Chapter 20. 위치 지정과 레이어 관련 스타일 1. 포지셔닝(위치 지정＝positioning)의 의미 ... 422 2. 포지션으로 위치 지정하기 ... 425 3. 레이어 우선 순위 지정하기 ... 430 4. 레이어로 그림의 일부만 보여주기 ... 433 Part 02. {자바스크립트 기초} Chapter 21. 자바스크립트 시작하기 1. 시작은 〈SCRIPT〉 태그부터 ... 438 2. 첫번째 자바스크립트 소스 파일 ... 440 3. document.write()를 이용해 자신의 이름을 화면으로 보여주기 ... 443 4. alert()를 이용한 글월 상자 만들기 ... 444 Chapter 22. 자바스크립트 기초 1. 자바스크립트의 기본 구조 ... 448 2. 스크립트 종류를 알려주는 language 속성 ... 454 3. 생략 기호(〈!--／／--〉)로 스크립트 실행 막기 ... 458 4. ／* *／과 ／／로 주석문 달기 ... 460 5. 자바스크립트를 지원하지 않는 브라우저를 위한 〈NOSCRIPT〉 태그 ... 466 6. 명령의 정의와 실행 ... 468 7. 브라우저를 이용한 소스 파일 보기와 저장하기 ... 471 8. 프레임 있는 문서의 소스 파일 보기와 저장하기 ... 475 9. 복사와 붙이기 기능으로 소스 파일 내용 삽입하기 ... 478 10. 자바스크립트 외부 파일 활용하기 ... 480 11. 프로그램의 오류 검사 방법과 수정 ... 485 12. 자바스크립트로 HTML 문서 만들기 ... 490 13. 토큰의 종류 - 키워드, 구두점, 공백 문자, 명칭 등 ... 493 Chapter 23. 함수 사용법 1. 함수란 무엇인가? ... 498 2. 함수의 기본 구조 ... 500 3. 사용자 정의 함수의 뜻 ... 502 4. 함수의 원형, 정의, 선언 ... 505 5. 함수 정의와 실행 순서 ... 509 6. 함수의 매개변수(인수) 사용법 ... 513 7. 되돌림값의 사용 방법 ... 517 Chapter 24. 내장 함수와 특수 기호 사용업 1. alert() 함수를 이용한 환영 안내문 만들기 ... 524 2. prompt() 함수를 이용해 방문자 이름 보여주기 ... 526 3. eval() 함수를 이용한 텍스트 계산기 만들기 ... 529 4. 함수에 매개변수 입력하는 요령 ... 532 5. 줄바꿈 문자인 ＼n 기호와 ESC 문자열(특수 문자) ... 535 Chapter 25. 변수 다루기 1. 상수와 변수의 차이 ... 542 2. 입력한 수의 제곱값과 세 제곱값 구하기 ... 545 3. 변수의 선언 규칙 ... 549 4. 변수의 선언 방법과 정의 방법, 초기화 방법 ... 558 5. 지역 변수와 전역 변수 ... 565 Chapter 26. 자료형 1. 자바스크립트에서 사용하는 자료형의 종류 ... 570 2. 정수형 ... 571 3. 실수형 ... 573 4. 문자형(문자열형) ... 577 5. 논리형(불린형) ... 578 6. null형 ... 580 7. 문자 1과 숫자 1의 차이 ... 582 8. 자바스크립트에서 자료형의 형변환 ... 584 Chapter 27. 연산자 1. 연산자의 의미 ... 586 2. 연산자의 분류 ... 589 3. 산술 연산자 + - * ／ % ... 593 4. 대입 연산자 ＝ +＝ -＝ *＝ ／＝ %＝ ... 596 5. 증감 연산자 ++ -- ... 598 6. 관계 연산자 〈 〈＝ 〉 〉＝ ＝＝ !＝ ... 600 7. 논리 연산자 ! && ∥ ... 602 8. 조건 연산자 ?: ... 604 9. 쉼표 연산자 , ... 606 10. 비트 연산자 & ｜ ^ 《 》 ∼ ... 607 11. 기타 연산자 ... 610 Chapter 28. 제어문 1. 제어문이란 무엇인가? ... 612 2. 제어문을 이용해 10까지 더하기, 2의 제곱수 구하기 ... 615 3. '만약'이라는 가정을 활용하는 if 제어문 ... 621 4. if 문을 이용한 홀수 짝수 구별하기 ... 624 5. if else 문을 이용한 홀짝 여부 판단 ... 628 6. if, else if, else를 활용한 배수 판별하기 ... 629 7. if 문의 내포를 이용한 배수 판별법 ... 634 8. while 제어문으로 루프 반복하기 ... 637 9. 일단 한 번은 실행하는 do while 제어문 ... 643 10. 좀더 간단한 제어문인 for 순환문 ... 647 11. for 문의 세번째 부분은 실행 명령문 영역입니다. ... 650 12. for 문을 이용한 세 제곱수 구하기 ... 652 13. for 문에서 생략할 수 있는 내용 ... 654 14. for(in)문을 이용한 객체 활용법 ... 657 15. 여러 개 중에서 하나를 고르는 switch 문 ... 659 16. 무한 루프와 루프를 탈출하는 방법 ... 665 17. 제어문을 벗어나게 하는 break ... 668 18. 반복 순환문의 조건식으로 되돌아가는 continue 문 ... 672 19. 루프를 중첩한 구구단 만들기 ... 674 Chapter 29. 객체의 뜻 1. 객체 기반과 객체 지향 프로그램의 차이 ... 676 2. '나는 사과를 먹는다'에서 주체는 '나'이고 객체는 '사과'입니다. ... 678 3. 객체 지향 프로그램의 활용과 장점 ... 680 4. 주체와 객체, 이벤트 ... 683 5. 객체의 구성요소인 속성과 객체 함수 ... 685 Chapter 30. 객체 만들고 다루기 1. new 연산자로 객체 만들기 ... 688 2. this 연산자로 객체 속성 지정하기 ... 690 3. 객체의 속성 표시와 속성값 바꾸기 ... 693 4. 객체 함수 만들고 사용하기 ... 696 5. 새로운 객체 추가하기 ... 700 Chapter 31. 객체 활용하기 1. 객체의 속성값 입력받는 프로그램 ... 702 2. 객체의 속성 추가하기 ... 705 3. 객체 함수 추가하기 ... 708 4. 객체의 속성으로 객체 지정하기 ... 712 5. with 연산자 이용하기 ... 716 6. 객체의 계층 구조와 내장 객체 ... 718 Chapter 32. 주요 키워드 사용법 1. new와 delete 연산자로 객체 만들고 지우기 ... 720 2. new 연산자를 이용한 내장 객체 사용법 ... 723 3. javascript: 명령으로 인라인 자바스크립트 만들기 ... 727 4. typeof 연산자로 변수 자료형 파악하기 ... 729 Chapter 33. 내장 함수 설명 1. confirm() 함수로 [확인] [취소] 선택하게 만들기 ... 732 2. escape()와 unescape() 함수로 문자 코드 변환하기 ... 735 3. parseInt() 함수와 parseFloat() 함수로 문자를 숫자로 바꾸기 ... 736 4. 입력한 내용이 숫자인지 판별하는 isNaN()과 isFinite() ... 738 5. 문자를 숫자로, 숫자를 문자로 바꾸는 Number(), String() 함수 ... 742 Chapter 34. 이벤트 1. 이벤트와 이벤트 핸들러의 의미 ... 744 2. 이벤트 핸들러의 종류와 사용법 ... 746 3. onclick으로 클릭했을 때 정답 보여주기 ... 747 4. 롤오버에 사용하는 onMouseover와 onMouseout ... 748 5. 롤오버 함수 만들기 ... 751 6. 문서 열 때와 끝낼 때 안내문 보여주기 ... 757 7. 문서 열 때 공지사항과 광고 보여주기 ... 759 8. 문서 닫을 때 다른 주소로 이동시키기 ... 760 Part 03. {자바스크립트 객체와 응용} Chapter 35. 배열(Array) 객체 1. 배열이란 무엇인가? ... 764 2. 배열 객체 만들고 사용하기 ... 766 3. 배열 크기만큼 루프 돌리기 ... 769 4. 배열에 다른 배열 추가하기 ... 772 5. 배열 내용을 특정 표현식으로 표시하기 ... 774 6. 배열 요소 제거하기 ... 775 7. 배열에 새로운 요소 추가하기 ... 776 8. 배열 순서 뒤집기 ... 778 9. 배열 첫번째 요소 삭제하기 ... 779 10. 배열 일부를 꺼내쓰기 ... 781 11. 배열 일부를 교체, 삽입하기 ... 782 12. 배열 내용 정렬하기 ... 784 13. 배열 첫 부분에 배열 요소 추가하기 ... 786 Chapter 36. Boolean 객체 1. 참과 거짓 값을 가지는 Boolean 객체 ... 788 2. 불린 객체의 함수 ... 790 Chapter 37. 날짜(Date) 객체 1. Date 객체로 날짜 시간 구하기 ... 792 2. 홈페이지에 방문 일자 시각 표시하기 ... 794 3. 요일 별로 다른 안내문 보여주기 ... 796 4. 세계 표준 시각과 한국 시각의 차이 구하기 ... 800 5. 날짜 시간 구하기, 변경하기 ... 802 6. 날짜 지정 방법 ... 806 7. 기념일까지 남은 날 구하기 ... 807 8. 만난 지 며칠 되었나 계산하기 ... 809 Chapter 38. 문자열(String) 객체 1. String 객체로 글꼴 효과 주기 ... 812 2. 문장의 길이 구하기 - length 속성 ... 815 3. 글씨색과 크기 지정하기 ... 817 4. 글자에 하이퍼링크 설정하기 ... 818 5. 문장에 이동 위치 지정하기 ... 819 6. 지정한 위치의 글자와 문자 코드 알아내기 ... 821 7. 지정한 글자의 위치 찾기 ... 824 8. 문자열끼리 합치기 ... 825 9. 필요한 위치의 글자만 뽑아서 사용하기 ... 827 10. 문자열을 분리하여 구분하기 ... 829 11. 해당 코드의 글자 모양 확인하기 ... 830 12. 영문 대문자로만 출력하기, 소문자로만 출력하기 ... 832 13. 문장을 검색하거나 대체하기 ... 833 Chapter 39. 정규 표현식(RegExp) 객체 1. 정규 표현식을 이용한 특수 문자 사용 ... 836 2. 정규 표현식으로 낱말 교환하기 ... 839 Chapter 40. 수학(Math) 객체 1. Math 객체는 정적 객체입니다. ... 842 2. 원의 면적 구하기 ... 844 3. 특정 수의 특정 제곱 구하기 ... 846 4. 랜덤 함수 사용법 ... 848 Chapter 41. Number 객체 1. Number 객체의 사용법 ... 850 2. 표현식을 Number 객체로 다루기 ... 852 Chapter 42. Function 객체 1. Function 객체는 함수의 원형인 객체입니다. ... 854 2. Function 객체로 함수 만들기 ... 856 Chapter 43. Object 객체 1. Object 객체는 자바스크립트의 공용 객체입니다. ... 858 2. 함수의 본체 알아내기 ... 859 3. 기존 객체에 속성 추가하기 ... 861 4. 명령을 대신할 수 있는 eval() 함수 ... 863 5. 숫자를 진법별 문자열로 변환하기 ... 866 Chapter 44. 이벤트(Event) 객체 1. 이벤트 객체는 이벤트를 제어합니다. ... 870 2. 마우스 누른 지점의 좌표 구하기 ... 872 Chapter 45. Window 객체 1. Window 객체는 브라우저 자체를 뜻합니다. ... 874 2. 창의 닫힘 여부 확인하기 ... 878 3. 마우스 가져가면 상태선 문장 바꿔 보여주기 ... 879 4. 창(window)의 위치 조절하기 ... 882 5. 창의 상태 표시하기 ... 885 6. 새로운 창 열기 ... 886 7. 원하는 위치에 원하는 크기로 창 열기 ... 888 8. 창의 메뉴 바 없애거나 표시하기 ... 890 9. 새 창을 수시로 열고 닫는 방법 ... 891 10. 시계 만들기 ... 894 11. 원하는 페이지로 이동하기 ... 897 12. 화면의 내용을 프린터로 출력하기 ... 899 13. 윈도우의 위치 조절하기 ... 900 14. 창의 크기 조절하기 ... 902 Chapter 46. Screen 객체 1. Screen 객체의 사용법 ... 904 2. 사용자 해상도별 초기화면 만들기 ... 906 Chapter 47. Frame 객체 1. Frame 객체의 의미 ... 908 2. frames 속성을 이용한 프레임 제어 ... 909 Chapter 48. Document 객체 1. Document 객체의 속성 ... 914 2. 문서 주소와 제목 표시하기 ... 916 3. 문서 수정 날짜 표시하기 ... 917 4. 배경색과 글씨색 지정하기 ... 918 5. 마우스를 올려놓으면 글씨색과 배경색 바꾸기 ... 921 6. 손쉬운 광고 창 띄우기 기법 ... 923 7. 동시에 여러 개 창 띄우기 ... 925 8. 자동으로 나타났다 사라지는 팝업 창 만들기 ... 927 Chapter 49. 이미지(Image) 객체 1. Image 객체의 속성 ... 930 2. 이미지 정보 알아내기 ... 932 3. 이미지 파일 정보 변경하기 ... 934 Chapter 50. Anchor 객체 1. Anchor 객체는 Anchor를 다룹니다. ... 936 2. anchor 수 알아내기 ... 937 Chapter 51. Location 객체 1. Location 객체의 속성 ... 938 2. 문서 Reload 기능 추가하기 ... 940 Chapter 52. Link 객체 1. Link 객체의 속성 ... 942 2. Link 객체 알아내기 ... 943 Chapter 53. History 객체 1. History 객체의 속성 ... 944 2. 앞 문서 뒷 문서로 이동하기 ... 945 3. 지정된 번호의 목록으로 이동하기 ... 946 Chapter 54. Layer 객체 1. Layer 객체의 속성 ... 948 Chapter 55. Navigator 객체 1. Navigator 객체의 속성 ... 950 2. 브라우저 정보 표시하기 ... 951 3. 자바 지원 여부 확인하기 ... 953 4. 브라우저를 판단하여 프로그램 실행시키기 ... 954 5. mimeType 객체 ... 956 6. 플러그인(Plugin) 객체 ... 957 Chapter 56. 폼(Form) 객체 1. Form 객체의 속성 ... 960 2. Form 객체의 크기 알아내기 ... 961 3. Form 객체의 구성 요소 type 확인 ... 963 4. Form 객체 정보 표시하기 ... 967 5. 입력 양식 전송 확인 안내문 표시 ... 968 Chapter 57. Text 객체 1. Text 객체의 속성 ... 970 2. Text 객체의 값 확인하기 ... 971 3. 자동으로 입력란에 커서 이동시키기 ... 972 4. 포커스를 지정했을 때 새로운 명령 실행하기 ... 974 Chapter 58. Password 객체 1. Password 객체의속성 ... 976 2. ID와 암호 확인하기 ... 977 Chapter 59. Hidden 객체 1. Hidden 객체의 속성 ... 980 2. Hidden 객체 정보 표시하기 ... 980 Chapter 60. Textarea 객체 1. Textarea 객체의 속성 ... 982 2. Textarea 객체 내용 확인하기 ... 983 Chapter 61. Select 객체 1. Select 객체와 Option 객체의 속성 ... 986 2. Select 객체 정보 표시하기 ... 987 3. 사용자가 선택한 목록 알아내기 ... 989 4. Option 객체 정보 참조하기 ... 991 5. 선택한 목록에 원하는 문서 링크시키기 ... 993 6. 목록의 값 변경시키기 ... 995 7. Option() 명령으로 목록 추가, 삭제하기 ... 998 Chapter 62. 기타 입력 양식용 객체 1. Button 객체 ... 1002 2. Checkbox 객체 ... 1004 3. Checkbox 선택 표시 여부 알려주기 ... 1005 4. Radio 객체 ... 1007 5. Reset 객체 ... 1008 6. Submit 객체 ... 1008 7. FileUpload 객체 ... 1009 부록 {자바스크립트 예제} 1. 부록에 실린 예제의 특징 ... 1012 2. 부록 예제 사용법 ... 1013 Chapter 01. 글월(text) 표시 프로그램 1. 타자로 한 자씩 입력하는 것 같은 타이핑 효과 ... 1014 2. 화면 왼쪽과 위쪽으로 글과 그림 이동하는 효과 ... 1016 3. 지정된 방향으로 끊임없이 움직이는 글과 그림 ... 1018 4. 본문과 배경 그림 사이로 흐르는 그림과 글 ... 1020 5. 본문 위로 폭포처럼 떨어지는 문장과 그림 ... 1023 6. 화면을 떠다니는 그림과 글 ... 1025 7. 크기가 변하면서 회전하는 글씨 ... 1028 8. 마우스 커서를 따라다니는 문장 ... 1030 9. 원하는 문장을 무지개 빛으로 표시하기 ... 1033 10. 마우스 가져가면 글월 상자에 설명 보여주기 ... 1036 11. 자동으로 입력란에 커서 이동시키기 ... 1038 12. 입력 양식에서 입력란 색 바꾸기 ... 1040 13. 자료 입력시 자동으로 다음 입력란으로 이동하기 ... 1042 14. 제목 막대에 움직이는 문장 표시하기 ... 1044 15. 제목 막대에 여러 개의 문장을 돌아가며 표시하기 ... 1046 16. 상태 표시선에 여러 개의 문장을 돌아가며 표시하기 ... 1048 17. 상태 표시선에 깜박이는 문장 표시하기 ... 1050 18. 제목 막대에 깜박이는 문장 표시하기 ... 1052 19. 상태 표시선이나 제목 막대에 타자 기법으로 여러 문장 돌아가면서 표시 ... 1054 20. 상태 표시선이나 제목 막대에 왼쪽으로 이동하는 문장 표시하기 ... 1056 21. 색깔이 한 글자씩 점차 바뀌는 문장 반복하기 ... 1058 22. 점차 나타났다 사라지며 위로 스크롤되는 문장 ... 1060 23. 일정 시간마다 위로 올라가는 문단 ... 1060 24. 춤추는 글자 ... 1061 25. 마우스 대면 표 색깔 서서히 바꾸기 ... 1061 Chapter02. 그림 파일 이용하기 1. 눈이 땅으로 떨어지는 효과 ... 1062 2. 꽃이나 낙엽이 땅으로 떨어지는 효과 ... 1065 3. 오른쪽 밑에 항상 따라다니는 그림 ... 1067 4. 문서 첫 줄로 가기 아이콘 만들기 ... 1071 5. 메뉴에서 선택한 그림 보여주기 ... 1074 6. 이전 그림, 다음 그림 보여주기, 그림에 링크된 곳 이동하기 ... 1076 7. 링크된 그림이나 문장의 점선 없애기 ... 1078 8. 링크된 그림을 계속해서 돌아가면서 보여주기 ... 1079 9. 링크된 그림을 무작위로 선택해 표시하기 ... 1081 10. 마우스 커서 따라다니는 꽃잎이나 기타 그림들 ... 1083 11. 그림이 점차 커지는 효과 ... 1086 12. 그림이 점차 커졌다 작아졌다 반복하기 ... 1088 13. 두 개의 그림이 겹치면서(오버랩) 바꾸기 ... 1091 14. 커튼 형식으로 그림을 바꾸어 표시하기 ... 1093 15. 조각난 그림이 모여서 하나로 표시되는 기법 ... 1093 Chapter 03. 창과 문서 관련 예제 1. 문서를 열 때마다 전혀 다른 문서처럼 보이게 하기 ... 1094 2. 위에서 갑자기 떨어지는 창 열기 효과 ... 1096 3. 위에서 갑자기 떨어진 후 진동하는 창 ... 1097 4. 일정 시간이 지나면 현재의 창을 닫거나 특정 작업 수행하기 ... 1099 Chapter 04. 메뉴 관련 프로그램 1. 간단한 풀다운 메뉴 ... 1102 2. 메뉴에서 선택한 항목의 설명 보여주기 ... 1104 3. 트리 구조의 메뉴 만들기 ... 1106 4. 롤오버 기법의 표 메뉴(마우스 가져가면 색깔 바뀌는 표 메뉴) ... 1109 5. 원하는 곳에 이동시킬 수 있는 메뉴 ... 1111 Chapter 05. 장식용 프로그램 1. 만년 달력 프로그램 : 이달 달력 보기 ... 1114 2. 만년 달력 프로그램 : 원하는 년도 일년 달력 보기 ... 1118 3. 상태 표시선에 날짜와 시계 표시하기 ... 1122 4. 제목 막대(title bar)에 문서 제목과 시계 표시 ... 1124 5. 쿠키를 이용하여 방문 횟수와 인사말 보여주기 ... 1126 6. 접속자의 방문 시간 보여주는 시계 ... 1129 7. 접속자의 로그인, 로그아웃 시각 표시하기 ... 1131 8. 지정된 시간 동안 카운트다운 하기 ... 1134 9. 마우스 커서 따라다니는 수직 수평선 ... 1136 10. 브라우저 창 안에서 돌아다니는 그림 ... 1137 11. 마우스 따라다니는 별똥별 ... 1140 12. 클릭하면 꽃잎이 흩날리는 효과 ... 1144 13. 별이 화면 왼쪽으로 날아가는 효과 ... 1147 14. 일정 시간마다 글씨색 바꾸기 ... 1150 15. 글씨의 명암이 변하는 효과(fade in 효과) ... 1152 16. 필터를 이용한 페이드인 효과 ... 1154 17. 마우스 가져가면 흑백 사진으로 표시하기 ... 1155 18. 흑백 사진에 마우스 가져가면 컬러 사진으로 표시하기 ... 1157 19. 텍스트 영역에 배경 그림 넣기 ... 1158 20. 버튼 배경색 글씨색 변경하기, 버튼 안에 그림 넣기 ... 1159 21. 링크 문장에 두 줄 만들기 ... 1160 Chapter 06. 홈페이지 관리용 프로그램 1. 국내 도메인 검색 프로그램 ... 1162 2. 국제 도메인 검색 프로그램 ... 1164 3. whois 서버 선택, 국제 도메인 검색 프로그램 ... 1165 4. 즐겨찾기에 추가하는 방법 ... 1168 5. 마우스의 오른쪽 단추 메뉴 사용 못하게 만들기 ... 1169 6. 그림 저장 못하게 만들기 ... 1171 7. 소스 못보게 한 문서의 소스 파일 보기 ... 1173 8. 자신의 홈페이지를 접속자의 홈페이지(시작 페이지)로 만들기 ... 1174 9. 마우스 오른쪽 단추 기능 무용지물로 만들기 ... 1175 10. 태그 연습장 만들기 ... 1176 Chapter 07. 기타 프로그램 1. 글월 상자 용역의 위아래 스크롤 기능 ... 1179 2. 특정 영역을 상하좌우로 스크롤하기 ... 1180 3. 일정 시간마다 페이드인 효과를 주면서 표시되는 글 ... 1180 4. 스크롤 해도 항상 화면 아래에 표시되는 글 ... 1181 5. 상태 표시선에 타이핑 효과를 주고 이동하는 글자 ... 1181 6. 글자가 한 자씩 왼쪽으로 이동해 붙는 효과 ... 1182 7. 일정 시간마다 스크롤되는 그림 ... 1182 8. 화면에 무작위로 나타나는 그림 ... 1183 9. 밖에서 안으로 드러나는 창 열기 ... 1183 10. 타일 조각을 제거하면서 창 열기 ... 1184 11. 띠 모양이 좌우로 교차하며 창 열기 ... 1184 12. 띠 모양이 상하로 교차하며 창 열기 ... 1185 13. 문서 열 때 페이드아웃 효과 주기 ... 1185 14. 마우스 가져가면 감춘 메뉴 꺼내기 ... 1186 15. 텍스트로만 만든 동그란 바늘 시계 ... 1186 16. 테트리스 게임 ... 1187 17. 블록 격파 게임 ... 1188 18. 비행기 슈팅 게임(Falcon) ... 1188