1 / 10

HTML5 를 이용한 쇼핑몰 제작

HTML5 를 이용한 쇼핑몰 제작. 발표일 : 2012.09.12 발표자 : 12’ 김지은. 목 차. 소개 p.3 HTML4 와의 차이점 p.4~5 HTML5 의 주요사항 p.6~7 설계도 p.8 일정표 p.9 참고문헌 p.10. 소개 _ HTML5 란 ?.

teddy
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를 이용한 쇼핑몰 제작 발표일 : 2012.09.12 발표자 : 12’ 김지은

  2. 목 차 • 소개 p.3 • HTML4와의 차이점 p.4~5 • HTML5의 주요사항 p.6~7 • 설계도 p.8 • 일정표 p.9 • 참고문헌 p.10

  3. 소개_ HTML5란? • HTML5는 웹 문서를 만들기 위한 기본 프로그래밍 언어 의 최신규격. • HTML의 최신규격 별도 프로그램을 깔지 않아도 웹 브라우저상에서 화려한 그래픽 효과를 구현하며, 음악동영상을 자유롭게 감상할 수 있다.

  4. HTML4와의 차이점 (1/2) • 구조적인 요소 • 구역을 나누는 div 요소를 대신함. • Header - 문서소개 및네비게이션메뉴모음 • Nav - 네비게이션 요소 • Article - 독립적인 컨텐츠 • section - 문서 및 애플리케이션 특정 영역 • Aside - 보충정보, 주요부분을 제외한 컨텐츠 • Footer - 꼬리말, 저자, 저작권정보

  5. HTML4와의 차이점 (2/2) • 멀티미디어 요소 • 플러그인없이 멀티미디어를 재생할 수 있게 한다. • audio - 오디오를 재생한다. • video - 비디오를 재생한다. • 문서 선언 - <!doctype html>으로 간소화 되었다.

  6. HTML5의 주요사항 (1/2) • Canvas 태그에 의한 유연한 그래픽 이미지 표현 • HTML5의 최대 특징중 하나인 Canvas 태그에 의한 2D 그래픽 표현이 가능해 졌으며, 이로 인해 동적인 그래픽에 의한 애플리케이션을 웹 브라우저에 실현 할 수 있게 됨. • 비디오/오디오 태그에 의한 동영상과 음성재생 • 지금까지 플래시 등의 플러그인이 필요했던 동영상이나 음성의 플레이가 플러그인없이 가능.

  7. HTML5의 주요사항 (2/2) • Forms( 폼 기능의 강화) • 새로운 폼 기능 에서는 입력 가능한 수치의 상한 또는 하한을 설정하거나, 날짜를 캘린더에서 선택해 입력하는 기능 등 여러 가지 입력지원 기능이 추가됨.

  8. 설계도 Main 회원가입 게시판 Top ID/PW찾기 Event Outer Login/Logout 자유게시판(고객) Pants 공지사항 Skirt Acc

  9. 일정표

  10. 참고문헌 • http://ko.wikipedia.org/wiki/HTML5

More Related