실전프로젝트 반응형 웹퍼블리싱

- 시작하기 전에
1. 쏟아지는 디바이스 시대, 이제는 반응형 웹이다!
2. 프로젝트 진행에 필요한 설치 프로그램들
- 아이콕스 반응형 웹 페이지 미리보기
- 실습용 예제 소스 다운로드 안내

I. 반응형 웹 사이트 마크업 (XHTML 구조)
1. 반응형 웹 제작을 위한 XHTML
1) HTML 기본 문법(Basic HTML Grammar)
2) 기본 문서 구조(Document Structure)
3) DTD 선언(Document Type Definition)
4) 블록 요소(Block Element)
5) 인라인 요소(Inline Element)
6) 제목(Title)
7) 단락(Paragraph)
8) 주소(Address)
9) 구분선(Horizontal line)
10) 인용문(Quotation)
11) 텍스트(Text)
12) 이미지(Image)
13) 링크(Link)
14) 리스트(List)
15) 테이블(Table)
16) 폼(Form)
17) 그룹핑(Grouping)
2. 반응형 웹 제작을 위한 HTML5
1) 새로운 구조(New Structure)
2) 새로운 태그(New Tag)
3) 폼 요소(Form Factor)

II. 반응형 웹 사이트 디자인(CSS 표현)
1. 반응형 웹 제작을 위한 CSS
1) CSS 기본 문법(Basic CSS Grammar)
2) 선택자(Selector)
3) 서체(Font)
4) 문단(Paragraph)
5) 배경(Background)
6) 상자(Box)
7) 레이아웃(Layout)
8) 조건 주석문(Conditional Comment)
2. 반응형 웹 제작을 위한 CSS3
1) 경계선(Border)
2) 배경(Background)
3) 문자 효과(Text Effect)
4) 2차원 변형(2D Transform)
5) 속성 전환(Transition)
6) 애니메이션(Animation)
7) 다단 편집(Multiple Column)
8) 사용자 환경(User Interface)

III. 반응형 웹 사이트 액션 제어(Javascript 동작)
1. 반응형 웹 제작을 위한 Javascript
1) 선언문(Declaration)
2) 변수 및 데이터 형(Variables & Data Type)
3) 연산자(Operator)
4) 제어문(Control Statement)
5) 객체(Object)
6) 함수(Function)
7) 이벤트(Event)
8) 브라우저 객체(Browser Object Model)
9) 문서 객체(Document Object Model)
2. 반응형 웹 제작을 위한 jQeury(mobile)
1) 제이쿼리 라이브러리(jQuery Library)
2) 선택자 및 속성(Selector & Attribute)
3) 문서 객체 조작(DOM Control)
4) 이벤트(Event)
5) 효과(Effect)
6) 애니메이션(Animation)
7) 플러그인 활용(Plug-in)
8) 제이쿼리 모바일(jQuery Mobile)

IV. 실전 Project! - iCox 반응형 페이지 제작
1. 실전! 아이콕스 사이트 HTML5 마크업
1) 기본 문서 구조 마크업
2) 헤더 영역 마크업
3) 신간추천 영역 마크업
4) 메인 컨텐츠 영역 마크업
5) 푸터 영역 마크업
6) 유효성 검사
2. 실전! 아이콕스 사이트 CSS3 디자인
1) 전체 레이아웃 디자인
2) PC 버전 디자인
3) Tablet 버전 디자인
4) Mobile 버전 디자인
5) IE9 이하 환경을 위한 디자인
3. 실전! 아이콕스 사이트 Javascript 제어
1) Header 영역 - PC/Tablet/Mobile GNB
2) Section 영역 - Click & Touch 슬라이드 배너
3) Content 영역 - 탭 메뉴(Tab Menu)

<부록>
Javascript 객체표