HTML5를 이용한 쇼핑몰 제작

Download Report

Transcript HTML5를 이용한 쇼핑몰 제작

소개
 HTML4와의 차이점
 HTML5의 주요사항
 설계도
 일정표
 참고문헌

p.3
p.4~5
p.6~7
p.8
p.9
p.10

HTML5는 웹 문서를 만들기 위한 기본 프로
그래밍 언어 의 최신규격.

HTML의 최신규격 별도 프로그램을 깔지 않
아도 웹 브라우저상에서 화려한 그래픽 효
과를 구현하며, 음악동영상을 자유롭게 감
상할 수 있다.

구조적인 요소
› 구역을 나누는 div 요소를 대신함.






Header - 문서소개 및 네비게이션 메뉴모음
Nav - 네비게이션 요소
Article - 독립적인 컨텐츠
section - 문서 및 애플리케이션 특정 영역
Aside - 보충정보, 주요부분을 제외한 컨텐츠
Footer - 꼬리말, 저자, 저작권정보

멀티미디어 요소
› 플러그인 없이 멀티미디어를 재생할 수 있게
한다.
 audio - 오디오를 재생한다.
 video - 비디오를 재생한다.

문서 선언 - <!doctype html>으로 간소화
되었다.

Canvas 태그에 의한 유연한 그래픽 이미지
표현
› HTML5의 최대 특징중
하나인 Canvas 태그에 의한
2D 그래픽 표현이 가능해 졌으며, 이로 인해 동적
인 그래픽에 의한 애플리케이션을 웹 브라우저에
실현 할 수 있게 됨.

비디오/오디오 태그에 의한 동영상과 음성
재생
› 지금까지 플래시 등의 플러그인이 필요했던 동영상
이나 음성의 플레이가 플러그인없이 가능.

Forms( 폼 기능의 강화)
› 새로운 폼 기능 에서는 입력 가능한 수치의 상한
또는 하한을 설정하거나, 날짜를 캘린더에서 선택
해 입력하는 기능 등 여러 가지 입력지원 기능이
추가됨.
Main
회원가입
게시판
Top
ID/PW찾기
Event
Outer
Login/Logout
자유게시판(고객)
Pants
Skirt
Acc
공지사항
9월
Main 메뉴
자유게시판
Event,공지사항
회원가입
Login/Logout
ID/PW찾기
10월
11월
12월

http://ko.wikipedia.org/wiki/HTML5