본문 바로가기
Education/Kindergarten

HTML 편집 프로그램의 종류

by habit 2010. 4. 24.
반응형
윈도우에서 문서 작성을 하려면 간편하게는 메모장만 있어도 문서를 작성할 수 있지만 다양한 기능들을 구성하고 표시하기 위해서는 MS워드나 아래아 한글과 같은 워드 프로세서들을 사용하면 훨씬 더 다양한 기능들을 간편하게 구성할 수 있습니다.

HTML 웹 페이지를 만들 때도 이와 마찬가지로 메모장 가지고 태그를 자유자재로 이용해서 만들 수도 있지만 좀 더 쉽게 간편하게 HTML 웹 페이지를 꾸밀 수 있도록 도와주는 다양한 프로그램들을 이용하면 짧은 시간에 훌륭한 웹 페이지를 만들 수 있습니다.

웹 페이지 편집 프로그램 방식 비교

방식

장점 단점
WYSIWYG 웹 페이지를 빠르고 간편하게 전체적인 구성을 보면서 작성할 수 있다. HTML에 대한 지식이 거의 필요하지 않다. 웹 페이지를 작성할 때 필요 없이 많은 태그들이 생성되며 아주 세밀한 부분까지 조절하기에는 적당하지 않다.
HTML방식 웹 페이지의 깊은 부분까지 세밀하게 조절이 가능하다. 각종 프로그래밍과 합쳐서 작업할 경우 혼합 작업이 수월하다. HTML 태그에 대한 전체적인 이해가 있어야만 웹 페이지 생성이 가능하다.WYSIWYG 방식과 다르게 단순 반복적인 작업에 상당히 뒤쳐지게 된다.

앞으로의 모든 HTML 웹 페이지 작성은 텍스크 에디터 기반 HTML 편집 프로그램을 기준으로 합니다.

* 워드프로세서처럼 HTML을 작성할 수 있는 프로그램들
아래 4가지 프로그램들은 워드프로세서를 사용하듯 간편하게 HTML을 만들 수 있는 프로그램들 입니다. 물론 세부적인 기능까지도 활용한다면 전문가들이 사용하는 기법까지 끌어낼 수 있습니다.
화면상에 보이는 내용이 실제 결과물과 같기 때문에 WYSIWYG(위지위그) 프로그램이라고도 부릅니다.
WYSIWYG는 What You See Is What You Get - 화면상의 내용이 결과물과 같다는 뜻입니다.

1. GR HTML Editor



국산 HTML 편집 프로그램 중에서 드물게 WYSIWYG 기능과 HTML 편집 기능이 뛰어난 '무료' 프로그램입니다.
상용 프로그램으로 HTML 웹 페이지 작성이 힘든 분들께 강력히 추천해드리는 프로그램입니다.
GR HTML Editor는 아래 링크에서 무료로 다운로드 받을 수 있습니다.
GR HTML 에디터 다운로드

2. 나모 웹에디터



국내에서 가장 인기 있는 HTML 편집 프로그램으로써 그냥 일반적인 워드프로세서로 작업하는 것처럼 웹 페이지를 만들 수 있게 해놓은 것이 특징입니다.

일반적인 기능들 외에도 다양한 온라인 관련 기능이 포함되어 있어서 HTML 페이지를 작성하고 일일이 다시 올려야 하는 귀찮은 작업들이 없어졌으며 사이트 관리, 연계 통합 작업들이 수월하게 되었습니다.

처음 HTML에 입문하려는 분들께 가장 추천할 수 있는 프로그램입니다.
나모 웹 에디터는 30일 동안 무료로 쓸 수 있는 평가판을 아래 링크에서 다운로드 받을 수 있습니다.
나모 웹 에디터 다운로드



3. Microsoft Frontpage



마이크로소프트에서 개발한 HTML 편집 프로그램입니다. 나모 웹에디터와 비슷한 기능들을 가지고 있으나 마이크로소프트의 오피스 프로그램과 각종 웹 개발 도구들을 한꺼번에 연동할 수 있는 기능들이 돋보입니다.

마이크로소프트의 협업 기능을 최대한으로 누리고 싶다면 권유해드릴 만한 프로그램입니다.



4. 드림위버



웹 디자이너들이 가장 즐겨 쓰는 대표적인 HTML 편집 프로그램으로써 직관적인 디자인과 아주 세밀한 곳까지 파고들어 디자인을 할 수 있도록 도와주는 최상의 프로그램입니다.

웹 디자인을 할 줄 아느냐는 것은 드림위버를 사용할 줄 아느냐는 말과 비슷할 정도로 강력한 위치를 차지하고 있습니다.
또한 매크로미디어사의 다양한 프로그램들과 연계하여 작업할 수 있습니다.

하지만 처음 입문하신 분들께는 뭔가 중간 단계가 빠진 상태에서 무턱대고 시작하는 듯한 느낌을 주기 때문에 크게 권장해드리지는 않습니다.




** HTML 코드만 보면서 할 수 있는 프로그램
위의 4가지 프로그램들이 결과물을 보면서 작업을 하는 것에 반해 아래 2가지 프로그램들은 HTML 소스 코드를 - 태그를 직접 작성, 수정하고 결과를 나중에 확인할 수 있도록 해주는 프로그램들입니다.
위의 4가지 프로그램이 있는데 왜 아래 프로그램들로 힘들게 일일이 작업을 하겠냐고 묻겠지만 실제로 웹 페이지를 작성하는 작업에 있어서 가장 중요하고 세밀한 부분을 작업하기 위해서는 아래 프로그램들이 유용하게 사용됩니다.

5. Editplus



한국에서 만들어진 텍스트 편집 프로그램으로써 한글 메뉴와 자연스러운 한글 처리 덕분에 많은 인기를 끌고 있습니다. FTP에 있는 문서를 열어서 편집하고 자동으로 저장하는 기능과 다양한 신텍스 컬러 기능으로 HTML 태그들만 따로 색상을 나타내게 만들어서 소스 코드 편집에 큰 도움을 줍니다.

특히 HTML 페이지를 편집할 때는 미리 HTML 태그들을 클릭만으로 넣을 수 있게 도와주는 툴바가 나와 편집을 한결 수월하게 만들어줍니다.
에디트 플러스 역시 30일간 무료로 쓸 수 있는 평가판을 아래 링크에서 다운로드 받을 수 있습니다.
에디트 플러스 다운로드


6. Ultraedit



윈도우 상에서 돌릴 수 있는 가장 강력한 텍스트 편집 프로그램으로써 Editplus의 모든 기능을 가지고 있으면서 더 뛰어나고 다양한 기능들을 가지고 있습니다. 이 프로그램만 있으면 거의 모든 텍스트 편집이 가능하다고 보면 됩니다.

다만 아직까지도 한글을 입력할 때 부드럽게 입력되지 않는 단점이 있습니다.

앞으로의 모든 HTML 웹 페이지 작성은 텍스크 에디터 기반 HTML 편집 프로그램을 기준으로 합니다.

'Education > Kindergarten' 카테고리의 다른 글

한글 배우기  (1) 2010.05.23
HTML iframe으로 웹 페이지에 다른 페이지 넣기  (0) 2010.04.25
웹 컬러 코드 쉽게 알아내기  (0) 2010.04.25
HTML 테이블 사용하기  (0) 2010.04.25
HTML 배우기  (0) 2010.04.25
HTML이란 무엇인가?  (0) 2010.04.24