HTML 편집기
HTML의 쓰임새
텍스트 에디터의 장점
추천 텍스트 에디터
웹브라우저
홈페이지 제작과정
포토샵(Photoshop)
스타일 시트(CSS)
자바스크립트(Javascript)
호스팅 신청
호스팅 선택요령
도메인 신청
도메인 작명법
호스팅과 도메인 연결
FTP
파일질라(FileZilla) 설치
파일질라(FileZilla) 사용법
HTML 파일은 무엇을 이용하여 만드나?
홈페이지를 만들기 위해서 가장 기본적인 것은 HTML을 이해하는 것입니다.

HTML이 무엇인가를 설명하는 것보다는 HTML 파일을 직접 만들어 보는 것이 개념을 이해하는데 훨씬 도움이 됩니다. 그래서 우선 HTML 파일은 무엇으로 만드는지 부터 설명하면서 홈페이지 기초 강좌를 설명하겠습니다.
HTML 파일은 메모장으로 간단하게 만들 수 있습니다. 메모장을 이용하여 HTML(Hypertext Markup Language) 형식에 맞도록 태그를 작성하여 *.html(혹은 *.htm)이라는 확장자로 저장하면 됩니다.

정말 이렇게 간단하게 만들 수 있는지 지금 메모장을 열고 한번 만들어 봅시다.
메모장을 엽니다.
메모장에 아래와 같이 HTML 형식에 맞게 작성한 다음 test.html 파일로 저장합니다.(소스 위에 마우스를 올리면 아이콘이 나오는데, copy to clipboard를 선택하면 소스가 클립보드로 자동으로 복사됩니다.)
HTML 파일은 메모장만으로
간단하게 만들 수 있습니다.
저장할때 주의할 점은 파일형식에서 모든 파일을 선택한 후 저장해야 됩니다.
방금 만든 test.html 파일을 더블클릭해서 인터넷익스플로러(IE)로 열어보면 웹브라우저에서는 이 파일이 어떻게 보이는지 확인할 수 있습니다.
이처럼 HTML 파일은 메모장과 같은 텍스트 에디터로 만들 수 있고 나모 웹에디터나 드림위버와 같은 위지윅(WYSIWYG) 에디터로도 만들 수 있습니다.

텍스트 에디터는 HTML 태그를 입력하면서 편집을 해야 하는 반면 위지윅 에디터는 웹브라우저상에서 보여지는 형태로 편집이 가능하기에 보다 직관적인 작업이 가능합니다.

그러나 결과물은 똑같습니다.

보통 HTML을 잘 모르는 초보자들 대상으로는 위지윅 에디터가 좋다고 알려져 있는데(많은 초보자용 교재들이 위지윅 에디터를 기준으로 설명하고 있습니다) 오히려 초보자들이 홈페이지 제작의 기초를 닦을때는 텍스트 에디터가 간편하고 HTML 태그를 이해하는데 도움이 됩니다.

위지윅(WYSIWYG) 에디터를 이용하면 워드프로세서로 문서작업을 하듯이 쉽게 홈페이지를 만들 수 있다고는 하지만 위지윅(WYSIWYG) 에디터 자체를 익히는데 시간이 들 뿐 아니라 위지윅(WYSIWYG) 에디터만으로 작업을 하면 HTML 태그를 이해하는데 더 많은 시간이 소요됩니다.

HTML 태그는 홈페이지 제작에 있어서 가장 기본이 되고 필수적으로 알아야 하는 부분이므로 가능하면 시작은 텍스트 에디터를 가지고 하는게 전체적으로 보면 더 빠른 시간에 훌륭한 홈페이지를 만들 수 있습니다.
Related links
무료로 사용할 수 있는 프리웨어 에디터로 가장 강력한 기능을 자랑합니다.
메모장의 2% 부족함을 채워주는 프로그램으로 한글화되어서 배포

전세계적으로 가장 많이 사용되고 있는 최강의 위지윅 에디터 Dreamweaver의 제품소개 페이지
우리나라 개발자가 만든 세계적인 텍스트 에디터입니다. 웹프로그래머들도 많이 사용하는 인기 에디터라고 할 수 있습니다.

Copyright © Homejjang.com All rights reserved.