HTML + 자바스크립트

Part 01 자바스크립트 기초

Section 01. 자바스크립트의 기본은 바로 이것
JavaScript 1. 자바스크립트란?
JavaScript 2. 자바스크립트의 특징
JavaScript 3. 기본 문법
실전문제

Section 02. 변수와 연산자
JavaScript 1. 변수 선언 및 규칙
JavaScript 2. 지역변수와 전역변수
JavaScript 3. 데이터 타입
JavaScript 4. 연산자
실전문제

Section 03. 선택 영역과 레이어의 이미지 옮기기
JavaScript 1. if문 이해하기
JavaScript 2. switch문 이해하기
JavaScript 3. for문 이해하기
JavaScript 4. while문 이해하기
JavaScript 5. do while문 이해하기
실전문제

Section 04. 자바스크립트 함수
JavaScript 1. 함수의 기본 형식
JavaScript 2. 안내문이나 경고 등의 간단한 메시지를 호출하게 해주는 alert( ) 함수
JabaScript 3 확인과 취소를 할 수 있는 confirm( ) 함수
JavaScript 4. 입력 대화상자를 만들어주는 prompt( ) 함수
JabaScript 5. 문자열을 자바스크립트 구문으로 바꿔주는 eval( ) 함수
JavaScript 6. 문자열을 실수로 바꿔주는 parseFloat( ) 함수
JavaScript 7. 문자열을 정수로 바꿔주는 parseInt( ) 함수
JavaScript 8. 문자셋과 아스키(ASCII) 값을 반환해주는 escape( ), unescape( ) 함수
JavaScript 9. 숫자인지 여부를 알려주는 isNaN( ) 함수
실전문제

Section 05. 자바스크립트 내장 객체
JavaScript 1. 배열을 만들어주는 Array 객체
JavaScript 2. 문자열을 처리하는 String 객체
JavaScript 3. 날짜와 시간을 다루는 Date 객체
JavaScript 4. 계산을 위한 Math 객체
JavaScript 5. 함수를 만들어주는 Function 객체
JavaScript 6. 화면 해상도 및 색상과 관련한 Screen 객체
JavaScript 7. 문자열을 숫자로 바꿔주는 Number 객체
JavaScript 8. true, false 값을 반환하는 Boolean 객체
JavaScript 9. 발생하는 이벤트와 관련한 Event 객체
실전문제

Section 06. 자바스크립트 브라우저 내장 객체
JavaScript 1. 윈도우 창의 속성을 제어하는 Window 객체
JavaScript 2. 문서의 이동 경로 목록을 제어하는 History 객체
JavaScript 3. 홈페이지의 주소 정보를 관리하는 Location 객체
JavaScript 4. 웹브라우저 종류를 제어하는 Navigator 객체
JavaScript 5. 문서의 정보를 제어하는 Document 객체
JavaScript 6. 문서에 삽입된 책갈피의 개수와 정보를 제어하는 Anchor 객체
JavaScript 7. 문서에 삽입된 링크 정보를 제어하는 Link 객체
JavaScript 8. 문서에 삽입된 이미지 정보를 제어하는 Image 객체
실전문제

Section 07. 자바스크립트 입력양식
JabaScript 1. 폼에 관련한 정보를 제공하는 Form 객체
JavaScript 2. 텍스트 입력 양식을 위한 Text 객체
JavaScript 3. 비밀번호 입력 양식을 위한 Password 객체
JavaScript 4. 숨겨진 입력 양식을 위한 Hidden 객체
JavaScript 5. 초기화 버튼과 관련한 Reset 객체
JavaScript 6. 전송 버튼과 관련한 Submit 객체
JavaScript 7. 체크 상자 입력을 위한 Checkbox 객체
JavaScript 8. 라디오 버튼과 관련한 Radio 객체
JavaScript 9. 텍스트 영역에 관련한 Textarea 객체
JavaScript 10. 리스트 상자와 관련한 Select 객체
JavaScript 11. 파일 업로드 입력 양식을 위한 FileUpload 객체
실전문제

Part 02 자바스크립트 응용

Section 08. 텍스트와 상태 표시줄에 효과주기
JavaScript 1. 타이핑 효과를 내는 스크립트
JavaScript 2. 네온사인 효과내기
JavaScript 3. 텍스트에 파도 같은 웨이브 효과주기
JavaScript 4. 텍스트에 흩뿌림 효과주기
JavaScript 5. 흐르는 문자열
JavaScript 6. 스크롤 효과를 내는 글자
JavaScript 7. 특수 문자로 변환시켜주는 스크립트
JavaScript 9. 문자열의 길이를 구하는 스크립트
JavaScript 10. 간단한 뉴스틱커
JavaScript 11. 상태 표시줄에 흘러가는 문자열
JavaScript 12. 커지면서 나타나는 문자열
JavaScript 13. 나타났다가 사라지는 문자열
JavaScript 14. 전광판 효과내기
실전문제

Section 09. 도움말/설명글 달기 JavaScript 1. 텍스트에 풍선 도움말 달기
JavaScript 2. 링크에 간단한 설명글 달기
JavaScript 3. 텍스트에 풍선 도움말 달기
JavaScript 4. 링크에 설명을 보여주는 팝업창
실전문제

Section 10. 마우스 이용한 효과주기
JavaScript 1. 마우스를 따라 다니는 문자열
JavaScript 2. 마우스 주변을 따라 다니는 이미지
JavaScript 3. 마우스를 따라 다니는 별 이미지
JavaScript 4. 마우스의 흔적 남기기
JavaScript 5. 마우스의 위치를 상태 표시줄에 나타내기
실전문제

Section 11. 날짜/시간 표현하기
JavaScript 1. 현재 시간보기
JavaScript 2. 스크립트로 구현한 간단한 시계
JavaScript 3. 현재까지 살아온 시간을 계산하기
JavaScript 4. 달력 스크립트
JavaScript 5. 이쁜 손목시계
JavaScript 6. 정해진 날까지 카운트다운
실전문제

Section 12. 이미지 효과주기
JavaScript 1. 마우스로 이미지 바꾸기
JavaScript 2. 링크에 마우스를 올려놓으면 변하는 이미지
JavaScript 3. 이미지를 끌고 다니기
JavaScript 4. 이미지 전환시 페이드인/아웃 효과주기
JavaScript 5. 간단한 포토 앨범
JavaScript 6. 떠있는 이미지
JavaScript 7. 서서히 나타나는 이미지
실전문제

Section 13. 폼 작업하기
JavaScript 1. 현재 화면을 인쇄하게 하는 스크립트
JavaScript 2. 숫자만 입력되게 하는 스크립트
JavaScript 3. 주민등록번호 입력시 자동으로 생일 입력하기
JavaScript 4. 라디오 버튼 선택 확인 스크립트
JavaScript 5. 입력한 IP가 정확한지 확인하는스크립트
JavaScript 6. 리스트박스에 있는 메뉴 옮기기
JavaScript 7. 시험문제 풀기 스크립트
실전문제

Section 14. 배경 화면에 멋내기
JavaScript 1. 반짝이는 배경 화면
JavaScript 2. 변하는 배경 화면
JavaScript 3. 배경이 점점 줄어드는 스크립트
JavaScript 4. 배경색을 조절해보는 스크립트
JavaScript 5. 바탕 화면에 눈 내리는 효과
JavaScript 6. 페이지 전환시 흩어뿌리는 효과
실전문제

Section 15. 윈도우 창에 멋내기
JavaScript 1. 새로운 창 띄우기
JavaScript 2. 윈도우 창 흔들기
JavaScript 3. 점점 커지는 윈도우 창
JavaScript 4. 브라우저의 종류와 버전 체크하기
JavaScript 5. 화면 해상도에 따라 다른 페이지 열기
실전문제

Section 16. 다양한 메뉴 만들기
JavaScript 1. 트리 구조의 메뉴
JavaScript 2. 하단에 메뉴의 내용을 설명하기
JavaScript 3. 마우스를 대면 나타나는 드롭다운 메뉴
JavaScript 4. 마우스를 대면 나타나는 메뉴
JavaScript 5. 콤보 박스를 이용한 메뉴
JavaScript 6. 마우스 오른쪽 버튼을 클릭하면 나타나는 메뉴
실전문제

Section 17. 멀티미디어 효과
JavaScript 1. 배경 음악 랜덤하게 나오기
JavaScript 2. 마우스를 대면 음악 나오기
JavaScript 3. 배경 음악 on,off 버튼
JavaScript 4. 간단한 동영상 보기
실전문제

Section 18. 쿠키 보안 암호화
JavaScript 1. 방문 횟수 알아내기
JavaScript 2. 마우스 오른쪽 버튼 사용금지
JavaScript 3. 사용자가 선택한 배경색과 전경색 기억하기
JavaScript 4. 문자열을 숫자로 암호화하기
실전문제

Section 19. 기타 유용한 스크립트
JavaScript 1. 시간을 재는 타이머
JavaScript 2. 데이터 정렬하기
JavaScript 3. 즐겨찾기에 추가하기
JavaScript 4. C드라이브의 내용보기
JavaScript 5. ftp 사이트로 이동하기
JavaScript 6. 현재 페이지에서 다른 웹페이지 보기
JavaScript 7. 돋보기로 그림 확대해서 보기
JavaScript 8. 간단한 계산기
JavaScript 9. 난수 발생하기
JavaScript 10. 쿠키를 이용한 간단한 메모장
실전문제

Section 20. 활용 팁
JavaScript 1. 숫자 세 자리마다 콤마 찍기
JavaScript 2. submit 버튼을 비활성화 시키기
JavaScript 3. 남은 글자수 보여주기
JavaScript 4. 테이블 내에 링크걸기
JavaScript 5. 테트리스 게임
JavaScript 6. 같은 그림찾기 게임
실전문제

Part 03 html 기초

Section 21. html
html 1. 문서에 제목 나타내기
html 2. 문장을 화면에 나타내기
html 3. 줄 바꾸기
html 4. 글자 크기 바꾸기
html 5. 글자 모양 바꾸기
html 6. 목차 만들기
html 7. 선 그리기
html 8. 같은 사이트 내 다른 문서로 연결하기
html 9. 다른 페이지로 연결하기
html 10. 한 문서 내의 특정 단어로 이동하기 (책갈피 기능)
html 11. 움직이는 글자 만들기 - MARQUEE 태그
html 12. 이미지 삽입하기
html 13. 이미지 크기 조절하기
html 14. 이미지와 텍스트 정렬하기
html 15. 이미지를 통해 다른 문서 연결하기
html 16. 이미지의 테두리 설정하기
html 17. 음악 파일 연결하기
html 18. 페이지 배경 색상 바꾸기
html 19. 이미지를 배경 화면으로 설정하기
html 20. 표 만들기
html 21. 프레임 나누기

부록/ 속성과 매소드/ 스타일 시트(CSS)