목차 일부

Chapter 0. 자바스크립트 이렇게 활용하세요! ... 24
   Lesson 1. 웹 디자이너가 생각하는 자바 스크립트 ... 26
   Lesson 2. 이 책에 있는 스크립트 내 것처럼 사용하기 ... 28
      1. HTML을 아는 사람은 여기 모여라!!! ... 28
      2. Namo Mania는 여기로... ... 29
     ...

더보기

목차 전체

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

더보기 닫기