비주얼 웹 편집기. 웹 개발을 위한 전문 도구입니다. 비주얼 편집기 설치

WYSIWYG 편집기가 필요했을 때 그 모양과 기능은 기억했지만 이름은 기억나지 않았습니다. 45분 후에 마침내 그것을 찾았습니다... 그런 다음 저는 저를 포함한 많은 사람들을 돕는 임무를 맡았습니다. 조금 더 유명한 WYSIWYG 편집자의 통합 목록을 만드는 것입니다.

소개

이 주제는 사용하기에 거의 또는 부분적으로 적합한 시각적 편집기의 광범위한 목록입니다. 내 목표는 인터넷에 흩어져 있는 기존 데이터를 정리하는 것이었습니다.

타이니엠씨

가장 일반적인 시각적 편집기 중 하나이며 놀라운 기능을 갖추고 있습니다. 기본적으로 많은 추가 기능과 플러그인이 설치되어 있습니다.
(브라우저: Mozilla 1.3+, MSIE 5.5+, Opera 9.0+, Safari, Chrome)
[공식 홈페이지 | 데모]

CKeditor

TinyMCE의 완전한 아날로그입니다.

[공식 사이트 ]

CL에디터

많은 기능을 제공하지 않는 간단한 시각적 편집기입니다. 하지만 꽤 잘 만들어졌고 모든 기능이 효율적으로 구현되었습니다.
(브라우저: Firefox 1.5+, Opera 9.50+, Safari 3.0+, Camino 1.0+, Internet Explorer 5.5+, Google Chrome)
[공식 사이트 ]

닉Edit

편집기는 CLEditor와 매우 유사합니다. 표준 기능이 있습니다.
(브라우저: Firefox 1.5+, Opera 9.50+, Safari 3.0+, Internet Explorer 5.5+, Google Chrome)
[공식 사이트 ]

엘르테

매우 높은 품질의 시각적 편집기. 폭넓은 기능성을 갖고 있습니다. 매우 높은 품질로 제작되었습니다.
(브라우저: Firefox 3.5+, Opera 10+, Safari 3.0+, Internet Explorer 7+, Google Chrome)
[공식 홈페이지 | 데모]

산란

매우 평범한 비주얼 편집기입니다. 표준 기능이 있습니다.

[공식 홈페이지 | 데모]

신하

좋은 시각적 편집기의 특징은 내장된 작업이 많다는 것입니다. 즉, 필요에 맞게 사용자 정의하는 것이 어렵지 않습니다.
(브라우저: Firefox 1.5+, Opera 9+, Safari 3.0+, Internet Explorer 5.5+, Google Chrome)
[공식 홈페이지 | 데모]

임페라비(유료)

꽤 좋은 편집기이며 기능은 훌륭하지 않지만 충분합니다. HTML에서 비주얼 편집기로 전환하고 그 반대로 전환하는 것과 관련된 많은 오류가 있습니다. (정렬이 제거됨) Imperavi는 JQuery용 플러그인으로 작동한다는 점에 유의하는 것이 중요합니다.
좋은 문서가 있습니다.
(브라우저: Firefox 1.5+, Opera 9+, Safari 4+, Internet Explorer 7+, Google Chrome)
[공식 홈페이지 | 데모]

마크업

Markitup은 일반 사용자보다 전문가에게 더 적합한 편리한 HTML 편집기에 가깝습니다. 하지만 HTML을 알고 있다면 매우 편리할 수 있습니다.
(브라우저: Firefox 3+, Opera 9+, Safari 3+, Internet Explorer 6+, Google Chrome)
[공식 홈페이지 | 데모]

알로하 에디터

나쁜 편집자는 아니며 매우 편리합니다. 그러나 거의 모든 장점을 무색하게 만드는 큰 단점이 있습니다. 이는 오래되지 않은 브라우저 지원을 거부하는 것입니다(최신 버전의 브라우저만 사용 가능).
(브라우저: HTML5 지원 필요, Opera 지원 안 됨)
[공식 홈페이지 | 데모]

머큐리 편집자

Mercury는 완전한 웹 페이지이며 전체 페이지 또는 개별 특정 영역을 편집하는 데 사용할 수 있습니다. 편집된 콘텐츠 미리보기는 물론 링크, 이미지, 동영상, 표 게시도 지원합니다. 파일 업로드는 드래그 앤 드롭 인터페이스를 사용하여 수행할 수 있습니다.
편집기는 여러 사람의 공동 작업도 지원합니다. Mercury는 독립형 Rails로 설치하거나 페이지 코드에 삽입하여 설치할 수 있습니다. (JQuery 필요)
단점은 Chrome 10+, Safari 5+, Firefox 4+와 같은 브라우저만 지원된다는 것입니다.
[공식 홈페이지 | 메인 페이지의 데모]

YUI 리치 텍스트 편집기

Yahoo의 비주얼 편집기. 올바르게 언급했듯이 최고의 시각적 편집기 중 하나입니다. 포괄적인 기능을 갖추고 있으며 대부분의 브라우저에서 지원됩니다.
[데모]

무편집 가능

기능의 범위는 매우 제한되어 있지만 더 많은 기능이 필요하지 않은 경우도 있습니다.
[데모]

OpenWysiwyg

필요한 모든 기능을 갖춘 크로스 브라우저 본격적인 편집기입니다. 매력적인 드롭다운 메뉴와 버튼도 포함되어 있습니다. 안타깝게도 Chrome에서는 이를 지원하지 않습니다.
(IE 5.5+, Firefox 1.0+, Mozilla 1.3+ 및 Netscape 7+)

HTML 편집기는 HTML과 CSS를 사용하여 웹 페이지를 만들기 시작하는 데 가장 먼저 필요한 것입니다. 시중에는 무료 HTML 편집기가 많이 있으며 그 중 하나를 선택하는 것은 어려운 작업이 될 수 있습니다.

HTML은 매우 간단하므로 메모장, 워드패드 또는 기타 간단한 텍스트 편집기를 사용하여 웹 페이지 작업을 시작할 수 있습니다. 더 나아가 Coffecup, Notepad++, Brackets, Notetab 또는 BlueGriffon과 같이 기능이 풍부한 편집기 중 하나를 사용할 수도 있습니다. 고급 기능을 갖춘 편집기를 사용하면 콘텐츠 마크업 및 생성 프로세스 속도를 크게 높일 수 있는 도구가 더 많아진다는 이점이 있습니다.

브라우저에서 읽을 수 있는 형식의 블로그와 기사를 만들려고 하거나 HTML 및 CSS를 사용하여 완전한 기능을 갖춘 웹 사이트를 구축하려는 경우 올바른 편집기를 선택하면 생산성이 크게 향상됩니다. 전문 웹 개발자는 자신의 요구에 가장 적합하고 생산성을 향상시키는 편집기와 도구를 선택하는 데 상당한 시간을 소비합니다.

귀하에게 적합한 무료 HTML 편집기는 무엇입니까?

이 질문에 대한 대답은 전적으로 요구 사항, HTML을 사용하여 만들려는 제품, 학습하려는 경우 이 마크업 언어에 대한 현재 지식 수준에 따라 달라집니다. 대부분의 편집기는 무료이므로 목록을 2~3개로 좁히고 기본 기능을 시험해 본 다음 가장 마음에 드는 것을 결정할 수 있습니다.

또한 이 기사에 나열된 거의 모든 편집기는 Windows, Linux 및 Mac을 포함한 여러 운영 체제에서 지원되므로 호환성에 대해 너무 걱정할 필요가 없습니다.

대부분의 편집 요구 사항은 Windows용 Notepad++, Mac용 Brackets(이 편집기는 Linux 및 Windows에서도 지원됨) 또는 Coffecup 및 Notetab을 통해 쉽게 충족할 수 있습니다. 그러나 복잡한 웹사이트를 만들 계획이라면 Eclipse와 같은 모든 기능을 갖춘 개발 환경을 선택해야 합니다.

반면에 단지 HTML과 CSS를 가지고 놀고 싶다면 HTML 코드를 작성하고 결과를 즉시 확인할 수 있는 수많은 온라인 편집기가 있습니다.

사용하기 쉽고 기능이 풍부하며 웹 개발자들 사이에서 인기 있는 최고의 HTML 편집기 10개를 살펴보겠습니다.

1. Notepad++(Windows용 최고의 무료 HTML 편집기)

notepad-plus-plus.org

이 편집기는 Windows 사용자만 사용할 수 있으므로 Mac 또는 Linux를 사용하는 경우 스크롤하세요. Notepad++는 Windows 컴퓨터에 설치할 수 있는 최고의 무료 HTML 편집기입니다. 언뜻 보면 매우 기본적이지만 가장 복잡하고 동시에 사용하기 쉬운 편집기 중 하나입니다.

Notepad++의 강력한 기능 대부분은 PreviewHTML, 태그 강조용 HTML 태그 플러그인, 들여쓰기용 Tidy2 등을 포함한 타사 플러그인에서 비롯됩니다.

Notepad++의 주요 기능은 여러 파일을 동시에 작업하기 위한 표 형식 인터페이스, 매우 쉬운 축소 및 구문 강조, 사용자 정의 가능한 GUI(최소한의 옵션 사용), 닫기 버튼이 있는 표, 수직 표, 다국어(즉, 인터페이스 구성 가능)입니다. 영어, 프랑스어, 스페인어, 중국어 및 기타 80개 언어로 지원됩니다.

Notepad++는 동호가 개발하여 2003년에 출시되었습니다. 개인 및 상업적 용도 모두 무료이며 GNU 일반 공중 사용 허가서에 따라 라이센스가 부여됩니다.

Mac 사용자의 경우 Notepad++의 훌륭한 대안은 다음에 다룰 대괄호입니다.

2. 브래킷(Mac, Windows 및 Linux에서는 무료)

Brackets는 웹 개발 및 HTML 코드 편집을 위한 인기 있고 신뢰할 수 있는 또 다른 도구입니다. Notepad++와 달리 이 편집기는 Mac, Ubuntu, Debian 및 Windows에서 지원됩니다. 개인 및 상업적 용도로도 무료입니다(MIT 라이센스).

Brackets는 사용하기 쉽고 기능을 향상시키는 다양한 확장 기능을 갖추고 있습니다. 인기 있는 확장 기능:

• Emmet – CSS 및 HTML 코드 작성 속도를 높입니다.
• Beutify – HTML, CSS 및 JavaScript 파일 형식을 지정합니다.
• W3C 유효성 검사 – HTML 코드의 유효성을 확인합니다.

Brackets는 현대적이고 미니멀한 디자인을 갖춘 아름다운 편집기입니다. 코드의 변경 사항은 브라우저에 즉시 표시됩니다. CSS 또는 HTML 코드를 편집하고 사이트 모양이 어떻게 바뀌는지 실시간으로 확인할 수 있습니다.

여기에서 대괄호에 대해 읽어보세요 - HTML용 편집기: 대괄호

3. 커피컵 (무료버전과 유료버전이 있습니다)

Coffecup은 아마도 무료 버전과 상용 버전 모두에서 사용할 수 있는 최고의 HTML 편집기일 것입니다. 무료 버전에는 일부 기능이 부족하지만 목록에 포함될 만큼 복잡합니다.

무료 버전의 주요 기능은 다음과 같습니다.

• 사용자 정의 가능한 도구 모음,
• 요소, 속성 및 선택기에 대한 코드 완성,
• 즉시 사용 가능한 테마 및 템플릿,
• HTML용 마크다운 형식 지원,
• FTP/SFTP 지원,
• 이미지 끌어서 놓기 기능,
• 미리보기 옵션,
• 구문 강조,
• 단어에 대한 대안 등을 찾을 수 있는 동의어 사전.

유료 버전은 그리 비싸지 않습니다. 여기에는 HTML 및 CSS 코드 유효성 검사, 태그 라이브러리, 코드 클리너, 동적 맞춤법 검사기와 같은 몇 가지 추가 기능이 포함되어 있습니다.

Coffecup은 또한 코드를 작성할 필요 없이 드래그 앤 드롭 기능만 사용하여 모바일 친화적인 스타일로 작업할 수 있는 여러 고급 모듈을 제공합니다. 이러한 모듈에는 Foundation 프레이머, Bootstrap 빌더 및 반응형 사이트 디자이너가 포함됩니다.

커피컵은 1996년부터 시장에 출시되었으며 프리랜서, 스타트업, 중소기업은 물론 대기업의 웹 개발자도 사용하고 있습니다. 이는 웹사이트, 웹페이지, 뉴스레터, HTML 형식의 노트, 소셜 미디어용 콘텐츠를 만드는 데 유용한 도구입니다.

4. NoteTab (유료, 무료 2가지 버전)

NoteTab은 빠른 개발을 위한 기능을 제공하는 또 다른 HTML 및 CSS 편집기입니다. 이것은 지난 20년 동안 개발 프로세스 속도를 높이기 위한 도구를 개발해 온 Fookes 소프트웨어의 제품입니다.

NoteTab의 인기는 NASA, FBU, VISA, CIA Hewlett Packard, MIT에서 사용된다는 사실로 확인됩니다.

NoteTab에는 Light, Standard, Pro의 세 가지 버전이 있습니다. Light 버전은 개인용으로 무료로 배포됩니다. Pro 버전의 모든 기능을 갖추고 있지는 않지만 HTML5 및 CSS3 라이브러리, 부트스트랩, HTML 자동 완성, 파일을 프로젝트에 병합, HTML Tidy 지원, HTML을 텍스트로 변환하는 등 많은 테마를 지원합니다.

NoteTab은 플래시 드라이브에서 직접 실행할 수 있으며 컴퓨터에 설치할 필요가 없습니다. 블로거와 웹사이트 콘텐츠에 관련된 사람들을 위해 이 편집기는 단어 수와 SEO 통계를 지원합니다.

공식 웹사이트에서 NoteTab에 대해 더 자세히 알아볼 수 있습니다.

5. Eclipse(무료 HTML 편집기)

Eclipse는 무겁고 HTML 및 CSS 개발에 과잉일 수 있지만 설치 및 구성에 신경 쓰지 않는다면 큰 이점을 얻을 수 있습니다. 이는 다른 데이터 소스 등과 결합된 데이터베이스로 복잡한 사이트를 만들 계획이라면 훌륭한 도구입니다. 설정에는 시간이 걸리고 추가 플러그인을 설치해야 할 수 있습니다.

Eclipse는 가장 인기 있는 오픈 소스 통합 개발 환경입니다. 이 편집기는 Java, JavaScript, PHP, Ruby, Android 및 기타 여러 프로그래밍 언어에 자주 사용됩니다.

여기에서 자세한 내용을 확인할 수 있습니다 –

6. HTML-온라인

브라우저에서 온라인으로 HTML 코드를 편집할 때 HTML-online.com보다 나은 것은 없습니다. 소프트웨어를 다운로드하거나 설치하지 않고도 코딩 프로세스를 바로 시작할 수 있으며 무료입니다.

이 편집기의 장점 중 하나는 Word를 HTML로 변환하는 것입니다. 따라서 Microsoft Word 파일의 콘텐츠를 복사하고 HTML 마크업을 자동으로 적용할 수 있습니다. Google 문서, PDF, Excel, PowerPoint 및 기타 다양한 유형의 문서도 지원됩니다.

이것은 웹 페이지를 생성하는 동시에 인접한 창의 코드 변경 사항을 모니터링하는 데 도움이 되는 신뢰할 수 있는 시각적 편집기입니다. 언급할 가치가 있는 다른 기능으로는 HTML 코드 정리, 테이블 요소를 div로 캐스팅, 검색 및 바꾸기 옵션이 있습니다.

7. BlueGriffon(무료, 기본 및 EPUB 라이센스)

BlueGriffon은 "Disruptive Innovations SAS" 소속입니다. Mozilla의 웹 렌더링 엔진인 Gecko를 기반으로 구축되었습니다. BlueGriffon은 Netscape, Composer, Nvu 및 Mozilla의 기능 대부분을 상속받은 강력한 편집기입니다.

BlueGriffon에는 세 가지 변형이 있습니다. 첫 번째는 무료이고, 두 번째는 기본 라이선스에 따라 배포되며, 가장 강력한 변형은 EPUB 라이선스에 따라 배포됩니다.

무료 버전도 많은 일을 할 수 있습니다. 검은색 및 밝은 테마, 오디오, 비디오 및 HTML5 양식 지원, CSS3 편집 기능에는 전환, 3D 및 2D 변환, SVG 생성, WYSIWYG 기술, Google 글꼴 관리자, 글꼴 다람쥐 글꼴 관리자, 마크다운 형식 지원, 사용자 인터페이스가 포함됩니다. 20개 이상의 언어.

Mac의 Windows, Linux Ubuntu 및 OS X에 BlueGriffon을 다운로드하여 설치할 수 있습니다. 자세한 내용은 홈페이지에서 확인하실 수 있습니다 -

8. 플러그인이 포함된 Emacs

www.gnu.org

Emacs는 역사상 가장 사랑받는 편집자 중 하나입니다. 무료로 사용할 수 있습니다(GNU 라이센스). Emacs는 필요에 맞게 사용자 정의할 수 있는 범용 코드 편집기입니다. 무료로 배포되는 플러그인을 연결하면 풍부한 기능을 갖춘 강력한 코드 편집기로 변합니다.

HTML 편집과 관련하여 Emacs는 코드 편집을 매우 쉽게 만드는 HTML 모드를 제공합니다. 여기에서 더 읽어보세요 - Emacs

9. 아톰

아톰.io

Atom은 GitHub 개발자가 구성 가능한 텍스트 편집기입니다. 그 인기는 매우 빠르게 증가하고 있습니다. 이 편집기는 개인용 및 상업용 모두 무료입니다(MIT 라이센스). 개발자 커뮤니티는 새로운 기능으로 편집기를 더욱 풍부하게 만들기 위해 끊임없이 노력하고 있습니다.

Atom을 무료 HTML 편집기로 바꾸는 방법은 무엇입니까?

Atom에는 코드를 편집하는 데 필요한 모든 기본 기능이 포함되어 있지만 완전한 기능을 갖춘 HTML 편집기로 만들려면 추가 패키지를 설치해야 합니다. 여기에는 Emmet,atom-html-preview, Autocomplete-plus, Atom-color-highlight, Autocomplete-CSS, linter, minimap, haml 및 jade가 포함됩니다.

Atom은 Windows, Ubuntu(Debian Linux), Fedora(버전 22부터), Mac 및 Red Hat Linux에서 지원됩니다. 이는 코드 지향적이고 사용자 정의가 거의 필요하지 않기 때문에 콘텐츠 작성보다 웹 개발에 더 적합합니다.

10. 비주얼 스튜디오 커뮤니티

Visual Studio Community는 Microsoft의 모든 기능을 갖춘 개발 환경이며 누구에게나 무료로 제공됩니다. Visual Studio는 확장을 통해 더욱 향상될 수 있는 미리 구성된 HTML 및 CSS 편집 기능을 제공합니다.

언급할 만한 인기 있는 확장 기능으로는 HTML 조각, HTMLHint, HTML CSS 지원, CSS 클래스 이름용 Intellisense가 있습니다.

Eclipse와 마찬가지로 Visual Studio 커뮤니티는 많은 기술이 필요한 복잡하고 확장성이 뛰어난 사이트에 탁월한 선택입니다.

결론

HTML 마크업 언어는 어디에서나 사용됩니다. 오래 전에 만들어진 HTML 편집기가 많이 있지만 그럼에도 불구하고 시대에 뒤처지지 않고 웹 개발에 매우 ​​적합합니다. 그러나 더 이상 기능과 생산성이 부족하지 않은 제품도 있습니다. 효율적인 코드 편집을 제공하는 Brackets 및 Atom과 같은 새로운 편집기가 등장하고 있습니다.

이 기사에 나열된 대부분의 편집자는 고유한 특성을 가지고 있지만 웹 페이지 작성이라는 한 가지 목적을 수행합니다. 확장 가능성을 고려하면서 개발 속도를 높이고 코드 구성을 돕습니다.

이 기사에 언급된 옵션을 살펴보고, 주요 요구 사항을 기록하고, 몇 명의 편집자로 목록을 좁힌 다음, 각각을 시도해보고 가장 마음에 드는 것이 무엇인지 확인하세요. 아마도 Linux, Mac, Windows용으로 좋은 HTML 편집기를 하나 이상 찾을 수 있을 것입니다.

거의 모든 인터넷 사용자는 자신만의 웹사이트를 만드는 것에 대해 생각해 본 적이 있지만 모든 사람이 최소한 웹 프로그래밍 및 레이아웃의 기본 사항을 숙지할 시간과 능력을 갖고 있는 것은 아닙니다. 하지만 대부분의 경우 복잡하게 프로그래밍 가능한 요소를 개발할 필요가 없으며, 시각적 웹사이트 편집기나 WYSIWYG 편집기를 사용하여 아름답고 기능적인 웹사이트를 만들 수 있습니다.

이러한 프로그램은 상대적으로 사용이 간편함에도 불구하고 아마추어 개발 도구와는 거리가 멀지만, 어떤 수준의 경험에서도 작업할 수 있는 능력이 바로 이 프로그램을 특별하게 만드는 것입니다.

WYSIWYG는 영어 단어 What You See Is What You Get의 약어로, "당신이 보는 것이 곧 당신이 얻는 것"으로 번역됩니다. 즉, 우리는 사용자가 작업하면서 자신의 노력에 대한 대략적인 결과를 즉시 확인할 수 있는 개발 환경에 대해 이야기하고 있습니다. Runet에서는 언급된 약어의 러시아어 유사어가 가장 자주 사용되며 이러한 유형의 프로그램을 시각적 편집기라고 합니다. 이러한 애플리케이션을 사용하면 HTML, CSS, PHP 등 다양한 프로그래밍 및 레이아웃 언어로 코드를 생성할 수 있습니다.

HTML 및 기타 웹 개발 언어에 가장 널리 사용되는 WYSIWYG 편집기는 Adobe Dreamveawer입니다. 이는 진정한 사용자 친화적인 인터페이스, 사용 가능한 다양한 도구, 최신 기술 지원 및 Creative Suite 패키지의 다른 응용 프로그램과의 통합을 특징으로 합니다. Adobe Dreamveawer의 가장 큰 장점은 자세한 전문 문서가 제공될 뿐만 아니라 프로그램 작업에 대한 무료 강의가 인터넷에서 제공된다는 것입니다. 또한 Joomla, WordPress, Drupal과 같은 일반적인 CMS 엔진과도 작동할 수 있습니다. 현재 버전은 CS6입니다.

또 다른 인기 있는 비주얼 편집기는 최근 버전 9로 업데이트된 WYSIWYG Web Builder입니다. 이는 코딩이나 웹 프로그래밍 기술 없이도 고품질 웹 사이트를 만들 수 있는 강력한 솔루션입니다. 이 프로그램을 사용하면 복잡한 시나리오와 대화형 요소를 삽입하여 간단한 명함 사이트 또는 다중 페이지 리소스를 모두 만들 수 있습니다. 키트에는 여러 가지 템플릿이 함께 제공되며 작업하면서 새로운 템플릿을 추가할 수 있습니다. WYSIWYG Web Builder의 최신 버전에는 리본 인터페이스, CSS3 작업을 위한 새로운 기능 및 기타 100개 이상의 개선 사항이 포함되어 있습니다.

상용 솔루션 외에도 좋은 오픈 소스 솔루션도 있습니다. 예를 들어, 세계적으로 유명한 Mozilla Firefox 브라우저를 실행하는 Gecko 엔진을 기반으로 제작된 무료 비주얼 편집기 BlueGriffon이 있습니다.

이는 웹 페이지를 편집하고 최신 웹 표준을 충족하는 사이트를 생성하기 위한 현대적이고 안정적인 솔루션입니다. BlueGriffon은 HTML, PHP, CSS 및 기타 웹 개발 언어를 위한 다국어 시각적 편집기로 직관적이고 사용자 친화적인 인터페이스를 갖추고 있으며 여기서 편집된 문서는 Firefox 브라우저에서와 완전히 동일하게 보입니다.

WYSIWYG 편집기는 웹 페이지를 편집하고 다양한 수준의 복잡성을 갖춘 본격적인 웹 사이트를 만드는 데 정말 편리한 도구입니다. 이를 통해 사용자는 광범위한 기술 지식 없이도 매력적인 웹사이트를 만들 수 있습니다.

HTML 페이지를 편안하게 작업하고 변경하고 편집하려면 HTML 편집기가 사용됩니다. 오늘날 이러한 편집기는 매우 다양하며 각각 고유한 장점과 단점이 있으며 다양한 작업에도 사용할 수 있습니다.

Adobe Dreamweaver는 가장 오래된 HTML 편집기 중 하나이며 첫 번째 버전은 1997년 12월에 출시되었습니다. 그 이후로 패키지는 많은 변화를 겪었고 결국 복잡한 웹 프로젝트 작업에 사용되는 진정한 전문 HTML 편집기가 되었습니다. 여기에서 웹 개발자를 위한 모든 최신 도구를 찾을 수 있습니다.

새 버전은 HTML 5 표준을 지원하고 코드 편집기와 개발자 창도 개선합니다. CSS 전처리기에 대한 지원을 구현하고 브라우저 창에 모든 변경 사항을 실시간으로 표시합니다. Flash Player와의 긴밀한 통합이 제공됩니다. 외관 디자인이 완전히 업데이트되었습니다.

Adobe Dreamweaver의 단점은 "무거움"과 하드웨어 요구 사항입니다. 패키지를 설치하려면 하드 드라이브에 몇 기가바이트의 여유 공간이 있어야 합니다. 이 프로그램에는 다양한 탭과 설정이 있으므로 익숙해지려면 추가 시간이 필요합니다. 또한 Adobe Dreamweaver는 사용하려면 비용을 지불해야 하는 독점 소프트웨어입니다.

그럼에도 불구하고, 프로그램에는 무료 평가판 기간이 있으며, 이 기간 동안 이 패키지의 모든 이점과 장점을 평가할 수 있습니다. 일반적으로 이 기간은 프로그램 설치일로부터 한 달 동안 지속됩니다.

멀티 플랫폼 편집기인 Sublime Text는 점차 전문가들 사이에서 인기를 얻고 있습니다. 이는 최대한의 단순성, 장식 부족 및 동시에 개발자에게 필요한 모든 필수 도구가 있기 때문입니다. 그러나 갑자기 필요한 것이 있는데 Sublime Text의 표준 기능에 없으면 언제든지 플러그인으로 찾거나 Python으로 직접 작성할 수 있습니다. 모든 작업은 단축키를 사용하여 수행되므로 프로그램 창 자체에는 최소한의 인터페이스 요소가 포함되어 있습니다. 작업 영역은 여러 개의 독립적인 창으로 나누어 수평, 수직 또는 그리드 형태로 배열할 수 있습니다.

모든 장점에도 불구하고 Sublime Text 편집기는 초보자에게 여전히 다소 어려운 도구입니다. 여기에서 편집기의 표준 구성도 메뉴를 사용하지 않고 config.json 파일을 사용하여 발생하므로 작업하려면 사용자의 기본 교육이 필요합니다. 그러나 전문 프로그래머의 경우 이 도구에 완전한 문서가 함께 제공되므로 사용자 정의하는 것이 어렵지 않습니다.

Sublime Text 편집기는 독점 소프트웨어이지만 사용하기 위해 비용을 지불할 필요가 없습니다. 실행할 때마다 이 프로그램을 공식적으로 구매할 수 있음을 알리는 창이 나타납니다. 단, 이는 필수 구매가 아닌 기부 기반으로 이루어집니다.

공식 웹사이트(https://www.sublimetext.com)에서 프로그램을 다운로드할 수 있습니다.

Notepad++는 기술적으로 HTML 편집기는 아니지만 이러한 목적으로 사용할 수 있습니다. 여기에는 가장 널리 사용되는 프로그래밍 언어인 HTML 및 XML 마크업 언어에 대한 구문 강조 기능이 내장되어 있으며, 그 중 일부는 PHP, Ruby, Perl, Python 등과 같은 웹 개발에 사용됩니다.

마커, 코드 블록 접기, 자동 완성, 프로젝트 관리자, 여러 줄 편집 및 강조 표시, 다양한 인코딩 지원 등 코드 편집에 도움이 되는 다양한 도구가 있습니다. 또한 다양한 개발자가 제공하는 수많은 Notepad++용 플러그인이 있어 프로그램의 기능이 크게 확장되어 전문 HTML 편집자의 강력한 경쟁자가 되었습니다.

Notepad++ 텍스트 편집기의 장점은 속도와 적은 양의 디스크 공간입니다. 게다가 이 프로그램은 매우 간단한 인터페이스를 가지고 있어 작업하는 데 추가 교육 시간이 필요하지 않습니다. 또한 Notepad++는 지속적으로 업데이트되며 프로그램 자체에서 사용자에게 이를 알리고 설치를 제안합니다. 편집기의 가장 중요한 장점은 자유 소프트웨어를 의미하는 GNU GPL 2 라이센스에 따라 배포된다는 것입니다.

이 편집기는 공식 웹사이트 https://notepad-plus-plus.org에서 아무런 제한 없이 지금 바로 다운로드할 수 있습니다.

이것은 시각적으로 Sublime Text를 연상시키는 멋진 인터페이스를 갖춘 간단한 편집기입니다. CoffeeScript로 작성되었습니다. Atom은 2014년 2월 26일에 첫 번째 릴리스가 이루어진 상당히 젊은 텍스트 편집기입니다. Node.js로 작성된 플러그인을 지원합니다. 초보자가 HTML뿐만 아니라 다른 여러 작업에도 적합합니다.

Atom은 무료이며 가장 널리 사용되는 운영 체제에 설치할 수 있습니다. 또한 설치 및 사용이 매우 쉽고 빠르게 작동하며 하드 드라이브에 약간의 여유 공간이 필요합니다.

이 편집기를 시작하려면 기본적으로 열리는 환영 창에서 "프로젝트 열기"를 클릭하세요. 다음으로 작업용 디렉터리를 선택한 후 해당 디렉터리에 파일이 생성되고 확장자가 표시됩니다. 파일의 구문은 지정된 확장자에 따라 자동으로 결정됩니다.

Vim은 가장 오래된 Unix 편집기 계열에서 시작된 전문 무료 텍스트 편집기입니다. Vim은 91년 11월 2일에 처음 출시되었습니다. 전문 프로그래머를 위한 도구로 알려져 있으며 작업 자동화를 위한 엄청난 기회를 제공합니다. Vim의 표준 시각적 인터페이스는 콘솔 인터페이스이지만 창 그래픽 인터페이스를 통해 작동하는 수정된 Gvim이 있습니다.

Vim으로 작업할 때 단축키와 기능을 변경하는 여러 가지 모드가 있습니다. 처음에 Vim은 "일반" 또는 "명령" 모드로 시작됩니다. "복사", "삭제", "붙여넣기"와 같은 일반적인 단축키가 모두 있습니다. 다른 모드에서는 텍스트를 입력하거나 콘솔로 작업하거나 시각적 모드를 호출합니다. 왜 그런 어려움을 겪는 것 같습니까? 사실 Vim은 모든 작업을 고전적인 "편의성"의 관점에서가 아니라 최대한의 최적화가 필요한 것으로 간주하는 도구로 개발되었습니다.

Vim은 매우 빠르며 시스템 리소스를 거의 사용하지 않습니다. 학습의 어려움에 관해서는 이것은 확실히 초보자를 위한 도구가 아닙니다. 이동 작업에만 100개 이상의 명령이 개발되었습니다. 물론 다 외울 필요는 없습니다. 모든 사람은 자신의 프로그래밍 스타일을 선택하고 이를 기반으로 자신에게 필요한 것이 무엇인지 배웁니다. 적절한 수준에서 이 편집기를 마스터하려면 많은 인내와 시간이 필요합니다. 그러나 부지런한 사용자에게는 보상으로 현재 사용 가능한 가장 강력한 코드 편집기가 제공됩니다. Vim은 Linux, Mac, Windows 및 기타 여러 운영 체제에서 실행되는 무료 다중 플랫폼 도구입니다.

다른 프로그램과 달리 IntelliJ IDEA는 전문적인 통합 개발 환경(IDE)입니다. HTML/XHTML/HAML 마크업 언어 및 CSS/SASS/LESS 페이지 모양 설명 언어와 원활하게 작동할 수 있다는 사실 외에도 Java, JavaScript, Python 및 Coffee Script와 긴밀하게 작업할 수 있습니다. IntelliJ IDEA는 JetBrains에서 개발했습니다.

왜 이 특정 프로그램을 사용하기 시작해야 합니까? 첫째, 정말 사려 깊은 인터페이스를 가지고 있습니다. 이전에 본 적이 없더라도 설치 후 즉시 작업을 시작할 수 있습니다. 또한 CVS, Apache Ant, Maven, JUnit 및 Subversion과 같은 인기 있는 도구를 완전히 무료로 사용하여 작업할 수 있습니다.

안타깝게도 IntelliJ IDEA 자체는 완전 무료 프로그램이 아닙니다. 정식 버전은 30일의 시험 기간 동안만 사용할 수 있으며, 간단한 버전에는 유용한 기능이 많이 부족하여 Android에서 애플리케이션을 개발하거나 Java 시스템으로 작업할 때 정말 유용할 수 있습니다.

HTML 편집기의 주요 목적은 전문가가 리소스를 개발하거나 콘텐츠로 채울 때 페이지 코드 생성을 단순화하는 것입니다. 이 편집기를 사용하면 이 프로세스의 속도가 크게 향상되고 결과를 즉시 시각적으로 미리 볼 수 있습니다.

IT 담당자가 HTML 편집기를 사용하는 이유는 무엇입니까?

아시다시피 웹 사이트에 하이퍼텍스트 마크업 언어를 사용하지 않으면 현대 리소스 하나도 할 수 없으며 한 페이지의 코드 길이는 수천 줄에 달할 수 있습니다. 클래식 버전에서 마크업 코드를 작성하는 최적의 방법은 일반 메모장입니다. 이는 기본 태그를 직접 입력해야 하는 순수한 형식으로 사용자에게 제공됩니다. 이를 위해서는 엄청난 시간이 필요하며, 순전히 기계적인 오타가 발생할 위험도 배제할 수 없습니다. 구명 해킹으로 작업을 더 쉽게 만들기 위해 웹 개발자는 이미 요소를 자동으로 편집하는 기능을 제공하는 HTML 편집기를 적극적으로 사용하지만 가장 중요한 것은 문자를 수동으로 입력하지 않고 이미 작성된 프로그램 코드를 사용하여 입력할 수 있다는 것입니다. 목적.

실용적인 HTML 코드 편집기는 잠재 사용자가 마스터할 수 있을 만큼 간단하며 경험이 없는 사용자에게도 웹 페이지 레이아웃 문제에 대한 최적의 솔루션을 쉽게 제공할 수 있습니다.

HTML 편집기의 이점은 최대입니다!

• 필수 문자 누락, 괄호 닫기, 오타나 실수에 대한 걱정 없이 요소의 인코딩을 올바르게 입력할 수 있습니다. 도구 페이지에서 필요한 요소를 찾아 클릭하기만 하면 모든 데이터가 즉시 등록되므로 내용을 확인할 필요도 없습니다.
• 반자동 소프트웨어를 사용하면 사용자가 특정 작업을 수행하는 데 상당한 시간을 절약할 수 있으므로 코드 작성 속도가 크게 향상됩니다. 결과적으로 코드가 훨씬 빠르게 컴파일됩니다.
• PC에 사전 설치하지 않고 온라인으로 사용할 수 있습니다. 편집기를 사용하면 전 세계 어디에서나 문제 없이 작업할 수 있고 데이터가 자동으로 저장되며 연주자에게 최대한의 편의성을 보장할 수 있습니다.
• 무료는 잠재 고객의 시간과 비용을 크게 절약하고 무제한의 활동 범위를 제공하며 작업에서 많은 실수를 저지르는 것을 허용하지 않습니다. 소프트웨어 사용에 많은 비용을 지불할 필요가 없습니다.

주목할 만한 점은 많은 전문 전문가들이 그런 에디터와 함께 공부하는 것을 추천한다는 점이다. 글쎄, 이미 확고한 리소스 개발자에게 이러한 제안은 힘든 수동 입력에 대한 가치 있는 대안이 될 것이며 모든 것을 빠르고 실질적으로 수행할 수 있는 기회가 될 것입니다.