lnb영역
- 전체과정
- 오픈소스SW
- 운영체제
- 프로그래밍/언어
- 데이터베이스
- 네트워크
- 클라우드컴퓨팅
- 웹
- 모바일
- 임베디드
- 보안
- SW공학/IT
- 그래픽/멀티미디어
- 전자정부프레임워크
- 세미나/컨퍼런스
- 모델커리큘럼
컨텐츠 내용
- 오프라인교육
- 과정정보
과정정보
[2012년 수요자요청과정 수강생 모집] 모바일 웹환경에 필요한 HTML5 & CSS3
과정소개
교육내용
성명 : 강요천
주요이력 : 개발자
(저서)열혈강의 객체중심 Java
상상력과 HTML5 CSS3 JavaScript로 빚는 모바일 웹
[교육내용]
모바일 환경에서의 컨텐츠의 변화
1. 웹의 과거와 현재, Ajax이후의 웹 환경의 변화에 대한 논의
2. Ajax방식과 REST방식등의 변화를 통해서 서버사이드의 역할 변화와 앞으로의 변화 방향에 조사
3. 모바일 환경의 출현과 HTML5가 가져오는 변화에 대한 주요 항목들에 대한 조사
4. HTML5의 주요 특징들에 대한 소개와 플랫폼으로의 브라우저의 가능성에 대한 조사
- Web Storage를 이용하는 데이터 처리
- Canvas를 이용하는 그림, SVG를 이용하는 벡터이미지 생성
- WebGL과 CSS3를 이용하는 애니메이션
- WebSocket과 실시간 데이터의 처리 방식
- Notification을 이용하는 알림 처리
5. HTML5와 CSS3의 관계에 대한 인식
반응형 웹의 고려 사항 및 구현 방식
1. 다양해진 브라우저 상황에서의 화면 처리 문제
2. 모바일, 태블릿, 데스크탑 환경에서의 웹의 특징들
3. 반응형 웹을 위한 고려할 점들
- 뷰포트의 크기에 대한 고려
- DPI와 뷰포트
- 화면의 복잡성과 리소스 소모
- 브라우저 스니핑vs반응형 웹
4. 태블릿과데스크탑 환경에서의 고려사항들
- 데스크탑의 경쟁상대는 모바일이 아니라 태블릿 환경
- 사용자의 조작과 마우스 터치의 문제점
- 태블릿 환경의 레이아웃과 데스크탑의 레이아웃
CSS3의 트랜지션 효과를 이용하는 화면의 전환
1. 웹이 앱처럼 동작하도록 보이려는 노력들
2. CSS의 애니매이션 VS 자바스크립트 애니매이션
3. WebGL기술 VS CSS3
- WebGL의 가능성과 CSS3의 한계
- Three.js를 이용하는 3D
4. CSS3 2D처리
5. CSS3 3D 처리와 키프레임 처리
- Perspective 지정을 통한 3D 처리
- 애니메이션 처리와 키프레임
6. 화면 전환시의 애니메이션
- CSS3를 이용하는 슬라이드 쇼 만들기
7. 화면 전환과 History API 처리
- 이벤트 처리와 History 제어
클릭이벤트 방식과 swipe방식에 따른 이벤트 처리
1. 데스크탑용 웹의 처리가 가지는 한계
2. 사용자 정의 이벤트 제작 및 처리
- Long 클릭
- 터치 이벤트 처리
3. Swipe 방식의 이벤트 처리
- jQuery와 커스텀 이벤트
- Swipe방식의 화면 전환 처리
CSS3 애니메이션을 이용하는 위젯 제작 방식
1. 웹진 방식의 화면처리
- 웹진방식의 화면 제작 도구들
2. 성공적인 웹진 형태와 위젯 형태의 서비스들
3. 템플릿 기반의 처리와 위젯의 제작
