다루두루

블로그 이미지

차케요

공부하면서 정리하는 노트같은 블로그입니다.

무료 html 편집기

HTML 공부 2014. 12. 3. 12:21


▣ 무료 html 편집기


■ 홈페이지를 만들 때 HTML 문서를 작성하게 되는데요. 이때 사용할 수 있는 편집기들은 많이 있지만, 정말 말 그대로 무료로 설치 없이 사용할 수 있는 대표적인 편집기는 바로 "메모장"이죠.^^ 하지만 메모장에서는 오타를 발견할 수 없습니다. 짧은 소스라면 관계없겠지만, 몇백 줄의 소스라면 오타 찾다가 하루가 다 갈 수도 있을 거에요. 그래도 메모장을 이용하실 분들을 위해서 메모장에 간단한 소스를 코딩해서 html 문서로 저장하는 과정만 살펴본 후 제가 사용 중인 "노트패드++"을 설치하는 과정과 몇 가지 설정을 변경해보겠습니다.


 먼저 메모장에 간단하게 코딩한 후 html 문서로 저장해보겠습니다.


■  이 녀석을 html 파일로 저장할게요. 




■ [파일 ▶ 저장] (Ctrl+S)를 선택하시구요. 





■ 파일 형식은 "모든 파일"로 선택하시구요. 파일 이름을 입력하고 이름 뒤에 파일 형식을 [.html] 또는 [.htm]으로 입력하고 저장하면 됩니다. 메모장을 이용하실 때는 이렇게 하시면 되구요. 




 다음은 "노트패드++"을 설치해보겠습니다. 


■ 노트패드++ 로 찾으시면 쉽게 내려받아서 설치할 수 있습니다. 





■ 프로그램을 실행한 화면인데요. 여러 개의 창을 열어놓고 작업할 때 혹시 그림에 표시한 [X] 버튼이 안 보이면 많이 불편하거든요. 지금 내려받아서 설치하면 아마 보이도록 기본 설정되어 있을 겁니다. 그래도 혹시 안 보이시는 분들은 아래 과정대로 설정하시면 됩니다. 





■ [설정] 에서 [환경 설정] 메뉴로 이동할게요.





■ 기본 설정 화면에서 [일반] 메뉴를 선택하고 "탭 표시줄" 그룹에서 '각 탭에 닫기 보기(X)' 옵션에 체크하시면 닫기 버튼이 보이게 됩니다. 





 다음은 글꼴과 글씨 크기등을 내 스타일에 맞게 설정해보겠습니다. 


■ [설정] 에서 "스타일 설정" 메뉴를 선택하시구요.




■ 글꼴 스타일과 크기 등을 지정해주면 되는데요. 여기서 지정해준다고 바로 화면에 적용되는 건 아니에요. 아래쪽에 전역 옵션에 체크를 해주셔야 적용이 됩니다. 여기서는 글꼴과 크기만 지정했기 때문에 전역 옵션에서도 두 가지 옵션만 체크해봤습니다. 나머지 굵게, 기울임, 밑줄 등의 옵션도 사용하시려면 위. 아래 모두 체크해주세요.





■ 글꼴과 글씨크기가 적용된 걸 확인할 수 있습니다. ^^




 마지막으로 한 가지만 더 설정 변경하고 마무리할게요. 이 녀석은 HTML뿐만 아니라 대부분의 프로그래밍 언어를 지원하기 때문에 기본 설정은 HTML로 안 되어 있을 거에요. 기본 언어를 html로 변경하겠습니다.



■ [기본 설정] 화면에서 [새 문서] 메뉴를 선택하면 그림처럼 기본 프로그래밍 언어를 지정해줄 수 있습니다. 그리고 인코딩 기본 설정은 UFT-8(BOM없음)으로 되어 있을 거에요. 이 옵션이 리눅스에서는 아직 완벽하지가 않나 봐요. 그래서 이 옵션은 "UTF-8"로 변경해주시면 됩니다. 몇 가지 설정만 변경해봤는데요. 나머지도 쭉 둘러보시고, 필요한 설정은 변경해서 사용하시면 되세요. 수고하셨습니다. 


저작자표시 비영리 변경금지 (새창열림)
Posted by 차케요

    최근...

  • 포스트
  • 댓글
  • 트랙백
  • 더 보기

카테고리

NEW (900)
아이폰 개발 기초 (7)
취미 (16)
아두이노 (16)
[안드로이드] 어플만들기 (77)
안드로이드 기초 다지기 (61)
슈팅게임 만들기 (4)
[JAVA]자바 공부하기 (48)
C언어 알고리즘 (61)
[Unity3D]유니티3D 강좌 (7)
컴퓨터 (325)
포토샵CS2 강좌 (6)
유용한 프로그램 (244)
리눅스 노트정리 (22)
임베디드 리눅스 (11)
New블로그 (9)
음식의 효능 (4)
일반상식 (56)
HTML 공부 (40)
포토샵 공부 (36)
엑셀 (6)
파워포인트 공부 (19)
노트정리 (38)
일상 (33)
TV영화 (85)
방명록 : 관리자 : 글쓰기
차케요's Blog is powered by daumkakao
Skin info material T Mark3 by 뭐하라
favicon

다루두루

공부하면서 정리하는 노트같은 블로그입니다.

  • 태그
  • 링크 추가
  • 방명록

관리자 메뉴

  • 관리자 모드
  • 글쓰기
  • NEW (900)
    • 아이폰 개발 기초 (7)
    • 취미 (16)
      • 아두이노 (16)
    • [안드로이드] 어플만들기 (77)
      • 안드로이드 기초 다지기 (61)
      • 슈팅게임 만들기 (4)
    • [JAVA]자바 공부하기 (48)
    • C언어 알고리즘 (61)
    • [Unity3D]유니티3D 강좌 (7)
    • 컴퓨터 (325)
      • 포토샵CS2 강좌 (6)
      • 유용한 프로그램 (244)
    • 리눅스 노트정리 (22)
      • 임베디드 리눅스 (11)
    • New블로그 (9)
    • 음식의 효능 (4)
    • 일반상식 (56)
    • HTML 공부 (40)
    • 포토샵 공부 (36)
    • 엑셀 (6)
    • 파워포인트 공부 (19)
    • 노트정리 (38)
    • 일상 (33)
    • TV영화 (85)

카테고리

PC화면 보기 티스토리 Daum

티스토리툴바