DOM 스크립트-소스 코드 예제

에이콘풀판사 DOM 스크립트 요약본
http://channy.creation.net/project/domscripting/

간단히 살펴보는 자바스크립트 역사
자바 스크립트 문법 익히기
문서 객체 모델(DOM)이란?
- Test: alert title 속성
자바스크립트로 만드는 온라인 사진첩
- Image Gallery 1: 자바 스크립트 없는 페이지
- Image Gallery 2: 사진 넣기
- Image Gallery 3: 사진 및 텍스트 넣기
- Image Gallery 4: 스타일
꼭 알아야 할 핵심 기본기
- Example: 스크립트 분리로 팝업 창 만들기
사진첩 기능 개선하기
실행시에 마크업 코드 생성하기
- Test: document.write inline
- Test: document.write external
- Test: alert innerHTML
- Test: innerHTML 업데이트
- Test: alert node info
- Test: createElement
- Test: createTextNode
- Test: appendChild
- Test: documentFragments
- Test: documentFragments
의미가 살도록 컨텐츠 개선하기
CSS와 DOM 연동하기
- Example: 변경 CSS alert 보기
- Itinerary: 테이블 띠무늬 만들기
- Story: 첫 단락 스타일 입히기
애니메이션 슬라이드쇼 만들기
- Test: 포지션 및 이동
- Message: 두개 요소 옮기기
- Slideshow: 간단한 이동
- Slideshow: 부드러운 이동
총정리편 (더블트랙 웹사이트)
DOM 스크립트의 미래

DOM 스크립트 소스-소스 코드 예제