목차 일부
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
더보기 닫기