PART１　HTML & CSS

1. HTML 기초
- HTML이란?
- HTML 문서의 기본 구조

2. 축제 일정 페이지 만들기
- 문서의 구조를 설명하는 시맨틱 태그
- 다양하게 글자 표시하기
- 목록을 만드는 태그들

3. 힐링을 위한 음악 감상 페이지 만들기
- 이미지 삽입하기
- 〈object〉 태그와 〈embed〉 태그 사용하기
- HTML5와 비디오

4. 세미나 접수를 위한 폼 만들기
- 폼(form)이란?
- 폼을 삽입하기 위한 기본 태그들
- 〈input〉 태그의 유형들
- HTML5에 새로 추가된 〈input〉 태그 유형들
- 기타 폼 요소들
- HTML5에 새로 추가된 〈input〉 태그의 속성들

5. CSS로 신입생 환영회 포스터 만들기
- 스타일시트란?
- 색상과 배경 관련 속성
- 텍스트 관련 속성들
- 링크 관련 속성

6. CSS로 동아리 홍보 리플렛 만들기
- 박스 모델
- CSS3에 추가된 박스 모델 속성
- 변형(transform)과 트랜지션

PART２ JavaScript

7. JavaScript 기초
- 자바스크립트란?
- 데이터 유형
- 연산자

8. 실습실 좌석 배치도 만들기
- 대화 상자
- 조건문
- 반복문
- 함수

9. 나타났다 사라지는 서브 메뉴 만들기
- HTML DOM
- DOM 요소에 접근하는 방법
- HTML DOM 노드 리스트
- DOM에서 새로운 요소 추가하기

PART３ jQuery

10. jQuery 기초
- jQuery란?
- jQuery 기본 구문
- jQuery 기본 셀렉터 알아보기
- 기타 셀렉터

11. jQuery로 웹 문서 수정하기
- HTML 콘텐츠 수정 및 추가하기
- attr() 메서드로 문서 속성 편집하기
- Class 속성 편집하기
- css() 메서드로 문서 스타일 제어하기
- HTML DOM을 이용해 웹 요소 편집하기

12. 다양한 효과를 이용해 포토 앨범 만들기
- 선택한 요소를 보여주거나 감추기
- 슬라이드 효과
- 애니메이션

PART４ 실전 프로젝트

13. 실전 웹 사이트 만들기
- CSS를 이용한 메뉴 만들기
- jQuery 플러그인을 이용한 이미지 슬라이드 쇼 만들기