1 / 15

HTML5

HTML5. HTML5. HTML5 란 ? 웹 문서를 만들기 위한 기본 프로그래밍 언어 ‘ HTML(Hyper Text Markup Language)’ 의 최신규격이다 . 엑티브 X(Active X) 를 설치하지 않아도 동일한 기능 구현 플래시 (flash) , 실버라이트 (Silverlight), 자바 FX(JAVA FX) 없이도 웹 브라우저 (web browser) 에서 화려한 그래픽 효과. HTML5 배경.

fauve
Download Presentation

HTML5

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. HTML5

  2. HTML5 • HTML5란? 웹 문서를 만들기 위한 기본 프로그래밍 언어 ‘HTML(Hyper Text Markup Language)’의 최신규격이다. 엑티브X(Active X)를 설치하지 않아도 동일한 기능 구현 플래시(flash),실버라이트(Silverlight), 자바FX(JAVA FX) 없이도 웹 브라우저(web browser)에서 화려한 그래픽 효과

  3. HTML5 배경 • 별도 프로그램을 깔지 않아도 인터넷 브라우저상에서 화려한 그래픽 효과를 구현하며, 음악ㆍ동영상을 자유롭게 감상할 수 있다. • 2004년부터 WHATWG(Web Hypertext Application Technology Working Group)는 HTML 5를 HTML의 차기 핵심 표준으로 만들기 위한 세부 작업을 시작. • 2014년 기술표준으로 공식 발표할 예정. • 최근 애플ㆍMS, 구글, 페이스북 등 글로벌 IT 기업들은 HTML 5 시대 주도권을 잡기 위해 치열한 경쟁에 돌입.

  4. HTML5 특징

  5. HTML5 지원현황

  6. HTML로 만든 웹사이트 http://reveal.rs.af.cm/#/1/1 http://www.findyourwaytooz.com/ http://wax-o.com/demo/satellites/eng.html

  7. CSS란 (Cascading Style Sheet) 1.마크업 언어가 실제 표시되는 방법을 기술하는 언어. 2.HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있음. 3.W3C의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높음. 기존의 HTML은 웹 문서를 다양하게 설계하고 수시로 변경하는데 많은 제약이 따름 이를 보완 스타일 시트이고 스타일 시트의 표준안이 바로 CSS 이다.

  8. 특징 HTML을 이용해서 웹 페이지를 제작할 경우 전반적인 틀에서 세세한 글꼴 하나 하나를 일일이 지정해주어야 함. BUT 웹 페이지의 스타일(작성형식)을 미리 저장해 두면 웹 페이지의 한 가지 요소만 변경해도 관련되는 전체 페이지의 내용이 한꺼번에 변경가능. 문서 전체의 일관성을 유지할 수 있고 작업 시간도 단축된다.

  9. CSS의 버전변화 CSS는 여러 수준과 프로파일을 가지고 있음. 각 수준의 CSS는 일반적으로 새로운 기능을 담고 있으며 CSS1, CSS2, CSS3로 나뉨. 프로파일들은 일반적으로 특정한 장치나 사용자 인터페이스를 위해 만들어진 하나 이상 수준의 CSS의 하부 집합. -현재 휴대용 장치, 프린터, 텔레비전 수상기를 위한 프로파일들이 있음.

  10. *CSS1 첫 CSS 규격은 공식 W3C 권고안이 되었으며 그 이름은 CSS1이다. 1996년 12월에 발표. *CSS2 CSS2는 W3C가 개발하였으며 1998년 5월에 권고안으로 발표. *CSS3 1. CSS3는 2005년 12월 5일 이후 개발 중에 있음. 2. W3C CSS3 로드맵은 요약과 도입부를 제공. 3. 전체가 모듈화 되어 사용자 에이전트가 모듈에 대한 모든 모듈을 지원하지 않거나 자유롭게 선택할 수 있도록 하고 있음. 4. 다른 세로 글쓰기와 HTML 이외의 규격에 까지 관여하는 내용으로 되어 있음. -현재 어떤 모듈도 권고안까지 이른 것은 없다.

  11. Java Script(JS)

  12. JS • JS란? - Netscape(orExplore)상에서 사용할 수 있는 스크립트 언어. • 객체 지향 스크립트 언어로써 프로그램 코드가 HTML문서 사이에 직접 들어감. - 원래 Netscape사에서 Live Script라는 언어를 발표했는데, Java가 사람들 사이에서 선풍적인 인기를 끌기 시작하자, Netscape사는 Java를 만든 Sun Microsystems사와 공동 프로젝트를 진행하여 Live Script를 확장시킨 JS라는 것을 만들어 발표하게 됨.

  13. JS의 특징 • JS로 만든 프로그램에서는 사용자가 마우스를 클릭하거나 키보드를 입력하는 것과 같은 작업을 즉시 처리 가능. • 오직 클라이언트 쪽에서만 실행되기 때문에 네트워크를 통한 데이터 전송 없이 모든 작업을 처리 가능. • 사용자가 입력한 내용이 제대로 되었는지를 서버로 데이터를 전송하지 않고도 즉석에서 확인하여 처리 가능. • 사용자가 페이지를 열거나 이동할 때를 알아내 원하는 작업을 수행 가능. • NetscapeNavigator 프로그램 자체에 관한 정보를 알아낸다거나 현재 Netscape에 설치된 플러그인 정보를 알아낼 때에도 사용. • Netscape 상에 나눠져 있는 프레임을 통해 방문했던 페이지를 기록해 놓은 history를 관리하는 작업들도 수행.

  14. JS vs Java • 컴파일 과정 : Java에서는 선언에 의해서 만들어진 클래스를 컴파일 할 필요가 있지만JS에서는 소수의 데이터형을 기반으로 웹 브라우저 상에서 바로 실행이 가능. • 메소드 선언 과정 : Java는 특수한 선언을 필요로 하는 메소드를 지원하며 미리 선언을 해야만 사용이 가능한 반면, JS에서는 메소드가 객체의 .. 이며 미리 선언하지 않고도 실행 가능. • 변수형 선언 과정 : Java는 원하는 데이터에 맞는 데이터형을 선언해야 하지만, JS에서는 데이터형을 선언하지 않고, var라는 하나의 데이터형으로 모든 데이터형을 처리함. • 보안: Java로 만들어진 서버 측 언어는 서버에서 컴파일 되어 웹 브라우저에서 소스가 공개되지 않는 반면, JS는 클라이언트 언어로 브라우저에서 컴파일되기 때문에 소스가 공개됨.

  15. JS vs CSS

More Related