코딩 작업을 하려면 에디터가 필요합니다.
에디터를 사용하는 방법에 대해 알아봅시다.
많은 에디터들이 있지만 프리웨어에 자동완성 기능이 편리한 aptana studio를 깔아보겠습니다.
사실 저도 처음 배운게 이프로그램이라 그냥 이걸로 갑니다.
이 프로그램은 프리웨어로 안심하고 받으심 됩니다.
일단 http://www.aptana.com/ 에 접속해서 다운로드 해줍니다.
그리고 설치를 시작합니다.
01. 설치할 폴더를 선택해 줍니다.
설치는 따로 설명안하겠습니다.
02. 실행후 작업영역을 설정해줍니다.
작업파일을 저장할 영역을 설정합니다.
지정폴더에 설정이 저장되므로 기존 폴더보다는 새폴더를 만들고 설정해 주세요.
03. 폰트를 설정해 봅시다.
window > preferences 로 들어갑니다.
general> color and font 를 누른후 basic > text fonts 를 클릭합니다.
전 나눔고딕코딩에 12폰트로 설정합니다.
그냥 그렇게 배웠어요. 각자 보기편한 폰트에 보기편한 사이즈로 설정합니다.
04. 작업물을 확인할 브라우저를 설정합니다.
aptana에서는 작업 중간중간에 브라우저로 확인이 가능합니다. 그때 사용할 브라우저를 선택합니다. (alt + f11을 누르면 브라우저로 결과물을 확인할 수 있습니다.) run > run configurations 로 들어갑니다.
web browser 에서 우클릭후 new를 선택합니다.
그리고 브라우저 실행파일을 선택합니다.
전 크롬을 좋아해서 크롬을 선택합니다. 원하는 브라우저를 선택하세요.
05. 작업파일을 저장할 폴더를 만듭니다.
좌측메뉴에서 우클릭후 new > web project 선택합니다.
그리고 원하는 폴더명을 설정하세요.
06. 마지막으로 작업파일을 만듭니다.
생성한 폴더위에서 우클릭후 new from template > html 선택합니다.
??!!!!! 원래는 옆에 템플릿들이 주르륵 떠야 하는데 왠지 안뜹니다.
템플릿이 뜨면 html5를 선택하시고 안뜨면 그냥 그대로 클릭합니다.
파일명을 적을땐 뒤에 .html을 꼭 붙여줘야 합니다.
확장자를 붙이지 않으면 그냥 이도저도 아닌 파일이 됩니다. (css, js도 마찬가집니다.)
타란~
템플릿이 안나올 경우, 밑에 코드를 붙여 넣으면 됩니다.
<!DOCTYPE html>
<html>
<head>
<title>My First HTML</title>
<meta charset="UTF-8">
</head>
<body>
</body>
</html>
'html' 카테고리의 다른 글
| 06. strong태그, em태그 _ paragraph 구성요소 (0) | 2015.10.06 |
|---|---|
| 05. p태그 _ paragraphs (0) | 2015.10.06 |
| 04. h태그 _ headings (0) | 2015.10.06 |
| 03. html의 기본구조 (0) | 2015.10.05 |
| 01. html, css, javascript의 개념 (1) | 2015.09.08 |
