움직이는 웹의 미래       HTML 5발표일 2012.04.12발표자 박찬슬이메일 alabester@naver.com
순서1. HTML5(HTML5, CSS3, JavaScript)에 대한 개요2. HTML5 이전의 웹, 이후의 웹3. HTML5 사용의 예4. HTML5를 위시한 웹언어의 발달을 통한 웹의 방향성 제시          ...
1. HTML(HTML5, CSS3, JavaScript)에 대한 개요                   HTML?                   CSS?                 JavaScript?        ...
1. 1) CSS? JavaScript?                         HTML      내부 디자인 : CSS                     동적 요소를 추가                      J...
1. 2) HTML5?               4
2. HTML5 이전의 웹, 이후의 웹 – Canvas Element                   HTML5 이전                                   <img src>             ...
2. HTML5 이전의 웹, 이후의 웹 – Canvas Element        일본 구글 + OK-GO의 HTML5로 만들어진 뮤직비디오                                           6
2. HTML5 이전의 웹, 이후의 웹 – Video, Audio                HTML 5 이전                  HTML 5                            <video>  ...
3. HTML5의 사용 예 – Zynga                         8
3. HTML5의 사용 예 – HTML5Games                              9
3. HTML의 사용 예 – Google Docs                              10
3. HTML의 사용 예 - Gmail                        11
3. HTML5의 사용 예 – iBooks / iBooks Author                                          12
4. HTML5를 위시한 웹언어의 발달을 통한 웹의 방향성 제시                                      13
4. HTML5를 위시한 웹언어의 발달을 통한 웹의 방향성 제시       CSS 1    HTML 1.0                  …                  …       CSS 2    HTML 4.01...
4. HTML5를 위시한 웹언어의 발달을 통한 웹의 방향성 제시      CSS 3     HTML5    JavaScript               HTML6?                               ...
감사합니다.         16
Upcoming SlideShare
Loading in …5
×

Html5

713 views

Published on

Published in: Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
713
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html5

  1. 1. 움직이는 웹의 미래 HTML 5발표일 2012.04.12발표자 박찬슬이메일 alabester@naver.com
  2. 2. 순서1. HTML5(HTML5, CSS3, JavaScript)에 대한 개요2. HTML5 이전의 웹, 이후의 웹3. HTML5 사용의 예4. HTML5를 위시한 웹언어의 발달을 통한 웹의 방향성 제시 1
  3. 3. 1. HTML(HTML5, CSS3, JavaScript)에 대한 개요 HTML? CSS? JavaScript? 2
  4. 4. 1. 1) CSS? JavaScript? HTML 내부 디자인 : CSS 동적 요소를 추가 JavaScript 3
  5. 5. 1. 2) HTML5? 4
  6. 6. 2. HTML5 이전의 웹, 이후의 웹 – Canvas Element HTML5 이전 <img src> Circle.Jpg HTML5 이후 <canvas> 원에 해당하는 변수 지정 태그 사용 5
  7. 7. 2. HTML5 이전의 웹, 이후의 웹 – Canvas Element 일본 구글 + OK-GO의 HTML5로 만들어진 뮤직비디오 6
  8. 8. 2. HTML5 이전의 웹, 이후의 웹 – Video, Audio HTML 5 이전 HTML 5 <video> <audio> 7
  9. 9. 3. HTML5의 사용 예 – Zynga 8
  10. 10. 3. HTML5의 사용 예 – HTML5Games 9
  11. 11. 3. HTML의 사용 예 – Google Docs 10
  12. 12. 3. HTML의 사용 예 - Gmail 11
  13. 13. 3. HTML5의 사용 예 – iBooks / iBooks Author 12
  14. 14. 4. HTML5를 위시한 웹언어의 발달을 통한 웹의 방향성 제시 13
  15. 15. 4. HTML5를 위시한 웹언어의 발달을 통한 웹의 방향성 제시 CSS 1 HTML 1.0 … … CSS 2 HTML 4.01 XHTML 1.0 CSS 3 HTML5 14
  16. 16. 4. HTML5를 위시한 웹언어의 발달을 통한 웹의 방향성 제시 CSS 3 HTML5 JavaScript HTML6? 15
  17. 17. 감사합니다. 16

×