1. 움직이는 웹의 미래
HTML 5
발표일 2012.04.12
발표자 박찬슬
이메일 alabester@naver.com

2. 순서
1. HTML5(HTML5, CSS3, JavaScript)에 대한 개요
2. HTML5 이전의 웹, 이후의 웹
3. HTML5 사용의 예
4. HTML5를 위시한 웹언어의 발달을 통한 웹의 방향성 제시
1

3. 1. HTML(HTML5, CSS3, JavaScript)에 대한 개요
HTML?
CSS?
JavaScript?
2

4. 1. 1) CSS? JavaScript?
HTML
내부 디자인 : CSS
동적 요소를 추가
JavaScript
3

5. 1. 2) HTML5?
4

6. 2. HTML5 이전의 웹, 이후의 웹 – Canvas Element
HTML5 이전
<img src>
Circle.Jpg
HTML5 이후
<canvas>
원에 해당하는 변수 지정
태그 사용
5

7. 2. HTML5 이전의 웹, 이후의 웹 – Canvas Element
일본 구글 + OK-GO의 HTML5로 만들어진 뮤직비디오
6

8. 2. HTML5 이전의 웹, 이후의 웹 – Video, Audio
HTML 5 이전
HTML 5
<video>
<audio>
7

9. 3. HTML5의 사용 예 – Zynga
8

10. 3. HTML5의 사용 예 – HTML5Games
9

11. 3. HTML의 사용 예 – Google Docs
10

12. 3. HTML의 사용 예 - Gmail
11

13. 3. HTML5의 사용 예 – iBooks / iBooks Author
12

14. 4. HTML5를 위시한 웹언어의 발달을 통한 웹의 방향성 제시
13

15. 4. HTML5를 위시한 웹언어의 발달을 통한 웹의 방향성 제시
CSS 1 HTML 1.0
…
…
CSS 2 HTML 4.01
XHTML 1.0
CSS 3 HTML5
14

16. 4. HTML5를 위시한 웹언어의 발달을 통한 웹의 방향성 제시
CSS 3 HTML5 JavaScript
HTML6?
15

17. 감사합니다.
16