Chapter 0. 자바스크립트 이렇게 활용하세요! ... 24 Lesson 1. 웹 디자이너가 생각하는 자바 스크립트 ... 26 Lesson 2. 이 책에 있는 스크립트 내 것처럼 사용하기 ... 28 1. HTML을 아는 사람은 여기 모여라!!! ... 28 2. Namo Mania는 여기로... ... 29 3. 드림위버도 똑같아요. ... 33 4. JS 파일은 뭐예요? ... 35 Chapter 1. '경고' 메시지 상자를 이용하라! ... 36 Lesson 1. 내가 모든 것을 알려주마~! 경고 메시지 박스 ... 38 Lesson 2. 메일 주소 거짓말로 입력하면 혼내주기 ... 41 Lesson 3. 미성년자 관람불가 페이지 만들기 ... 44 Lesson 4. 처음이자 마지막 경고 ... 47 Lesson 5. 경고 메시지 박스를 저절로 만들어주는 웹 페이지 ... 49 Chapter 2. 신나는 메뉴! 나는 이렇게 만들었다 ... 54 Lesson 1. 내 안에 또 다른 내가 있다(iFrame을 이용한 브라우저 안의 브라우저) ... 56 Lesson 2. 링크 걸린 곳의 설명이 타이핑 되듯 나타나는 스크립트 ... 59 Lesson 3. 웹 페이지에서도 빠르게 이동할 수 있는 단축키 만들기 ... 63 Lesson 4. 춤추는 링크(글자 애니메이션 링크) ... 66 Lesson 5. 어디로 가야 하나 망설이지 마세요(설명이 나오는 풀 다운메뉴) ... 69 Lesson 6. 웹 페이지에 메모장 같은 메뉴 바 만들기 ... 72 Lesson 7. 이미지를 이용하여 펼침 메뉴를 더욱 예쁘게 꾸미기 ... 77 Lesson 8. 어디든 따라가는 메뉴 상자 ... 80 Lesson 9. 정말 신기한 이미지 네비게이션 ... 85 Lesson 10. 메뉴를 마우스로 끌고 다닐 수 있다굽쇼? ... 88 Lesson 11. 만날수 없는 견우와 직녀 메뉴(교차되는 메뉴) ... 91 Lesson 12. 하늘에서 내려주는 메뉴(위에서 떨어지며 나타나는 메뉴) ... 95 Lesson 13. 나타나라 딸깍! 사라져라 딸깍!(키보드로 조절하는 슬라이드 메뉴) ... 99 Chapter 3. 유용한 윈도우 만들기!! ... 106 Lesson 1. 세상의 모든 창을 열 수 있는 만능 열쇠 ... 108 Lesson 2. 새 창이 커졌어요(다이나믹한 새 창 열기) ... 111 Lesson 3. 쑥쑥 커가는 윈도우(새 창이 길어지고 넓어져요) ... 114 Lesson 4. 열 땐 너 맘대로 닫을 땐 내 맘대로(새 창을 클릭하면 닫히게 하기) ... 116 Lesson 5. 원격 조정 메뉴 바 ... 119 Lesson 6. 버튼을 클릭하여 창 움직이기 ... 122 Lesson 7. 포스트 잇 처럼 붙어있는 공지 창 ... 125 Lesson 8. 자동으로 위로 올라가는 웹 페이지 ... 128 Lesson 9. 슬라이드되며 웹 페이지 전환되기 ... 132 Lesson 10. 쑥 쑥 자라나는 공지사항 ... 134 Lesson 11. 브라우저 안에 윈도우 창 만들기 ... 137 Chapter 4. 나만의 화려한 화면 구성하기 ... 144 Lesson 1. 금테 두른 브라우저 ... 146 Lesson 2. 배경 이미지 단단하게 고정 시키기 ... 148 Lesson 3. 원하는 배경 이미지로 선택하기 ... 150 Lesson 4. 브라우저 하나로 OK(iFrame안에 선택한 문서 보여주기) ... 152 Lesson 5. 화면에 뽀글 뽀글 올라오는 물방울 ... 154 Lesson 6. 커튼이 쳐지듯 교차되며 나타나는 웹 페이지 ... 157 Lesson 7. 화면이 위 아래로 갈라지며 나타나는 웹 페이지 ... 160 Lesson 8. 전체 배경이 한 곳으로 모아지며 웹 페이지 보여주기 ... 163 Lesson 9. 페이지의 내용을 확대해서 보여주는 돋보기 효과 ... 166 Chapter 5. 다이나믹한 이미지를 표현하자 ... 170 Lesson 1. Roll Over Image ... 172 Lesson 2. 마우스를 올려 놓으면 진해져요(필터를 사용한 이미지 링크) ... 174 Lesson 3. 마우스를 올려놓으면 다른 곳의 이미지가 변하는 링크 ... 176 Lesson 4. 접속할 때 마다 랜덤한 이미지 보여주기 ... 179 Lesson 5. 시간에 따라 변하는 이미지 ... 181 Lesson 6. 이미지에 대한 설명이 서서히 나타났다가 사라지게 하기 ... 187 Lesson 7. 커져라~ 얍~! 이미지 크기 변환 ... 189 Lesson 8. 이미지의 분위기 바꿔보기 ... 192 Lesson 9. 뒤집어져라! 이미지! ... 195 Lesson 10. 마우스로 끌고 다닐 수 있는 이미지 만들기 ... 199 Lesson 11. 마우스로 숨어 있는 이미지 찾기 ... 203 Chapter 6. '톡톡' 튀는 링크와 버튼 만들기 ... 206 Lesson 1. 홈 버튼, 뒤로 가기 버튼 ... 208 Lesson 2. 시간이 지나면 링크가 변하는 메뉴 ... 210 Lesson 3. 깜빡 깜빡 링크 ... 213 Lesson 4. Roll Over Button ... 216 Lesson 5. 잡아라~! 도망 다니는 버튼 만들기 ... 219 Lesson 6. 링크 설명이 옆으로 움직이네? ... 222 Lesson 7. 고정되어 있는 곳에 각 링크 설명하기 ... 225 Lesson 8. 나타났다가 사라지는 링크 설명 ... 228 Lesson 9. 링크의 설명 종합 세트 ... 233 Lesson 10. 이미지는 내가 움직인다(버튼을 눌러 이미지 이동하기) ... 239 Lesson 11. 플래시 애니메이션을 능가하는 거미줄 링크 ... 242 Lesson 12. 나의 웹페이지를 즐겨찾기에 추가해주는 버튼 ... 247 Lesson 13. 내가 만든 웹 페이지를 사용자의 시작 페이지로 만들어주는 링크 ... 249 Chapter 7. 최상의 프레임 기법 공개! ... 252 Lesson 1. 동시에 두 개 프레임 이동시키기 ... 254 Lesson 2. 조건에 따라 다양한 프레임 이동 방법 ... 257 Lesson 3. 마음에 드는 프레임 구성 선택하기 ... 259 Lesson 4. 버튼을 이용한 프레임 이동 ... 261 Lesson 5. 프레임을 이용한 페이지 슬라이드 ... 263 Chapter 8. '내 멋대로' 폼(Form)생(生)! 폼(Form)사(死)! ... 268 Lesson 1. 거짓말도 다 알아요 메일 주소 똑바로 쓰세요 ... 270 Lesson 2. 게시판 폼을 만들어봅시다 ... 272 Lesson 3. 타이핑 메시지(텍스트 필드 안에서 타이핑 되듯 문자열 나타내기) ... 276 Lesson 4. 이 버튼은 한번만 누르세요 두 번 누르면 큰일납니다 ... 278 Lesson 5. 니가 주인공이야~! 지금 입력할 창 스포트라이트 주기 ... 280 Lesson 6. 폼안의 내용이 깜빡이는 효과 ... 282 Lesson 7. 주민등록번호에서 정보 추출하기 ... 285 Lesson 8. 한번에 끝낸다 폼 안의 내용 전부 선택하기 버튼 ... 289 Lesson 9. 지역만 입력해주세요 동을 찾아드려요(주소 입력 창) ... 292 Lesson 10. 웹페이지 정보를 담자(검색 사이트 등록을 위한 준비) ... 298 Lesson 11. 깜짝 이벤트!! 무료로 펼침 목록을 만들어드립니다 ... 301 Lesson 12. 메일을 보낼 수 있는 폼 만들기 ... 306 Chapter 9. 눈에 쏙쏙 들어오는 상태바 활용하기 ... 310 Lesson 1. 안 보여줘~! 상태바에서 링크 정보 숨기기 ... 312 Lesson 2. 상태바에 마우스 좌표 보이기 ... 314 Lesson 3. 모여라~! 글자(상태바에 흩어졌던 글씨가 모여든다) ... 316 Lesson 4. 톡톡톡 상태바에 타이핑 되는 기법(상태바에 타이핑 되듯 메시지 보여주기) ... 318 Lesson 5. 타이핑 효과로 나타내고 다시 사라지게 하기 ... 320 Lesson 6. 007지령을 내리는 상태바(암호 해독하는 모습으로 문자열을 보여주는 상태바) ... 322 Lesson 7. 스크롤 되는 상태바 효과 ... 324 Lesson 8. 타이틀 바에 타이핑 되는 효과 ... 326 Lesson 9. 타이틀 바로 외출한 설명들(링크 설명을 타이틀 바에 보여주기) ... 328 Chapter 10. 나만의 쿠키(Cookie) 기법 ... 330 Lesson 1. 나는 네가 지난번 이 사이트를 방문했다는 것을 알고 있다 ... 332 Lesson 2. 방문 횟수, 방문 시간 알려주기 ... 335 Lesson 3. 내 정보는 내가 보호하자 ... 339 Lesson 4. 처음이니? 그럼 내 홈페이지 북마크에 넣어줄래? ... 341 Lesson 5. 하루동안 공지 창 띄우지 않기 ... 343 Lesson 6. 저번에 고르셨던 색. 좋아하는 색 맞으시죠?(기존 방문했을 때 골랐던 배경색 보여주기) ... 346 Lesson 7. 쿠키를 이용한 메모장 ... 348 Chapter 11. 언제 어디서나, 나만의 시간(Time) 관리 ... 352 Lesson 1. 고장난 시계 없는 시계방 ... 354 Lesson 2. 시간이 흐르면... 운치있는 그림자 시계 ... 356 Lesson 3. 이미지로 만든 디지털 시계 ... 358 Lesson 4. 텍스트로 만든 아날로그 시계 ... 361 Lesson 5. 마우스 트레일러가 된 아날로그 시계 ... 366 Lesson 6. 이미지를 이용하여 만든 예쁜 시계 ... 370 Lesson 7. 시간대 별로 인사하기 ... 375 Lesson 8. 너와 내가 만난날을 알려줄께(정해진 날짜까지의 남은 시간 알아보기) ... 377 Lesson 9. 내가 살아온 날들은 얼마나 될까? ... 379 Lesson 10. 달력 만들기 ... 384 Chapter 12. 이것만은!! 내 페이지는 보안 페이지 ... 390 Lesson 1. 마우스 오른쪽 버튼 사용 금지 ... 392 Lesson 2. 이 문자가 무슨 뜻인지 맞춰봐(문자열 암호화 방법) ... 394 Lesson 3. 문자열을 아스키 코드로 만들기 ... 396 Lesson 4. 로그인 페이지 만들기 ... 398 Lesson 5. 비밀번호를 만들어드립니다 ... 401 Lesson 6. 암호를 대라! ... 404 Chapter 13. 썰렁한 홈은 가라! 뮤직 큐!! ... 406 Lesson 1. 음악 시작, 멈춤 버튼 ... 408 Lesson 2. 버튼 하나로 사운드 제어하기 ... 410 Chapter 14. '대박예감' 유용한 스크립트 총집합 ... 412 Lesson 1. 프린트 버튼 ... 414 Lesson 2. 조금씩 조금씩 변하는 배경색 ... 416 Lesson 3. 버튼으로 배경색 바꾸기 ... 418 Lesson 4. 클릭하면 사라지는 공지 ... 420 Lesson 5. 테이블 자체가 롤오버 버튼! ... 422 Lesson 6. 별 모양을 따라가는 멋진 텍스트 애니메이션 ... 424 Lesson 7. 길어져요~! 늘어나는 글자 애니메이션 ... 427 Lesson 8. 스크롤 바를 클릭하지 않아도 되는 안내문 ... 431 Lesson 9. 여러개의 이미지 스크롤하기 ... 435 Lesson 10. 브라우저 정보 알아내기 ... 437 Lesson 11. 스크롤 바를 계속 따라 다니는 이미지(애드콘 광고 기법) ... 439 Lesson 12. 마우스 트레일러 ... 442 Lesson 13. 십자 마우스 트레일러 ... 445 Lesson 14. 마우스 위치에 따라 속도가 변하는 스크롤 ... 447 Lesson 15. 놀라지 마세요~! 점점 커지는 글자 ... 450 Lesson 16. 펄펄~! 눈이 옵니다 ... 453 Lesson 17. 색상 팔레트에서 원하는 색 선택하기 ... 456 Lesson 18. 한번 클릭으로 배경색을 내 맘대로 ... 460 Lesson 19. 떠 다니는 배너 ... 463 Lesson 20. 쑥쑥 자라나는 나무(점점 커지는 이미지) ... 466 Lesson 21. 일정 시간 후 사라지는 DHTML 상자 ... 468 Lesson 22. 나 잡아봐라~! 날라오는 공지사항 클릭해서 멈추기 ... 471