경영정보 웹 표준 & HTML 5

경영정보 웹 표준 & HTML 5

[경영정보] 웹 표준 & HTML 5.pptx

목차 Ⅰ. 웹 표준의 정의 Ⅱ. 웹 표준의 특징 Ⅲ. HTML5의 정의 Ⅳ. HTML5의 특징 Ⅴ. HTML5의 현황 및 전망 Ⅵ. 결론 및 시사점 Ⅶ. 주요 참고 문헌 & 출처 본문 “웹 사이트가 브라우저, 기기에 관련 없이 사람들에게 모든 정보를 전달 할 수 있게 하는 W3C 에서 권고하는 구조화된 웹 기술 지침” Content와 Style 부분을 확실하게 분리하여 ‘구조적’으로 이해하기 쉬운 웹사이트를 만들자. 이렇게 웹 표준을 지킨 구조화된 웹사이트는 어떤 종류의 브라우저와 관계없이 웹사이트를 한결같이 보여줄수 있게 합니다. 이것이 바로, 크로스 브라우징 입니다. 우리나라의 대부분의 웹사이트는 인터넷 익스플로러가 기준이 되어서 설계되었습니다. 이 말은 우리나라에서는 인터넷 브라우져를 익스플로러를 가장 많이 사용되고 있다는 소리입니다. 하지만 최근에는 스마트 폰의 활성화 와 인터넷 브라우저들의 발전으로 인해, 다양한 환경에서 홈페이지가 보여야 합니다. 이러한 크로스 브라우징을 가능하게 하게 하기 위해서는 웹 표준을 지켜야 합니다.웹표준을 지킨 웹사이트는 웹사이트를 방문하는 방문객이 익스플로러를 사용하든, 파이어폭스를 사용하던, 사파리나 오페라 등의 특이한 브라우저를 사용하든 늘 한결같은 모습을 보여줍니다. 여기의 그림을 보시면 이해가 쉽게 되시리라 생각됩니다. 이렇게 웹표준을 지켜 크로스브라우징이 활성화된 사이트는, 접근성이 향상되고 홈페이지 자체의 저장 공간이 절약되며 검색 엔진의 최적화 및 많은 순기능이 있습니다. 보시는 것과 같이 서로 다른 OS를 쓰고 있는 2개의 스마트폰에서 같은 사이트임에도 불구하고 보여주는 방식 등이 다릅니다. 안드로이드폰인 모토로라 디파이에서는 풀 브라우징을 지원하지 않고, 아이폰에서는 플래시를 지원하지 않는 등 제각각 다른 화면을 보여주고 있습니다. 그럼 표준화가 잘 되어있는 사이틀 볼까요? 가장 대표적인 사이트는 다음과 네이버와 같은 포털사이트입니다. 근래에는 수많은 사이트 들이 모든 스마트폰에서 호환될 수 있도록 웹사이트를 표준화 하고 있습니다. 보통 쇼핑몰 같은 경우에는 Active X 등이 깔려 있고, 플래쉬플레이어가 범람하는 등 제대로 된 웹을 보여 주지 못했는데, 이런 쇼핑몰 등에서도 이제 표준화가 일어나고 있습니다. 현재 이러한 웹 표준을 지키고 간결한 UI와 빠른 처리속도를 보이는 모바일에 적합한 모바일웹이 활성화되고 있는 추세입니다. 이런 흐름 속에서 Active X 를 대체하기 위한 수단으로HTML5가 등장했습니다. 그래서 혜성처럼 등장한 것이 html5 입니다 HTML5는 표준 웹언어이기 때문에 어떤 운영체제(OS), 디바이스에서도 정상적으로 동작한다는 장점을 갖추고 있습니다. 이러한 강점때문에 모바일용 애플리케이션(앱)을 제작할 때도 HTML5를 사용하는 추세입니다.

HTML5의 가장 큰 특징은 별도의 플러그인 없이 웹 애플리케이션 기능을 구현할 수 있다는 점이다.
HTML5를 사용하면 액티브X, 플래시, 실버라이트, 자바FX 등 소프트웨어 개발회사들이 공급하는 플러그인 기술을 이용하지 않고도 동일한 기능을 웹상에서 구현할 수 있다. HTML5는 마크 업 태그인 HTML요소와 CSS3그리고 자바스크립트를 통칭한 개념이다 본문내용 2012 Inflection Point Smartphones > Total PCs Ⅰ. 웹 표준의 정의 Ⅱ. 웹 표준의 특징 Ⅲ. HTML5의 정의 Ⅳ. HTML5의 특징 Ⅴ. HTML5의 현황 및 전망 Ⅵ. 결론 및 시사점 Ⅶ. 주요 참고 문헌 & 출처 Content “웹 사이트가 브라우저, 기기에 관련 없이 사람들에게 모든 정보를 전달 할 수 있게 하는 W3C 에서 권고하는 구조화된 웹 기술 지침” Ⅰ. 웹 표준이란 ? Ⅲ. HTML5 정의 Ⅳ. HTML5 특징 Ⅴ. HTML5 현황 & 전망 Ⅵ. 결론 & 시사점 Ⅶ. 참고 문헌 Ⅱ. 웹 표준 특징 Ⅰ.웹 표준 ? ? Ⅱ. 웹 표준 특징 Ⅲ. HTML5 정의 Ⅳ. HTML5 특징 Ⅴ. HTML5 현황 & 전망 Ⅵ. 결론 & 시사 참고문헌 http://ohmysite.co.kr/insiter.php?article_num=30&design_file=108820.php http://blog.naver.com/q1q3q5/10104719081 네이버 지식 사전 - http://terms.naver.com/entry.nhn?docId=865560 http://digitalstory.net/80121698532 www.digieco.co.kr kt경제경영연구소 http://kulbriz.tistory.com/entry/video-태그 http://m.mkexdev.net/60 박종명 왜 주목 받는가??? http://ddaily.co.kr/news/news_view.php?uid=91018 http://blog.paran.com/hitech/34179579 W3C, The Web as an application development platform, http://www.w3.org/2011/11/mobile-web-app-state [15] Mike Smith (W3C), HTML5 + HTML WG Update, http://www.w3.org/2011/Talks/Mike/KoreaMembers/ [16] HTML5: Edition for Web Authors, http://www.w3.org/TR/html5-author/ [17] Trying to understand HTML5 compatibility on mobile and tablet browsers, http://mobilehtml5.org/ [18] Responsive Web Design: What It Is and How To Use It, http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/ [19] ABI Research - 2.1 Billion HTML5 Browsers on Mobile Devices by 2016, http://www.abiresearch.com/press/3730-2.1+Billion+HTML5+Browsers+on+Mobile+Device s+by+2016+says+ABI+Research [20] Strategy Analytics - One Billion HTML5 Phones to be Sold Worldwide in 2013, http://html5-gtug-campout2010.appspot.com/ [21] Flash to Focus on PC Browsing and Mobile Apps; Adobe to More Aggressively Contribute to HTML5, http://blogs.adobe.com/conversations/2011/11/flash-focus.html [1] W3C (World Wide Web Consortium), http://www.w3.org/ [2] W3C Technology Stack, http://www.w3.org/Consortium/techstack-desc.html [3] W3C HTML5, http://dev.w3.org/html5/spec/ [4] W3C HTML 4.01 Spec, http://www.w3.org/TR/html401/ [5] Brad Neuberg (Google), Introduction to HTML 5, http://codinginparadise.org/presentations/intro_html5.pdf [6] 미래 웹 기술에 관한 이야기, http://wonsuk73.tistory.com/ [7] Web Hypertext Application Technology Working Group (WHATWG), http://www.whatwg.org/ [8] W3C HTML WG, http://www.w3.org/html/wg/ [9] W3C Web Application WG, http://www.w3.org/2008/webapps/ [10] W3C Geo-location WG, http://www.w3.org/2008/geolocation/ [11] W3C Device API WG, http://www.w3.org/2009/05/DeviceAPICharter [12] W3C Web Notification WG, http://www.w3.org/2010/06/notification-charter.html [13] Web Event WG, http://www.w3.org/2010/webevents/