HTML5 with Aptana Studio
Aptana Studio는 HTML5, CSS 등을 작성하고 Firefox, IE 를 실행하여 그 결과를 볼 수 있는 통합개발환경이다.
Freeware로 배포되며 Stand alone버전과 Eclipse Plugin 버전이 있다. 여기서는 Stand alone 버전을 설치하고 테스트한다.
Aptana Studio : http://www.aptana.com/downloads/start
Firefox : 작성된 HTML5 파일을 브라우저 상에서 확인할 때 Firefox를 사용하므로 Firefox 를 다운로드하고 설치한다.
다음과 같은 HTML5 문서를 작성하고 아이콘을 눌러 브라우저에서 실행된 결과를 확인한다
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<style type="text/css">
#canvas1 { border : 1px dotted black; }
</style>
</head>
<body>
<h1>New Web Project Page</h1>
<canvas id="canvas1" width="300" height="300">
이 브라우저는 HTML5 Canvas를 지원하지 않음
</canvas>
</body>
</html>
Firefox 에서 실행된 결과
